@ -34,7 +34,12 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537a', end
/* INPUTS */
input [ type = "text" ] , input [ type = "password" ] { cursor : text ; }
input , textarea , select , button , . button , # quota , div . jp-progress , . pager li a { font-size : 1 em ; font-family : Arial , Verdana , sans-serif ; 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 ; outline : none ; }
input , textarea , select , button , . button , # quota , div . jp-progress , . pager li a {
font-size : 1em ; font-family : Arial , Verdana , sans-serif ; width : 10em ; margin : . 3em ; padding : . 6em . 5em . 4em ;
background : # fff ; color : # 333 ; border : 1px solid # ddd ; outline : none ;
-moz-box-shadow : 0 1px 1px # fff , 0 2px 0 # bbb inset ; -webkit-box-shadow : 0 1px 1px # fff , 0 1px 0 # bbb inset ; box-shadow : 0 1px 1px # fff , 0 1px 0 # bbb inset ;
-moz-border-radius : . 5em ; -webkit-border-radius : . 5em ; border-radius : . 5em ;
}
input [ type = "text" ] , input [ type = "password" ] , input [ type = "search" ] , textarea { background : #f8f8f8 ; color : #555 ; cursor : text ; }
input [ type = "text" ] , input [ type = "password" ] , input [ type = "search" ] { -webkit- appearance : textfield ; -moz- appearance : textfield ; -webkit- box-sizing : content-box ; -moz- box-sizing : content-box ; box-sizing : content-box ; }
input [ type = "text" ] : hover , input [ type = "text" ] : focus , input [ type = "text" ] : active ,
@ -42,7 +47,12 @@ input[type="password"]:hover, input[type="password"]:focus, input[type="password
. searchbox input [ type = "search" ] : hover , . searchbox input [ type = "search" ] : focus , . searchbox input [ type = "search" ] : active ,
textarea : hover , textarea : focus , textarea : active { background-color : #fff ; color : #333 ; -ms- filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ; filter : alpha ( opacity = 100 ) ; opacity : 1 ; }
input [ type = "submit" ] , input [ type = "button" ] , button , . button , # quota , div . jp-progress , select , . 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" ] , input [ type = "button" ] , button , . button , # quota , div . jp-progress , select , . pager li a {
width : auto ; padding : . 4em ;
background : # f8f8f8 ; font-weight : bold ; color : # 555 ; text-shadow : # fff 0 1px 0 ; border : 1px solid # ddd ; cursor : pointer ;
-moz-box-shadow : 0 1px 1px # fff , 0 1px 1px # fff inset ; -webkit-box-shadow : 0 1px 1px # fff , 0 1px 1px # fff inset ; box-shadow : 0 1px 1px # fff , 0 1px 1px # fff inset ;
-moz-border-radius : . 5em ; -webkit-border-radius : . 5em ; border-radius : . 5em ;
}
input [ type = "submit" ] : hover , input [ type = "submit" ] : focus , input [ type = "button" ] : hover , select : hover , select : focus , select : active , input [ type = "button" ] : focus , . button : hover { background : #fff ; color : #333 ; }
input [ type = "submit" ] img , input [ type = "button" ] img , button img , . button img { cursor : pointer ; }
input [ type = "checkbox" ] { width : auto ; }
@ -77,13 +87,14 @@ input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text-
# login { min-height : 30 em ; margin : 2 em auto 0 ; border-bottom : 1 px solid #f8f8f8 ; background : #eee ; }
# login form { width : 22 em ; margin : 2 em auto 2 em ; padding : 0 ; }
# login form fieldset { background : 0 ; border : 0 ; margin-bottom : 20 px ; padding : 0 ; }
# login form fieldset { margin-bottom : 20 px ; }
# login form # adminaccount { margin-bottom : 5 px ; }
# login form fieldset legend {
# login form fieldset legend , # datadirContent label {
width : 100 % ; text-align : center ;
font-weight : bold ; color : # 999 ; text-shadow : 0 1px 0 white ;
}
# login form fieldset legend a { color : #999 ; }
# login # datadirContent label { color : #999 ; display : block ; }
# login form # datadirField legend { margin-bottom : 15 px ; }
/* Nicely grouping input field sets */
@ -115,12 +126,19 @@ label.infield { cursor: text !important; }
# login form # selectDbType { text-align : center ; }
# login form # selectDbType label {
position : static ; margin : 0 -3px 5px ; padding : . 4em ;
font-size : 12px ; font-weight : bold ; background : # f8f8f8 ; color : # 555 ; cursor : pointer ;
font-size : 12px ; font-weight : bold ; background : # f8f8f8 ; color : # 888 ; cursor : pointer ;
border : 1px solid # ddd ; text-shadow : # eee 0 1px 0 ;
-moz-box-shadow : 0 1px 1px # fff , 0 1px 1px # fff inset ; -webkit-box-shadow : 0 1px 1px # fff , 0 1px 1px # fff inset ;
}
# login form # selectDbType label . ui-state-hover , # login form # selectDbType label . ui-state-active { color : #000 ; background-color : #e8e8e8 ; }
fieldset . warning {
padding : 8px ;
color : # b94a48 ; background-color : # f2dede ; border : 1px solid # eed3d7 ;
border-radius : 5px ;
}
fieldset . warning legend { color : #b94a48 !important ; }
/* NAVIGATION ------------------------------------------------------------- */
# navigation { position : fixed ; top : 3.5 em ; float : left ; width : 12.5 em ; padding : 0 ; z-index : 75 ; height : 100 % ; background : #eee ; border-right : 1 px #ccc solid ; -moz- box-shadow : -3 px 0 7 px #000 ; -webkit- box-shadow : -3 px 0 7 px #000 ; box-shadow : -3 px 0 7 px #000 ; overflow : hidden ; }