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 #add-url {width:400px}\r
 126 td.url small a{\r
 127         color:#bbc;\r
 128 }\r
 129 body.desktop td.actions input,body.desktop  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         font-family: Verdana, Arial;\r
 140         font-size: 10px;\r
 141         color: #595441;\r
 142         font-weight: bold;\r
 143         background-color: #FFFFFF;\r
 144         border: 1px solid #88c0eb;\r
 145         -moz-border-radius:3px;\r
 146         -webkit-border-radius:3px;\r
 147         border-radius:3px;\r
 148         cursor:pointer;\r
 149         height:22px;\r
 150         width:22px;\r
 151         margin-top:0px;\r
 152         margin-right:5px;\r
 153         display:block;\r
 154         float:left;\r
 155         text-indent:-9999px;\r
 156         outline:0px;\r
 157 }\r
 158 td.actions .button:active {\r
 159         border:1px solid #000;\r
 160 }\r
 161 td.actions .button:hover {\r
 162         text-decoration:none;\r
 163 }\r
 164 td.actions .button.disabled, #add-button.disabled {\r
 165         border:1px solid #333;\r
 166         background:#ccc;\r
 167 }\r
 168 td.actions .button.loading, #add-button.loading {\r
 169         background:#cc7 url(../images/loading.gif) center center no-repeat;\r
 170         color:#cc7;\r
 171 }\r
 172 td.actions .button_share {\r
 173         background:transparent url(../images/share.png) 2px center no-repeat;\r
 174 }\r
 175 td.actions .button_edit {\r
 176         background:transparent url(../images/pencil.png) 2px center no-repeat;\r
 177 }\r
 178 td.actions .button_delete {\r
 179         background:transparent url(../images/delete.png) 2px center no-repeat;\r
 180 }\r
 181 td.actions .button_stats {\r
 182         background:transparent url(../images/chart_bar.png) 2px center no-repeat;\r
 183 }\r
 184 #main_table tfoot th, #main_table tfoot th div {\r
 185         font-size:10px;\r
 186 }\r
 187 .error {\r
 188         color: red;\r
 189         background:#fee;\r
 190 }\r
 191 .warning {\r
 192         color: orange;\r
 193         background:#ffe9bf;\r
 194 }\r
 195 .success {\r
 196         color: green;\r
 197         background:#efe;\r
 198 }\r
 199 #login {\r
 200         width: 300px;\r
 201         margin: 200px auto 0px auto;\r
 202 }\r
 203 #login p{\r
 204         font-weight: bold;\r
 205 }\r
 206 #login .text {\r
 207         width: 100%;\r
 208 }\r
 209 #login ul {\r
 210         padding-left:0px;\r
 211         list-style-type:none;\r
 212         text-indent:0;\r
 213 }\r
 214 #login ul li {\r
 215         padding:0 0 5px 20px;\r
 216 }\r
 217 #login ul.error li {\r
 218         background:transparent url(../images/cancel.png) top left no-repeat;\r
 219 }\r
 220 #login ul.warning li {\r
 221         background:transparent url(../images/error.png) top left no-repeat;\r
 222 }\r
 223 #login ul.success li {\r
 224         background:transparent url(../images/accept.png) top left no-repeat;\r
 225 }\r
 226 .sub_wrap {\r
 227         width:580px;\r
 228         padding-bottom:30px;\r
 229         text-align:justify;\r
 230 }\r
 231 .sub_wrap span {\r
 232         background:#ffa;\r
 233         padding:0 2px;\r
 234 }\r
 235 a.bookmarklet {\r
 236         border:2px solid #2a85b3;\r
 237         -moz-border-radius:3px;\r
 238         -webkit-border-radius:3px;\r
 239         border-radius:3px;\r
 240         padding:5px 5px 5px 20px;\r
 241         background:#eef url(../images/favicon.gif) 2px center no-repeat;\r
 242         margin:3px;\r
 243         display:block;\r
 244         float:left;\r
 245 }\r
 246 a.bookmarklet:hover {\r
 247         text-decoration:none;\r
 248         background-position:3px center;\r
 249 }\r
 250 #footer {\r
 251         text-align:center;\r
 252         margin-top:20px;\r
 253 }\r
 254 #footer p {\r
 255         padding:10px;\r
 256         background:white;\r
 257         margin:0 auto;\r
 258         width:950px;\r
 259         -moz-border-radius:10px;\r
 260         -webkit-border-radius:10px;\r
 261         border-radius:10px;\r
 262         border:2px solid #2a85b3;\r
 263         -moz-border-radius-bottomleft:30px;\r
 264         -moz-border-radius-bottomright:30px;\r
 265         -webkit-border-bottom-left-radius:25px;\r
 266         -webkit-border-bottom-right-radius:25px;\r
 267         border-bottom-left-radius:25px;\r
 268         border-bottom-right-radius:25px;\r
 269 }\r
 270 #footer p a {\r
 271         background:#fff url(../images/favicon.gif) 2px center no-repeat;\r
 272         padding-left:20px;\r
 273 }\r
 274 \r
 275 .notice {\r
 276         border:1px solid #2a85b3;\r
 277         background: #F3FAFD;\r
 278         -moz-border-radius:6px;\r
 279         -webkit-border-radius:6px;\r
 280         border-radius:6px;\r
 281         width:70%;\r
 282         margin-left:15%;\r
 283         padding-left:10px;\r
 284         margin-bottom:5px;\r
 285 }\r
 286 \r
 287 \r
 288 .jquery-notify-bar {\r
 289   width:100%;\r
 290   position:fixed;\r
 291   top:0;\r
 292   left:0;\r
 293   z-index:32768;\r
 294   background-color:#efefef;\r
 295   font-size:18px;\r
 296   color:#000;\r
 297   text-align:center;\r
 298   font-family: Arial, Verdana, sans-serif;\r
 299   padding:20px 0px;\r
 300   border-bottom:1px solid #bbb;\r
 301   filter:alpha(opacity=95);\r
 302   -moz-opacity:0.95;\r
 303   -khtml-opacity:0.95;\r
 304   opacity:0.95;\r
 305   -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);\r
 306   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);\r
 307   text-shadow: 0 1px 1px rgba(0,0,0,0.1);\r
 308 }\r
 309 .jquery-notify-bar.error ,.jquery-notify-bar.fail {\r
 310   color:#f00;\r
 311   background-color:#fdd;\r
 312 }\r
 313 .jquery-notify-bar.error span,.jquery-notify-bar.fail span{\r
 314         background:transparent url("../images/error.png") no-repeat left center;\r
 315         padding-left:20px;\r
 316 }.jquery-notify-bar.success span{\r
 317         background:transparent url("../images/accept.png") no-repeat left center;\r
 318         padding-left:20px;\r
 319 }\r
 320 .jquery-notify-bar.success {\r
 321   color:#060;\r
 322   background-color:#aea;\r
 323 }\r
 324 .notify-bar-close {\r
 325   position:absolute;\r
 326   left:95%;\r
 327   font-size:11px;\r
 328 }\r
 329 tr.plugin.active a{ font-weight:bolder;}\r
 330 body.desktop tr.plugin td.plugin_desc small{ visibility:hidden;}\r
 331 tr:hover.plugin td.plugin_desc small{ visibility:visible;}\r