css/style.css

   1 body {\r
   2         font-family: Verdana, Arial;\r
   3         font-size: 12px;\r
   4         color: #595441;\r
   5         background:#F3FAFD;\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         margin:0 auto;\r
  13         background:white;\r
  14         text-align:left;\r
  15         padding:5px 20px 10px 20px;\r
  16         border-left:3px solid #5FA3C6;\r
  17         border-right:3px solid #5FA3C6;\r
  18         border-bottom:3px solid #5FA3C6;\r
  19         border-top:3px solid #5FA3C6;\r
  20         -moz-border-radius:20px;\r
  21         -webkit-border-radius:20px;\r
  22         -zwebkit-border-bottom-left-radius:20px;\r
  23         -zwebkit-border-bottom-right-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;}\r
  37 h1 a {float:right;text-align: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 input, textarea {\r
  42         -moz-border-radius:3px;\r
  43         -webkit-border-radius:3px;\r
  44 }\r
  45 Input.text, select, textarea {\r
  46         font-family: Verdana, Arial;\r
  47         font-size: 10px;\r
  48         color: #595441;\r
  49         background-color: #FFFFFF;\r
  50         border: 1px solid #8dbdd8;\r
  51         margin:1px;\r
  52 }\r
  53 input.button, a.button_stats {\r
  54         font-family: Verdana, Arial;\r
  55         font-size: 10px;\r
  56         color: #595441;\r
  57         font-weight: bold;\r
  58         background-color: #FFFFFF;\r
  59         border: 1px solid #8dbdd8;\r
  60         cursor:pointer;\r
  61 }\r
  62 input.primary {\r
  63         border:2px solid #aaccaa;\r
  64         background:#fafafe;\r
  65 }\r
  66 input.disabled {\r
  67         border:1px solid #333;\r
  68         background:#ccc;\r
  69 }\r
  70 input.loading {\r
  71         background:#cc7 url(../images/loading.gif) center center no-repeat;\r
  72         color:#cc7;\r
  73 }\r
  74 input:focus, textarea:focus {\r
  75         border:2px solid #AACCAA;\r
  76         margin:0px;\r
  77 }\r
  78 tr.edit-row  td {\r
  79         background:#fdf !important;\r
  80 }\r
  81 #new_url {\r
  82         text-align:center;\r
  83         padding:1px;\r
  84         border:1px solid #CDCDCD;\r
  85         background:#fff;\r
  86         clear:both;\r
  87 }\r
  88 #new_url div {\r
  89         background:#D9EAF3;\r
  90         padding:4px;\r
  91 }\r
  92 #new_url_form {\r
  93         padding:4px;\r
  94 }\r
  95 #new_url #feedback {\r
  96         background:#ff8;\r
  97         color:#8DBDD8;\r
  98         width:50%;\r
  99         margin:0px 25%;\r
 100         padding:2px;\r
 101         border:1px solid #ff8;\r
 102 }\r
 103 #new_url #feedback .fail {\r
 104         color:#f55;\r
 105 }\r
 106 td.actions input, td.actions a {\r
 107         visibility:hidden;\r
 108 }\r
 109 td.actions input.disabled, td.actions input.loading {\r
 110         visibility:visible;\r
 111 }\r
 112 tr:hover td.actions input, tr:hover td.actions a {\r
 113         visibility:visible;\r
 114 }\r
 115 td.actions .button {\r
 116         height:22px;\r
 117         width:22px;\r
 118 }\r
 119 td.actions .button_edit {\r
 120         background:transparent url(../images/pencil.png) 2px center no-repeat;\r
 121 }\r
 122 td.actions .button_delete {\r
 123         background:transparent url(../images/delete.png) 2px center no-repeat;\r
 124 }\r
 125 td.actions .button_stats {\r
 126         background:transparent url(../images/chart_bar.png) 2px center no-repeat;\r
 127         -moz-border-radius:3px;\r
 128         -webkit-border-radius:3px;\r
 129         margin-top:0px;\r
 130         display:block;\r
 131         float:left;\r
 132 }\r
 133 td.actions .button_stats:hover {\r
 134         text-decoration:none;\r
 135 }\r
 136 .error {\r
 137         color: red;\r
 138 }\r
 139 .warning {\r
 140         color: orange;\r
 141 }\r
 142 .success {\r
 143         color: green;\r
 144 }\r
 145 #footer {\r
 146         margin-top:2em;\r
 147         text-align: center;\r
 148 }\r
 149 #login {\r
 150         width: 300px;\r
 151         margin: 200px auto 0px auto;\r
 152 }\r
 153 #login p{\r
 154         font-weight: bold;\r
 155 }\r
 156 #login .text {\r
 157         width: 100%;\r
 158 }\r
 159 #login ul {\r
 160         padding-left:0px;\r
 161         list-style-type:none;\r
 162         text-indent:0;\r
 163 }\r
 164 #login ul li {\r
 165         padding:0 0 5px 20px;\r
 166 }\r
 167 #login ul.error li {\r
 168         background:transparent url(../images/cancel.png) top left no-repeat;\r
 169 }\r
 170 #login ul.warning li {\r
 171         background:transparent url(../images/error.png) top left no-repeat;\r
 172 }\r
 173 #login ul.success li {\r
 174         background:transparent url(../images/accept.png) top left no-repeat;\r
 175 }\r
 176 #tools_desc {\r
 177         width:550px;\r
 178         zbackground:#ffe;\r
 179         padding-bottom:10px;\r
 180 }\r
 181 #tools_desc span {\r
 182         background:#ffa;\r
 183         padding:0 2px;\r
 184 }\r
 185 #tools_desc .bookmarklet {\r
 186         border:2px solid #2A85B3;\r
 187         -moz-border-radius:3px;\r
 188         -webkit-border-radius:3px;\r
 189         padding:5px 5px 5px 20px;\r
 190         background:#eef url(../images/favicon.gif) 2px center no-repeat;\r
 191 }\r
 192 #tools_desc .bookmarklet:hover {\r
 193         text-decoration:none;\r
 194 }\r
 195 #footer {\r
 196         text-align:center;\r
 197         margin-top:20px;\r
 198 }\r
 199 #footer p {\r
 200         padding:10px;\r
 201         background:white;\r
 202         margin:0 auto;\r
 203         width:950px;\r
 204         -moz-border-radius:10px;\r
 205         -webkit-border-radius:10px;\r
 206         border:2px solid #2A85B3;\r
 207         -moz-border-radius-bottomleft:30px;\r
 208         -moz-border-radius-bottomright:30px;\r
 209         -webkit-border-bottom-left-radius:25px;\r
 210         -webkit-border-bottom-right-radius:25px;\r
 211 }\r
 212 #footer p a {\r
 213         background:#fff url(../images/favicon.gif) 2px center no-repeat;\r
 214         padding-left:20px;\r
 215 }