css/style.css

   1 body {\r
   2         font-family: Verdana, Arial;\r
   3         font-size: 12px;\r
   4         color: #595441;\r
   5         background:#E3F3FF;\r
   6         text-align:center;\r
   7         margin-top:0px;\r
   8         padding-top:10px;\r
   9 }\r
  10 #wrap {\r
  11         width:950px;\r
  12         margin:0 auto;\r
  13         background:white;\r
  14         text-align:left;\r
  15         padding:5px 20px 10px 20px;\r
  16         border-left:3px solid #5FA3C6;\r
  17         border-right:3px solid #5FA3C6;\r
  18         border-bottom:3px solid #5FA3C6;\r
  19         border-top:3px solid #5FA3C6;\r
  20         -moz-border-radius:20px;\r
  21         -webkit-border-radius:20px;\r
  22 }\r
  23 div, p, td {\r
  24         font-family: Verdana, Arial;\r
  25         font-size: 12px;\r
  26 }\r
  27 a, a:link, a:active, a:visited {\r
  28         color: #2A85B3;\r
  29         text-decoration: none;\r
  30 }\r
  31 a:hover {\r
  32         text-decoration: underline;\r
  33 }\r
  34 h1 {height:50px;margin:0;float:right;width:500px;}\r
  35 h1 a {text-align:right;font-size:20px;float:right;}\r
  36 h1 a, h1 a:link, h1 a:active, h1 a:visited {color:#2A85B3}\r
  37 h1 a:hover{text-decoration:none;}\r
  38 h1 a:hover span{text-decoration:underline;color:#8dbdd8}\r
  39 \r
  40 ul#admin_menu {\r
  41         height:100px;\r
  42         list-style-type:none;\r
  43         padding:0;\r
  44         font-size:105%;\r
  45 }\r
  46 ul#admin_menu li {\r
  47         color:#aaa;\r
  48         padding:1px 0;\r
  49 }\r
  50 ul#admin_menu li:hover {\r
  51         list-style-type:square;\r
  52         color:#000;\r
  53 }\r
  54 \r
  55 code {\r
  56         background:#eaeaef;\r
  57         padding:0 2px;\r
  58 }\r
  59 tt {\r
  60         background:#ffc;\r
  61         padding:0 2px;          \r
  62 }\r
  63 \r
  64 input, textarea {\r
  65         -moz-border-radius:3px;\r
  66         -webkit-border-radius:3px;\r
  67 }\r
  68 Input.text, select, textarea {\r
  69         font-family: Verdana, Arial;\r
  70         font-size: 10px;\r
  71         color: #595441;\r
  72         background-color: #FFFFFF;\r
  73         border: 1px solid #8dbdd8;\r
  74         margin:1px;\r
  75 }\r
  76 input.button, a.button_stats {\r
  77         font-family: Verdana, Arial;\r
  78         font-size: 10px;\r
  79         color: #595441;\r
  80         font-weight: bold;\r
  81         background-color: #FFFFFF;\r
  82         border: 1px solid #8dbdd8;\r
  83         cursor:pointer;\r
  84 }\r
  85 input.primary {\r
  86         border:2px solid #aaccaa;\r
  87         background:#fafafe;\r
  88 }\r
  89 input.disabled {\r
  90         border:1px solid #333;\r
  91         background:#ccc;\r
  92 }\r
  93 input.loading {\r
  94         background:#cc7 url(../images/loading.gif) center center no-repeat;\r
  95         color:#cc7;\r
  96 }\r
  97 input:focus, textarea:focus {\r
  98         border:2px solid #AACCAA;\r
  99         margin:0px;\r
 100 }\r
 101 tr.edit-row  td {\r
 102         background:#fdf !important;\r
 103 }\r
 104 #new_url {\r
 105         text-align:center;\r
 106         padding:1px;\r
 107         border:1px solid #CDCDCD;\r
 108         background:#fff;\r
 109         clear:both;\r
 110 }\r
 111 #new_url div {\r
 112         background:#D9EAF3;\r
 113         padding:4px;\r
 114 }\r
 115 #new_url_form {\r
 116         padding:4px;\r
 117 }\r
 118 #new_url #feedback {\r
 119         background:#ff8;\r
 120         color:#8DBDD8;\r
 121         width:50%;\r
 122         margin:0px 25%;\r
 123         padding:2px;\r
 124         border:1px solid #ff8;\r
 125 }\r
 126 #new_url #feedback .fail {\r
 127         color:#f55;\r
 128 }\r
 129 td.actions input, td.actions a {\r
 130         visibility:hidden;\r
 131 }\r
 132 td.actions input.disabled, td.actions input.loading {\r
 133         visibility:visible;\r
 134 }\r
 135 tr:hover td.actions input, tr:hover td.actions a {\r
 136         visibility:visible;\r
 137 }\r
 138 td.actions .button {\r
 139         height:22px;\r
 140         width:22px;\r
 141 }\r
 142 td.actions .button_edit {\r
 143         background:transparent url(../images/pencil.png) 2px center no-repeat;\r
 144 }\r
 145 td.actions .button_delete {\r
 146         background:transparent url(../images/delete.png) 2px center no-repeat;\r
 147 }\r
 148 td.actions .button_stats {\r
 149         background:transparent url(../images/chart_bar.png) 2px center no-repeat;\r
 150         -moz-border-radius:3px;\r
 151         -webkit-border-radius:3px;\r
 152         margin-top:0px;\r
 153         display:block;\r
 154         float:left;\r
 155 }\r
 156 td.actions .button_stats:hover {\r
 157         text-decoration:none;\r
 158 }\r
 159 #tblUrl tfoot th, #tblUrl tfoot th div {\r
 160         font-size:10px;\r
 161 }\r
 162 .error {\r
 163         color: red;\r
 164 }\r
 165 .warning {\r
 166         color: orange;\r
 167 }\r
 168 .success {\r
 169         color: green;\r
 170 }\r
 171 #login {\r
 172         width: 300px;\r
 173         margin: 200px auto 0px auto;\r
 174 }\r
 175 #login p{\r
 176         font-weight: bold;\r
 177 }\r
 178 #login .text {\r
 179         width: 100%;\r
 180 }\r
 181 #login ul {\r
 182         padding-left:0px;\r
 183         list-style-type:none;\r
 184         text-indent:0;\r
 185 }\r
 186 #login ul li {\r
 187         padding:0 0 5px 20px;\r
 188 }\r
 189 #login ul.error li {\r
 190         background:transparent url(../images/cancel.png) top left no-repeat;\r
 191 }\r
 192 #login ul.warning li {\r
 193         background:transparent url(../images/error.png) top left no-repeat;\r
 194 }\r
 195 #login ul.success li {\r
 196         background:transparent url(../images/accept.png) top left no-repeat;\r
 197 }\r
 198 .sub_wrap {\r
 199         width:550px;\r
 200         padding-bottom:30px;\r
 201         text-align:justify;\r
 202 }\r
 203 .sub_wrap span {\r
 204         background:#ffa;\r
 205         padding:0 2px;\r
 206 }\r
 207 .sub_wrap .bookmarklet {\r
 208         border:2px solid #2A85B3;\r
 209         -moz-border-radius:3px;\r
 210         -webkit-border-radius:3px;\r
 211         padding:5px 5px 5px 20px;\r
 212         background:#eef url(../images/favicon.gif) 2px center no-repeat;\r
 213 }\r
 214 .sub_wrap .bookmarklet:hover {\r
 215         text-decoration:none;\r
 216 }\r
 217 #footer {\r
 218         text-align:center;\r
 219         margin-top:20px;\r
 220 }\r
 221 #footer p {\r
 222         padding:10px;\r
 223         background:white;\r
 224         margin:0 auto;\r
 225         width:950px;\r
 226         -moz-border-radius:10px;\r
 227         -webkit-border-radius:10px;\r
 228         border:2px solid #2A85B3;\r
 229         -moz-border-radius-bottomleft:30px;\r
 230         -moz-border-radius-bottomright:30px;\r
 231         -webkit-border-bottom-left-radius:25px;\r
 232         -webkit-border-bottom-right-radius:25px;\r
 233 }\r
 234 #footer p a {\r
 235         background:#fff url(../images/favicon.gif) 2px center no-repeat;\r
 236         padding-left:20px;\r
 237 }