@ -15,9 +15,9 @@ body { background:#fefefe; font:normal .8em/1.6em "Lucida Grande", Arial, Verdan
/* HEADERS */
# body-user # header , # body-settings # header { position : fixed ; top : 0 ; z-index : 100 ; width : 100 % ; height : 2.5 em ; padding : .5 em ; background : #1d2d44 ; -moz- box-shadow : 0 0 10 px #000 , inset 0 -2 px 10 px #222 ; -webkit- box-shadow : 0 0 10 px #000 , inset 0 -2 px 10 px #222 ; box-shadow : 0 0 10 px #000 , inset 0 -2 px 10 px #222 ; }
# body-user # header , # body-settings # header { position : fixed ; top : 0 ; z-index : 100 ; width : 100 % ; height : 2.5 em ; padding : .5 em ; background : #1d2d44 ; -moz- box-shadow : 0 0 10 px rgba ( 0 , 0 , 0 , .5 ) , inset 0 -2 px 10 px #222 ; -webkit- box-shadow : 0 0 10 px rgba ( 0 , 0 , 0 , .5 ) , inset 0 -2 px 10 px #222 ; box-shadow : 0 0 10 px rgba ( 0 , 0 , 0 , .5 ) , inset 0 -2 px 10 px #222 ; }
# body-login # header { margin : -2 em auto 0 ; text-align : center ; height : 10 em ;
-moz-box-shadow : 0 0 1em # 000 ; -webkit-box-shadow : 0 0 1em # 000 ; box-shadow : 0 0 1em # 000 ;
-moz-box-shadow : 0 0 1em rgba ( 0 , 0 , 0 , . 5 ) ; -webkit-box-shadow : 0 0 1em rgba ( 0 , 0 , 0 , . 5 ) ; box-shadow : 0 0 1em rgba ( 0 , 0 , 0 , . 5 ) ;
background : # 1d2d44 ; /* Old browsers */
background : -moz-linear-gradient ( top , # 35537a 0 % , # 1d2d42 100 % ) ; /* FF3.6+ */
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # 35537a ) , color-stop ( 100 % , # 1d2d42 ) ) ; /* Chrome,Safari4+ */
@ -53,7 +53,7 @@ input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text-
# controls { width : 100 % ; top : 3.5 em ; height : 2.8 em ; margin : 0 ; background : #f7f7f7 ; border-bottom : 1 px solid #eee ; position : fixed ; z-index : 50 ; -moz- box-shadow : 0 -3 px 7 px #000 ; -webkit- box-shadow : 0 -3 px 7 px #000 ; box-shadow : 0 -3 px 7 px #000 ; }
# controls . button { display : inline-block ; }
# content { margin : 3.5 em 0 0 12.5 em ; }
# leftcontent , . leftcontent { position : absolute ; top : 6.4 em ; width : 20 em ; background : #f8f8f8 ; height : 100 % ; border-right : 1 px solid #ddd ; }
# leftcontent , . leftcontent { position : fixed; overflow : auto ; top : 6.4 em ; width : 20 em ; background : #f8f8f8 ; border-right : 1 px solid #ddd ; }
# leftcontent li , . leftcontent li { padding : .3 em .8 em ; white-space : nowrap ; overflow : hidden ; text-overflow : ellipsis ; -webkit- transition : background-color 500 ms ; -moz- transition : background-color 500 ms ; -o- transition : background-color 500 ms ; transition : background-color 500 ms ; }
# leftcontent li : hover , # leftcontent li : active , # leftcontent li . active , . leftcontent li : hover , . leftcontent li : active , . leftcontent li . active { background : #eee ; }
# rightcontent , . rightcontent { position : absolute ; top : 6.4 em ; left : 33 em ; }
@ -69,7 +69,7 @@ input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text-
# login form { width : 22 em ; margin : 2 em auto 2 em ; padding : 0 ; }
# login form fieldset { background : 0 ; border : 0 ; margin-bottom : 2 em ; padding : 0 ; }
# login form fieldset legend { font-weight : bold ; }
# login form label { margin : . 8em .8 em ; color : #666 ; }
# login form label { margin : . 9em .8 em .7 em ; ; color : #666 ; }
/* NEEDED FOR INFIELD LABELS */
p . infield { position : relative ; }
label . infield { cursor : text !important ; }
@ -98,13 +98,14 @@ label.infield { cursor: text !important; }
/* VARIOUS REUSABLE SELECTORS */
. hidden { display : none ; }
. bold { font-weight : bold ; }
# notification { z-index : 101 ; cursor : pointer ; background-color : #fc4 ; border : 0 ; padding : 0 .7 em .3 em ; display : none ; position : fixed ; left : 50 % ; top : 0 ; -moz- border-radius-bottomleft : 1 em ; -webkit- border-bottom-left-radius : 1 em ; border-bottom-left-radius : 1 em ; -moz- border-radius-bottomright : 1 em ; -webkit- border-bottom-right-radius : 1 em ; border-bottom-right-radius : 1 em ; }
. action , . selectedActions a , # logout { opacity : .3 ; -webkit- transition : opacity 500 ms ; -moz- transition : opacity 500 ms ; -o- transition : opacity 500 ms ; transition : opacity 500 ms ; }
. action : hover , . selectedActions a : hover , # logout : hover { opacity : 1 ; }
table tr { -webkit- transition : background-color 500 ms ; -moz- transition : background-color 500 ms ; -o- transition : background-color 500 ms ; transition : background-color 500 ms ; }
table : not ( . nostyle ) tr { -webkit- transition : background-color 500 ms ; -moz- transition : background-color 500 ms ; -o- transition : background-color 500 ms ; transition : background-color 500 ms ; }
tbody tr : hover , tr : active { background-color : #f8f8f8 ; }
# body-settings . personalblock , # body-settings . helpblock { padding : .5 em 1 em ; margin : 1 em ; background : #f8f8f8 ; color : #555 ; text-shadow : #fff 0 1 px 0 ; -moz- border-radius : .5 em ; -webkit- border-radius : .5 em ; border-radius : .5 em ; }