git.maemo.org Git - modest/blob - www/images/style.css

   1 /* \r
   2 \r
   3 Grey Blog Free Template\r
   4 By Herreman David \r
   5 http://www.free-css-templates.com\r
   6 \r
   7 */\r
   8 \r
   9 body { \r
  10         margin:5px 0; \r
  11         padding:0; \r
  12         font: 74% Arial, Sans-Serif; \r
  13         color:#FFF;  \r
  14         background-color:#eee;\r
  15         line-height: 1.4em; \r
  16         background : #7D8085;\r
  17 }\r
  18 \r
  19 .toph {
  20         background: #7D8085 url(top.jpg) no-repeat center;
  21         height: 60px;
  22         text-align:center;
  23         font-size:2em;
  24         background-position: 0px 21px; margin-top: 1em;
  25         color:#FFFFFF;
  26         font-family:"Times New Roman", Times, serif;
  27 }\r
  28 \r
  29 .content { \r
  30    color: #a0a0a0; \r
  31         margin: 0 auto; \r
  32         padding: 0; \r
  33         width: 800px; \r
  34         background: #3D3E42 url(bg.jpg) repeat-y center;\r
  35 }\r
  36 \r
  37 .title {\r
  38         font-family:Verdana, Arial, Helvetica, sans-serif;\r
  39         height: 28px;\r
  40         color: #3D3E42 ;\r
  41         font-size:140%; \r
  42         font-weight:bold; \r
  43         padding: 10px 0 0 0;\r
  44         \r
  45 }\r
  46 \r
  47 .right {  \r
  48         clear: both; \r
  49         font-size: 95%; \r
  50         float:right; \r
  51         width: 170px; \r
  52         margin: 0 15px 0 0 !important;\r
  53         margin: 0 8px 0 0;\r
  54         padding: 0px 1em 0 0px; \r
  55 }\r
  56 \r
  57 .right a { color: #7D8085;}
  58 \r
  59 .nav {
  60         clear: both;
  61         text-align: left;
  62         color:  #7D8085;
  63         padding: 5px 0 0 0;
  64         font-family:verdana;
  65 }\r
  66 .nav li {
  67         font-weight: bold;
  68         margin: 0 0 8px 0;
  69         padding: 0 0 0 5px;
  70         border-left: 1px solid #3D3E42;
  71 }\r
  72 .nav li a {
  73         color: #7D8085;
  74 }\r
  75
  76 .nav li a:hover {
  77         color: #F29900;
  78         text-decoration: none;
  79 }\r
  80 \r
  81 .boxad {
  82         background: #45464B;
  83         color: #BBB;
  84         border: 1px solid #555;
  85         padding: 5px;
  86 }\r
  87 \r
  88 p {
  89         margin: 0 0 5px 0;
  90         padding: 0;
  91         color: #888;
  92         background: inherit;
  93 }\r
  94
  95 hr {
  96         border: 0;
  97         height: 1px;
  98         color: #eee;
  99         background-color: #eee;
 100 }\r
 101
 102 a {
 103         color: #888;
 104         text-decoration:none;
 105 }\r
 106
 107 a:hover {
 108         text-decoration: underline;
 109 }\r
 110
 111 h1 {
 112         padding:0;
 113         margin:0;
 114         color: #FFF;
 115         background: inherit;
 116         font: bold 1.8em Arial, Sans-Serif;
 117         letter-spacing: -1px;
 118 }\r
 119
 120 h1 a {
 121         color: #FFF;
 122         background: inherit;
 123 }\r
 124
 125 h2 {
 126         background-color: inherit;
 127         color: #FFF;
 128         font-size:140%;
 129         font-weight:bold;
 130         margin: 10px 0 10px 0;
 131         padding:0;
 132         font-family:"Times New Roman", Times, serif;
 133 }\r
 134
 135 h2 a { color: #F29955; }\r
 136
 137 h2 a:hover {    color: #F29955; text-decoration: none;}\r
 138 \r
 139 ul { margin: 5px 0 20px 15px; padding : 0; list-style : none; }\r
 140 li { list-style-type: square;   color: #F29900; margin: 0 0 0px 0;      padding: 0 0 0 0px; }\r
 141 li a { color: #7D8085; }\r
 142 li a:hover { color: #F29900;  }\r
 143 \r
 144 .center { \r
 145         float:left; \r
 146         width: 530px; \r
 147         font-size: 1.1em; \r
 148         margin: 0px 0 5px 35px !important;\r
 149         margin: 0px 0 5px 20px; \r
 150         padding: 0; \r
 151         background: #3D3E42; \r
 152         color: #FFF;\r
 153 }\r
 154 \r
 155 .center a { color: #FFF;}\r
 156 .center a:hover { color: #FFF; }\r
 157 \r
 158 \r
 159 .footer { \r
 160         clear:both;\r
 161         width: auto;\r
 162         height: 37px;\r
 163         color:#333;  \r
 164         font-size:90%;\r
 165         background: #3D3E42 url(bot.jpg) no-repeat center;\r
 166         text-align:right; \r
 167 }\r
 168 \r
 169 \r
 170 .footer_text {
 171         background: #7D8085 none repeat scroll 0%;\r
 172         text-align: right;\r
 173         padding: 0px 1.5em 0px 0px;\r
 174         color: #fff;\r
 175 }\r
 176 \r
 177 .footer_text a { color: #fff; }\r
 178 \r
 179 \r
 180 fieldset {\r
 181         border: 1px solid #eee;\r
 182 }\r
 183 \r
 184 textarea.text { \r
 185         height: 150px; \r
 186         width: 90%; \r
 187         border: 1px solid #ccc; \r
 188         background: #fff; \r
 189         color: #000;\r
 190 }\r
 191 \r
 192 textarea.text:hover { \r
 193         border: 1px solid #eee; \r
 194         background: #FFFFF4; \r
 195         color: #000;\r
 196 }\r
 197 \r
 198 input.field { \r
 199         border: 1px solid #ccc; \r
 200         background-color: #3C3C3C; \r
 201         width: 100px; \r
 202         color: #000;\r
 203 }\r
 204 \r
 205 input.field:hover { \r
 206         border: 1px solid #eee; \r
 207         background: #ccc; \r
 208         color: #000;\r
 209 }\r
 210 \r
 211 input.text { \r
 212         margin: 0; \r
 213         width: 110px;\r
 214         border: 1px solid #F29900; \r
 215         background: #FFF;\r
 216         color: #808080; \r
 217 }\r
 218 \r
 219 input.text:hover { \r
 220         border: 1px solid #F26600; \r
 221 }\r
 222 \r
 223 input.searchbutton { \r
 224         margin: 0; \r
 225         font-size: 100%; \r
 226         font-family: Arial, Sans-serif; \r
 227         border: none; \r
 228         background: #FFFFFF; \r
 229         color: #808080; \r
 230         padding: 1px; \r
 231         font-weight: bold; \r
 232 }\r
 233 \r
 234 .date { \r
 235         color: #ccc; \r
 236         background: #3D3E42;\r
 237         text-align: right; \r
 238         margin: 4px 0 5px 0; \r
 239         padding: 0.4em 0 0 0; \r
 240         border-top: 1px solid #555;\r
 241 }\r
 242 \r
 243 .date a { color: #ccc; }\r
 244 \r
 245 \r
 246 .time { \r
 247         color: #192D50; \r
 248         float: left;\r
 249         text-align: left; \r
 250         padding: 5px 0 0 15px; \r
 251 }\r
 252 \r
 253 input.button { \r
 254         background: #FFFFF4; \r
 255         color: #808080;\r
 256         border-right: 1px solid #ccc;\r
 257         border-bottom: 1px solid #ccc;\r
 258 }\r
 259 \r
 260 .comments { \r
 261         padding: 10px 10px 8px 10px; \r
 262         margin: 0 0 7px 0; \r
 263         background: #3f3f3f; \r
 264         color: #000;\r
 265 }\r
 266 \r
 267 .commentsbox { \r
 268         padding: 8px 0 10px 10px; \r
 269         margin: 0 0 10px 0; \r
 270         background: #f4f4f4; \r
 271         color: #000;\r
 272 }\r
 273 \r
 274 .error {\r
 275         color: #990000;\r
 276         background-color: #FFF0F0;\r
 277         padding: 7px;\r
 278         margin-top: 5px;\r
 279         margin-bottom: 10px;\r
 280         border: 1px dashed #990000;\r
 281 }\r
 282 .error h2 {\r
 283         color: #990000;\r
 284         background: inherit;\r
 285 }\r
 286 \r
 287 .success {\r
 288         color: #000000;\r
 289         background: #F5FBE1;\r
 290         padding: 7px;\r
 291         margin-top: 5px;\r
 292         margin-bottom: 5px;\r
 293         border: 1px dashed #7BA813;\r
 294 }\r
 295 .success h2 {\r
 296         color: #7BA813;\r
 297         background: inherit;\r
 298 }\r