@ -32,11 +32,11 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537a', end
/* INPUTS */
input [ type = "text" ] , input [ type = "password" ] { cursor : text ; }
input , select , . button , # quota , div . jp-progress { font-size : 1 em ; width : 10 em ; margin : .3 em ; padding : .6 em .5 em .4 em ; background : #fff ; color : #333 ; border : 1 px solid #ddd ; -moz- box-shadow : 0 1 px 1 px #fff , 0 2 px 0 #bbb inset ; -webkit- box-shadow : 0 1 px 1 px #fff , 0 1 px 0 #bbb inset ; box-shadow : 0 1 px 1 px #fff , 0 1 px 0 #bbb inset ; -moz- border-radius : .5 em ; -webkit- border-radius : .5 em ; border-radius : .5 em ; }
input , select , . button , # quota , div . jp-progress , . pager li a { font-size : 1 em ; width : 10 em ; margin : .3 em ; padding : .6 em .5 em .4 em ; background : #fff ; color : #333 ; border : 1 px solid #ddd ; -moz- box-shadow : 0 1 px 1 px #fff , 0 2 px 0 #bbb inset ; -webkit- box-shadow : 0 1 px 1 px #fff , 0 1 px 0 #bbb inset ; box-shadow : 0 1 px 1 px #fff , 0 1 px 0 #bbb inset ; -moz- border-radius : .5 em ; -webkit- border-radius : .5 em ; border-radius : .5 em ; }
input [ type = "text" ] , input [ type = "password" ] { background : #f8f8f8 ; color : #555 ; cursor : text ; }
input [ type = "text" ] : hover , input [ type = "text" ] : focus , input [ type = "password" ] : hover , input [ type = "password" ] : focus { background : #fff ; color : #333 ; outline : none ; }
input [ type = "submit" ] , input [ type = "button" ] , . button , # quota , div . jp-progress { width : auto ; padding : .4 em ; border : 1 px solid #ddd ; font-weight : bold ; cursor : pointer ; background : #f8f8f8 ; color : #555 ; text-shadow : #fff 0 1 px 0 ; -moz- box-shadow : 0 1 px 1 px #fff , 0 1 px 1 px #fff inset ; -webkit- box-shadow : 0 1 px 1 px #fff , 0 1 px 1 px #fff inset ; -moz- border-radius : .5 em ; -webkit- border-radius : .5 em ; border-radius : .5 em ; }
input [ type = "submit" ] , input [ type = "button" ] , . button , # quota , div . jp-progress , . pager li a { width : auto ; padding : .4 em ; border : 1 px solid #ddd ; font-weight : bold ; cursor : pointer ; background : #f8f8f8 ; color : #555 ; text-shadow : #fff 0 1 px 0 ; -moz- box-shadow : 0 1 px 1 px #fff , 0 1 px 1 px #fff inset ; -webkit- box-shadow : 0 1 px 1 px #fff , 0 1 px 1 px #fff inset ; -moz- border-radius : .5 em ; -webkit- border-radius : .5 em ; border-radius : .5 em ; }
input [ type = "submit" ] : hover , input [ type = "submit" ] : focus , input [ type = "button" ] : hover , input [ type = "button" ] : focus , . button : hover { background : #fff ; color : #333 ; outline : none ; }
input [ type = "checkbox" ] { width : auto ; outline : none ; }
@ -51,6 +51,7 @@ input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text-
/* CONTENT ------------------------------------------------------------------ */
# 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 { position : absolute ; top : 6.4 em ; width : 20 em ; background : #f8f8f8 ; height : 100 % ; border-right : 1 px solid #ddd ; }
# 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 ; }
@ -101,13 +102,14 @@ input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text-
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 ; }
tbody tr : hover , tr : active { background-color : #f8f8f8 ; }
# body-settings . personalblock , . pager li a { 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 ; }
# 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 ; }
# body-settings . personalblock # quota { position : relative ; margin-top : 4.5 em ; padding : 0 ; }
# body-settings # controls + . helpblock { position : relative ; margin-top : 7.3 em ; }
# quota div , div . jp-play-bar , div . jp-seek-bar { padding : .6 em 1 em ; background : #e6e6e6 ; font-weight : normal ; white-space : nowrap ; -moz- border-radius-bottomleft : .4 em ; -webkit- border-bottom-left-radius : .4 em ; border-bottom-left-radius : .4 em ; -moz- border-radius-topleft : .4 em ; -webkit- border-top-left-radius : .4 em ; border-top-left-radius : .4 em ; }
div . jp-play-bar , div . jp-seek-bar { padding : 0 ; }
. pager { list-style : none ; margin : 1 em ; float : right ; }
. pager li { display : inline-block ; margin : 0 ; }
. pager { list-style : none ; float : right ; display : inline ; margin : .7 em 12.7 em 0 0 ; }
. pager li { display : inline-block ; }
li . error { width : 640 px ; margin : 4 em auto ; padding : 1 em 1 em 1 em 4 em ; background : #ffe .8 em .8 em no-repeat ; border : 1 px solid #ccc ; -moz- border-radius : 10 px ; -webkit- border-radius : 10 px ; border-radius : 10 px ; }