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