1
0
mirror of https://github.com/danbee/danbarberphoto synced 2025-03-04 08:49:07 +00:00
danbarberphoto/app/assets/stylesheets/admin/admin.css.sass
2011-10-10 15:39:52 +01:00

137 lines
2.5 KiB
Sass

// Place all the styles related to the admin/admin controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
@import "../includes/v_linear_grad"
@import "../includes/round_corners"
@import "../includes/transition"
@import "../includes/box_shadow"
body
background-color: #999
color: #333
font-family: "Helvetica Neue", "Arial", sans-serif
font-size: 14px
line-height: 18px
margin: 0
padding: 0
#page, #login
background: #fafafa
padding: 1em 2em 3em
border-bottom: 1px solid #666
@include box-shadow("0 1px 4px rgba(0, 0, 0, 0.3)")
#login
width: 40em
margin: 5em auto 0
header
background: #333
margin: -2.5em -2em 0
#user
position: absolute
top: 1em
right: 2em
color: #ccc
a
color: #999
h1
font-size: 2em
margin-bottom: 0em
a
width: 263px
height: 24px
display: inline-block
padding: 1em 1em
text-indent: -1000em
background: url(/assets/admin/logo.png) 1em 0.75em no-repeat
&:hover
background-color: inherit
#login
h1
margin-bottom: 0.5em
h2
margin-top: 1.2em
p, ol, ul, td
font-family: "Helvetica Neue", "Arial", sans-serif
font-size: 13px
line-height: 18px
pre
background-color: #eee
padding: 10px
font-size: 11px
a
color: #000
&:hover
color: #fff
background-color: #000
div
&.field, &.actions
margin-bottom: 10px
#notice
color: green
.field_with_errors
padding: 2px
background-color: red
display: table
table
border: 1px solid #bbb
border-spacing: 0
@include box-shadow("0 2px 2px rgba(0, 0, 0, 0.2)")
@include round-corners(5px)
td, th
border-bottom: 1px solid #bbb
tr:nth-child(even) td
background: #f0f0f0
tr:nth-child(odd) td
background: #fff
thead
background: #ddd
color: #333
td, th
text-align: left
padding: 0.5em 0.7em
tfoot td
background: #ddd !important
border-bottom: 0
#error_explanation
width: 450px
border: 2px solid red
padding: 7px
padding-bottom: 0
margin-bottom: 20px
background-color: #f0f0f0
h2
text-align: left
font-weight: bold
padding: 5px 5px 5px 15px
font-size: 12px
margin: -7px
margin-bottom: 0px
background-color: #c00
color: #fff
ul li
font-size: 12px
list-style: square
form ul.taxonomies
border: 1px solid #ccc
@include round-corners(3px)
@include box-shadow("inset 2px 2px 4px rgba(0, 0, 0, 0.1)")
margin-top: 1em
padding: 1em
width: 25%
float: right
> li
font-weight: bold