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 .success {\r
  99         color: green;\r
 100 }\r
 101 #footer {\r
 102         margin-top:2em;\r
 103         text-align: center;\r
 104 }\r
 105 #login {\r
 106         width: 210px;\r
 107         margin: 200px auto 0px auto;\r
 108 }\r
 109 #login p{\r
 110         font-weight: bold;\r
 111 }\r
 112 #login .text {\r
 113         width: 100%;\r
 114 }\r
 115 #shareboxes, #tweet {\r
 116         overflow:hidden;\r
 117 }\r
 118 div.share {\r
 119         -moz-border-radius:5px;\r
 120         border:2px solid #8DBDD8;\r
 121         background:#fff;\r
 122         margin-right:1em;\r
 123         padding:0 1em;\r
 124         float:left;\r
 125         height:130px;\r
 126 }\r
 127 #copybox {\r
 128         width:250px;\r
 129 }\r
 130 #sharebox {\r
 131         width:500px;\r
 132 }\r
 133 #tweet_body {\r
 134         float:left;\r
 135         width:450px;\r
 136         height:3em;\r
 137         font-size:12px;\r
 138 }\r
 139 #charcount {\r
 140         padding-left:5px;\r
 141         color:#8DBDD8;\r
 142 }\r
 143 #charcount.negative {\r
 144         color:red;\r
 145 }\r
 146 #share_links a {\r
 147         padding:0 12px 0 18px;\r
 148         font-weight:bold\r
 149 }\r
 150 #share_links a:hover {\r
 151         background-position:2px center;\r
 152 }\r
 153 #share_tw {background:transparent url(../images/twitter.png) left center no-repeat;}\r
 154 #share_fb {background:transparent url(../images/facebook.png) left center no-repeat;}\r
 155 #share_ff {background:transparent url(../images/friendfeed.png) left center no-repeat;}\r
 156 \r
 157 #tools_desc {\r
 158         width:550px;\r
 159         zbackground:#ffe;\r
 160         padding-bottom:10px;\r
 161 }\r
 162 #tools_desc span {\r
 163         background:#ffa;\r
 164         padding:0 2px;\r
 165 }\r
 166 \r
 167 #tools_desc .bookmarklet {\r
 168         border:2px solid #2A85B3;\r
 169         -moz-border-radius:3px;\r
 170         padding:5px 5px 5px 20px;\r
 171         background:#eef url(../images/favicon.gif) 2px center no-repeat;\r
 172 }\r
 173 \r
 174 #tools_desc .bookmarklet:hover {\r
 175         text-decoration:none;\r
 176 }