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