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 #2a85b3;\r
  18         border-right:3px solid #2a85b3;\r
  19         border-bottom:3px solid #2a85b3;\r
  20         border-top:3px solid #2a85b3;\r
  21         -moz-border-radius:20px;\r
  22         -webkit-border-radius:20px;\r
  23         border-radius:20px;\r
  24 }\r
  25 .hide-if-no-js {display: none;}\r
  26 div, p, td {\r
  27         font-family: Verdana, Arial;\r
  28         font-size: 12px;\r
  29 }\r
  30 a, a:link, a:active, a:visited {\r
  31         color: #2a85b3;\r
  32         text-decoration: none;\r
  33 }\r
  34 a:hover {\r
  35         text-decoration: underline;\r
  36 }\r
  37 h1 {height:50px;margin:0;float:right;width:500px;}\r
  38 h1 a {text-align:right;font-size:20px;float:right;}\r
  39 h1 a, h1 a:link, h1 a:active, h1 a:visited {color:#2a85b3}\r
  40 h1 a:hover{text-decoration:none;}\r
  41 h1 a:hover span{text-decoration:underline;color:#88c0eb}\r
  42 \r
  43 ul#admin_menu {\r
  44         min-height:100px;\r
  45         list-style-type:none;\r
  46         padding:0;\r
  47         font-size:105%;\r
  48 }\r
  49 ul#admin_menu li {\r
  50         color:#aaa;\r
  51         padding:1px 0;\r
  52 }\r
  53 ul#admin_menu li:hover {\r
  54         list-style-type:square;\r
  55         color:#000;\r
  56 }\r
  57 \r
  58 code {\r
  59         background:#eaeaef;\r
  60         padding:0 2px;\r
  61 }\r
  62 tt {\r
  63         background:#ffc;\r
  64         padding:0 2px;          \r
  65 }\r
  66 \r
  67 input, textarea {\r
  68         -moz-border-radius:3px;\r
  69         -webkit-border-radius:3px;\r
  70         border-radius:3px;\r
  71 }\r
  72 Input.text, select, textarea {\r
  73         font-family: Verdana, Arial;\r
  74         font-size: 10px;\r
  75         color: #595441;\r
  76         background-color: #FFFFFF;\r
  77         border: 1px solid #88c0eb;\r
  78         margin:1px;\r
  79 }\r
  80 input.button {\r
  81         font-family: Verdana, Arial;\r
  82         font-size: 10px;\r
  83         color: #595441;\r
  84         font-weight: bold;\r
  85         background-color: #FFFFFF;\r
  86         border: 1px solid #88c0eb;\r
  87         cursor:pointer;\r
  88 }\r
  89 input.primary {\r
  90         border:2px solid #2A85B3;\r
  91         background:#fafafe;\r
  92 }\r
  93 input.text:focus, textarea:focus {\r
  94         border:2px solid #2A85B3;\r
  95         margin:0px;\r
  96 }\r
  97 tr.edit-row  td {\r
  98         background:#e3f3ff !important;\r
  99 }\r
 100 #new_url {\r
 101         text-align:center;\r
 102         padding:1px;\r
 103         border:1px solid #CDCDCD;\r
 104         background:#fff;\r
 105         clear:both;\r
 106 }\r
 107 #new_url div {\r
 108         background:#C7E7FF;\r
 109         padding:4px;\r
 110 }\r
 111 #new_url_form {\r
 112         padding:4px;\r
 113 }\r
 114 #new_url #feedback {\r
 115         background:#ff8;\r
 116         color:#88c0eb;\r
 117         width:50%;\r
 118         margin:0px 25%;\r
 119         padding:2px;\r
 120         border:1px solid #ff8;\r
 121 }\r
 122 #new_url #feedback .fail {\r
 123         color:#f55;\r
 124 }\r
 125 td.url small a{\r
 126         color:#bbc;\r
 127 }\r
 128 body.desktop td.actions input,body.desktop  td.actions a {\r
 129         visibility:hidden;\r
 130 }\r
 131 td.actions input.disabled, td.actions input.loading {\r
 132         visibility:visible;\r
 133 }\r
 134 tr:hover td.actions input, tr:hover td.actions a {\r
 135         visibility:visible;\r
 136 }\r
 137 td.actions .button {\r
 138         font-family: Verdana, Arial;\r
 139         font-size: 10px;\r
 140         color: #595441;\r
 141         font-weight: bold;\r
 142         background-color: #FFFFFF;\r
 143         border: 1px solid #88c0eb;\r
 144         -moz-border-radius:3px;\r
 145         -webkit-border-radius:3px;\r
 146         border-radius:3px;\r
 147         cursor:pointer;\r
 148         height:22px;\r
 149         width:22px;\r
 150         margin-top:0px;\r
 151         margin-right:5px;\r
 152         display:block;\r
 153         float:left;\r
 154         text-indent:-9999px;\r
 155         outline:0px;\r
 156 }\r
 157 td.actions .button:active {\r
 158         border:1px solid #000;\r
 159 }\r
 160 td.actions .button:hover {\r
 161         text-decoration:none;\r
 162 }\r
 163 td.actions .button.disabled {\r
 164         border:1px solid #333;\r
 165         background:#ccc;\r
 166 }\r
 167 td.actions .button.loading {\r
 168         background:#cc7 url(../images/loading.gif) center center no-repeat;\r
 169         color:#cc7;\r
 170 }\r
 171 td.actions .button_share {\r
 172         background:transparent url(../images/share.png) 2px center no-repeat;\r
 173 }\r
 174 td.actions .button_edit {\r
 175         background:transparent url(../images/pencil.png) 2px center no-repeat;\r
 176 }\r
 177 td.actions .button_delete {\r
 178         background:transparent url(../images/delete.png) 2px center no-repeat;\r
 179 }\r
 180 td.actions .button_stats {\r
 181         background:transparent url(../images/chart_bar.png) 2px center no-repeat;\r
 182 }\r
 183 #main_table tfoot th, #main_table tfoot th div {\r
 184         font-size:10px;\r
 185 }\r
 186 .error {\r
 187         color: red;\r
 188         background:#fee;\r
 189 }\r
 190 .warning {\r
 191         color: orange;\r
 192         background:#ffe9bf;\r
 193 }\r
 194 .success {\r
 195         color: green;\r
 196         background:#efe;\r
 197 }\r
 198 #login {\r
 199         width: 300px;\r
 200         margin: 200px auto 0px auto;\r
 201 }\r
 202 #login p{\r
 203         font-weight: bold;\r
 204 }\r
 205 #login .text {\r
 206         width: 100%;\r
 207 }\r
 208 #login ul {\r
 209         padding-left:0px;\r
 210         list-style-type:none;\r
 211         text-indent:0;\r
 212 }\r
 213 #login ul li {\r
 214         padding:0 0 5px 20px;\r
 215 }\r
 216 #login ul.error li {\r
 217         background:transparent url(../images/cancel.png) top left no-repeat;\r
 218 }\r
 219 #login ul.warning li {\r
 220         background:transparent url(../images/error.png) top left no-repeat;\r
 221 }\r
 222 #login ul.success li {\r
 223         background:transparent url(../images/accept.png) top left no-repeat;\r
 224 }\r
 225 .sub_wrap {\r
 226         width:580px;\r
 227         padding-bottom:30px;\r
 228         text-align:justify;\r
 229 }\r
 230 .sub_wrap span {\r
 231         background:#ffa;\r
 232         padding:0 2px;\r
 233 }\r
 234 a.bookmarklet {\r
 235         border:2px solid #2a85b3;\r
 236         -moz-border-radius:3px;\r
 237         -webkit-border-radius:3px;\r
 238         border-radius:3px;\r
 239         padding:5px 5px 5px 20px;\r
 240         background:#eef url(../images/favicon.gif) 2px center no-repeat;\r
 241         margin:3px;\r
 242         display:block;\r
 243         float:left;\r
 244 }\r
 245 a.bookmarklet:hover {\r
 246         text-decoration:none;\r
 247         background-position:3px center;\r
 248 }\r
 249 #footer {\r
 250         text-align:center;\r
 251         margin-top:20px;\r
 252 }\r
 253 #footer p {\r
 254         padding:10px;\r
 255         background:white;\r
 256         margin:0 auto;\r
 257         width:950px;\r
 258         -moz-border-radius:10px;\r
 259         -webkit-border-radius:10px;\r
 260         border-radius:10px;\r
 261         border:2px solid #2a85b3;\r
 262         -moz-border-radius-bottomleft:30px;\r
 263         -moz-border-radius-bottomright:30px;\r
 264         -webkit-border-bottom-left-radius:25px;\r
 265         -webkit-border-bottom-right-radius:25px;\r
 266         border-bottom-left-radius:25px;\r
 267         border-bottom-right-radius:25px;\r
 268 }\r
 269 #footer p a {\r
 270         background:#fff url(../images/favicon.gif) 2px center no-repeat;\r
 271         padding-left:20px;\r
 272 }\r
 273 \r
 274 .notice {\r
 275         border:1px solid #2a85b3;\r
 276         background: #F3FAFD;\r
 277         -moz-border-radius:6px;\r
 278         -webkit-border-radius:6px;\r
 279         border-radius:6px;\r
 280         width:70%;\r
 281         margin-left:15%;\r
 282         padding-left:10px;\r
 283 }\r
 284 \r
 285 \r
 286 .jquery-notify-bar {\r
 287   width:100%;\r
 288   position:fixed;\r
 289   top:0;\r
 290   left:0;\r
 291   z-index:32768;\r
 292   background-color:#efefef;\r
 293   font-size:18px;\r
 294   color:#000;\r
 295   text-align:center;\r
 296   font-family: Arial, Verdana, sans-serif;\r
 297   padding:20px 0px;\r
 298   border-bottom:1px solid #bbb;\r
 299   filter:alpha(opacity=95);\r
 300   -moz-opacity:0.95;\r
 301   -khtml-opacity:0.95;\r
 302   opacity:0.95;\r
 303   -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);\r
 304   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);\r
 305   text-shadow: 0 1px 1px rgba(0,0,0,0.1);\r
 306 }\r
 307 .jquery-notify-bar.error ,.jquery-notify-bar.fail {\r
 308   color:#f00;\r
 309   background-color:#fdd;\r
 310 }\r
 311 .jquery-notify-bar.error span,.jquery-notify-bar.fail span{\r
 312         background:transparent url("../images/error.png") no-repeat left center;\r
 313         padding-left:20px;\r
 314 }.jquery-notify-bar.success span{\r
 315         background:transparent url("../images/accept.png") no-repeat left center;\r
 316         padding-left:20px;\r
 317 }\r
 318 .jquery-notify-bar.success {\r
 319   color:#060;\r
 320   background-color:#aea;\r
 321 }\r
 322 .notify-bar-close {\r
 323   position:absolute;\r
 324   left:95%;\r
 325   font-size:11px;\r
 326 }\r
 327 tr.plugin.active a{ font-weight:bolder;}\r
 328 body.desktop tr.plugin td.plugin_desc small{ visibility:hidden;}\r
 329 tr:hover.plugin td.plugin_desc small{ visibility:visible;}\r