css/style.css

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