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