css/style.css

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