slitaz-forge annotate mirror/root/static/slitaz.css @ rev 171

Remove fm files (bad idea) and add statix files for mirror
author Christophe Lincoln <pankso@slitaz.org>
date Tue Mar 20 19:24:34 2012 +0100 (2012-03-20)
parents mf/css/slitaz.css@03e549e73cc1
children d2a35762c34d
rev   line source
pankso@154 1 /*
pankso@154 2 CSS style for SliTaz Network - (C) 2012 SliTaz GNU/Linux
pankso@154 3 */
pankso@154 4
pankso@154 5 html {
pankso@154 6 min-height: 102%;
pankso@154 7 }
pankso@154 8
pankso@154 9 body {
pankso@154 10 background: #ffffff;
pankso@154 11 color: black;
pankso@154 12 font: 13px sans-serif, vernada, arial;
pankso@154 13 margin: 0;
pankso@154 14 min-width: 780px;
pankso@154 15 height: 100%;
pankso@154 16 }
pankso@154 17
pankso@154 18 a { text-decoration: underline; color: #215090; }
pankso@154 19 a:hover { text-decoration: none; color: blue; }
pankso@154 20 img { border: 0pt none; vertical-align: middle; }
pankso@154 21 h2 { color: #444; }
pankso@154 22 h3 { color: #666; font-size: 140%; }
pankso@154 23 h4 { color: #888; font-size: 120%; }
pankso@154 24 pre {
pankso@154 25 background-color: #f8f8f8;
pankso@154 26 border: 1px solid #ddd;
pankso@154 27 padding: 10px;
pankso@154 28 }
pankso@154 29 table {
pankso@154 30 background-color: #f8f8f8;
pankso@154 31 border: 1px solid #ddd;
pankso@154 32 width: 100%;
pankso@154 33 margin: 0px 0px 20px 0px;
pankso@154 34 padding: 10px;
pankso@154 35 }
pankso@154 36
pankso@154 37 /* Header */
pankso@154 38
pankso@154 39 #header {
pankso@154 40 height: 40px;
pankso@154 41 background: #351a0a;
pankso@154 42 }
pankso@154 43
pankso@154 44 #header h1 {
pankso@154 45 margin: 0;
pankso@154 46 padding: 8px 0 0 42px;
pankso@154 47 width: 250px;
pankso@154 48 }
pankso@154 49
pankso@154 50 #header h1 a {
pankso@154 51 color: white;
pankso@154 52 text-decoration: none;
pankso@154 53 font-size: 20px;
pankso@154 54 font-style: italic;
pankso@154 55 }
pankso@154 56
pankso@154 57 #header h1 a:hover, #network a:hover {
pankso@154 58 color: #d66018;
pankso@154 59 }
pankso@154 60
pankso@154 61 /* Logo */
pankso@154 62
pankso@154 63 #logo {
pankso@160 64 background: url(http://mf.slitaz.org/images/logo.png) no-repeat left;
pankso@154 65 position: absolute;
pankso@154 66 float: left;
pankso@154 67 left: 0px;
pankso@154 68 top: 0px;
pankso@154 69 width: 40px;
pankso@154 70 height: 40px;
pankso@154 71 }
pankso@154 72
pankso@154 73 /* SliTaz Network */
pankso@154 74
pankso@154 75 #network {
pankso@154 76 float: right;
pankso@154 77 padding: 10px 5px 0;
pankso@154 78 font-size: 12px;
pankso@154 79 }
pankso@154 80
pankso@154 81 #network a { padding: 0 6px; }
pankso@154 82
pankso@154 83 /* Block */
pankso@154 84
pankso@154 85 #block {
pankso@154 86 min-height: 200px;
pankso@154 87 background: #d66018;
pankso@154 88 padding: 26px 10% 0px;
pankso@154 89 text-align: center;
pankso@154 90 color: #333;
pankso@154 91 border-bottom: 1px solid #f5f5f5;
pankso@154 92 }
pankso@154 93
pankso@154 94 #block_info {
pankso@154 95 text-align: justify;
pankso@154 96 width: 48%;
pankso@154 97 padding: 10px 10px 0 0;
pankso@154 98 }
pankso@154 99
pankso@154 100 #block a, #network a {
pankso@154 101 color: #fff;
pankso@154 102 font-weight: bold;
pankso@154 103 text-decoration: none;
pankso@154 104 }
pankso@154 105
pankso@154 106 #block h4 {
pankso@154 107 color: #351a0a;
pankso@154 108 margin: 0px;
pankso@154 109 font-weight: bold;
pankso@154 110 font-size: 110%;
pankso@154 111 }
pankso@154 112
pankso@154 113 #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
pankso@154 114 #block_info a { font-weight: normal; }
pankso@154 115 #block ul { list-style-type: square; }
pankso@154 116 #block a:hover { color: #351a0a; }
pankso@154 117
pankso@154 118 /* Navigation */
pankso@154 119
pankso@154 120 #block_nav {
pankso@154 121 background: #cc5b17;
pankso@154 122 padding: 10px 10px 40px;
pankso@154 123 text-align: justify;
pankso@154 124 width: 48%;
pankso@154 125 float: right;
pankso@154 126 }
pankso@154 127
pankso@154 128 #block_nav ul {
pankso@154 129 list-style-type: none;
pankso@154 130 margin: 6px 0;
pankso@154 131 padding: 0;
pankso@154 132 }
pankso@154 133
pankso@154 134 #block_nav h4 img {
pankso@154 135 margin: 0 4px 0 0;
pankso@154 136 padding: 0;
pankso@154 137 }
pankso@154 138
pankso@154 139 /* Languages */
pankso@154 140
pankso@154 141 #lang {
pankso@154 142 position: absolute;
pankso@154 143 right: 0;
pankso@154 144 padding: 6px;
pankso@154 145 font-size: 11px;
pankso@154 146 }
pankso@154 147
pankso@154 148 #lang a {
pankso@154 149 text-decoration: none;
pankso@154 150 padding: 0 2px;
pankso@154 151 }
pankso@154 152
pankso@154 153 #lang a:hover {
pankso@154 154 text-decoration: underline;
pankso@154 155 }
pankso@154 156
pankso@154 157 /* Content */
pankso@154 158
pankso@154 159 #content {
pankso@154 160 padding: 30px 80px;
pankso@154 161 text-align: justify;
pankso@154 162 }
pankso@154 163
pankso@154 164 .news li {
pankso@154 165 list-style-type: square;
pankso@154 166 border-bottom: 1px dotted #BEBEBE;
pankso@154 167 margin-left: -25px;
pankso@154 168 padding: 4px 0px 4px 0px;
pankso@154 169 }
pankso@154 170
pankso@154 171 .news a, .feed-grid a { text-decoration: none; }
pankso@154 172 .news p a { text-decoration: underline; }
pankso@154 173 .news p a:hover { text-decoration: none; }
pankso@154 174 #twitter { margin: 20px 0; }
pankso@154 175 #gallery { text-align: center; }
pankso@154 176
pankso@154 177 #sponsor {
pankso@154 178 font-size: 90%;
pankso@154 179 background-color: #fbfbfb;
pankso@154 180 border: 2px solid #ddd;
pankso@154 181 width: 200px;
pankso@154 182 height: 160px;
pankso@154 183 float: right;
pankso@154 184 text-align: center;
pankso@154 185 margin: 10px 0px 20px 20px;
pankso@154 186 }
pankso@154 187
pankso@154 188 /* Classes */
pankso@154 189
pankso@154 190 .right_box { width: 48%; float: right; }
pankso@154 191 .left_box { width: 48%; float: left; }
pankso@154 192
pankso@154 193 .box {
pankso@154 194 margin: 20px 60px;
pankso@154 195 padding: 12px;
pankso@154 196 background: #efefef;
pankso@154 197 border: 1px solid #ddd;
pankso@154 198 }
pankso@154 199
pankso@154 200 .searchbox {
pankso@154 201 margin: 20px 80px;
pankso@154 202 padding: 12px;
pankso@154 203 background: #f8f8f8;
pankso@154 204 text-align: center;
pankso@154 205 border: 1px solid #ddd;
pankso@154 206 }
pankso@154 207
pankso@154 208 /* Activity Box */
pankso@154 209
pankso@154 210 .activity {
pankso@154 211 margin: 0 0 20px;
pankso@154 212 background: #efefef;
pankso@154 213 padding: 5px 2px 0;
pankso@154 214 border: 1px solid #ddd;
pankso@154 215 }
pankso@154 216 .activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
pankso@154 217 .activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
pankso@154 218 .activity a { text-decoration: none; }
pankso@154 219 .activity ul { list-style-type: none;
pankso@154 220 margin: 4px 0; padding: 0 4px; line-height: 150%; }
pankso@154 221 .activity_more { text-align: right; }
pankso@154 222 .activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
pankso@154 223 .activity_more a:hover { text-decoration: underline; }
pankso@154 224
pankso@154 225 .activity span, .news span {
pankso@154 226 color: #666;
pankso@154 227 font-size: 11px;
pankso@154 228 font-weight: normal;
pankso@154 229 }
pankso@154 230
pankso@154 231 /* Button */
pankso@154 232
pankso@154 233 .button a {
pankso@154 234 background-color: #b64b22;
pankso@154 235 color: #ffffff;
pankso@154 236 margin-right: 6px;
pankso@154 237 padding: 6px 10px;
pankso@154 238 font-size: 12px;
pankso@154 239 text-decoration: none;
pankso@154 240 font-weight: bold;
pankso@154 241 }
pankso@154 242 .button a:hover, input[type=submit]:hover {
pankso@154 243 background-color: #a3431f;
pankso@154 244 color: #ffffff;
pankso@154 245 }
pankso@154 246
pankso@154 247 /* Round corner */
pankso@154 248
pankso@154 249 #block_nav, pre, .box, .searchbox, .button a, #twitter, .activity,
pankso@154 250 .activity div, #sponsor, table, input, textarea, select {
pankso@154 251 -moz-border-radius: 4px;
pankso@154 252 -webkit-border-radius: 4px;
pankso@154 253 border-radius: 4px;
pankso@154 254 }
pankso@154 255
pankso@154 256 /* Form */
pankso@154 257
pankso@154 258 form { display: inline; }
pankso@154 259 input[type="submit"], input[type="text"], textarea, select {
pankso@154 260 color: #444444;
pankso@154 261 border: 1px solid #cccccc;
pankso@154 262 padding: 4px;
pankso@154 263 margin: 4px 0px;
pankso@154 264 font-size: 14px;
pankso@154 265 line-height: 1.2em;
pankso@154 266 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@154 267 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@154 268 -webkit-appearance: none;
pankso@154 269 -webkit-padding-end: 6px;
pankso@154 270 -webkit-padding-start: 6px;
pankso@154 271 }
pankso@154 272
pankso@154 273 input[type="text"], textarea { background: #fefefe; border: 2px solid #ccc;
pankso@154 274 width: 460px; }
pankso@154 275 /*input[type="file"] { border: 2px solid #ddd; }*/
pankso@154 276 /*input[type="checkbox"] { background: #fefefe; }*/
pankso@154 277
pankso@154 278 /* Be compatible with old FF and Webkit version. */
pankso@154 279 input[type="submit"] {
pankso@154 280 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@154 281 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@154 282 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@154 283 }
pankso@154 284
pankso@154 285 input[type="submit"]:hover {
pankso@154 286 cursor: pointer;
pankso@154 287 color: black;
pankso@154 288 }
pankso@154 289
pankso@154 290 select {
pankso@154 291 background-image: url(images/down.png),
pankso@154 292 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@154 293 background-position: center right;
pankso@154 294 background-repeat: no-repeat;
pankso@154 295 }
pankso@154 296
pankso@154 297 .searchbox input[type=submit] {
pankso@154 298 border: 1px solid #b64b22;
pankso@154 299 background-color: #b64b22;
pankso@154 300 color: white;
pankso@154 301 font-weight: bold;
pankso@154 302 cursor: pointer;
pankso@154 303 padding: 4px 10px;
pankso@154 304 font-size: 14px;
pankso@154 305 margin-left: -5px;
pankso@154 306 -webkit-border-top-right-radius: 4px;
pankso@154 307 -webkit-border-bottom-right-radius: 4px;
pankso@154 308 -moz-border-radius-topright: 4px;
pankso@154 309 -moz-border-radius-bottomright: 4px;
pankso@154 310 border-top-right-radius: 4px;
pankso@154 311 border-bottom-right-radius: 4px;
pankso@154 312 }
pankso@154 313
pankso@154 314 .searchbox input[type=submit]:hover { background-color: #a3431f; }
pankso@154 315
pankso@154 316 .searchbox input[type=text] {
pankso@154 317 border: 1px solid #333333;
pankso@154 318 padding: 4px;
pankso@154 319 height: 17px;
pankso@154 320 width: 100%;
pankso@154 321 -webkit-border-top-left-radius: 4px;
pankso@154 322 -webkit-border-bottom-left-radius: 4px;
pankso@154 323 -moz-border-radius-topleft: 4px;
pankso@154 324 -moz-border-radius-bottomleft: 4px;
pankso@154 325 border-top-left-radius: 4px;
pankso@154 326 border-bottom-left-radius: 4px;
pankso@154 327 }
pankso@154 328
pankso@154 329 /* Footer */
pankso@154 330
pankso@154 331 #footer {
pankso@154 332 background: #f1f1f1;
pankso@154 333 text-align: center;
pankso@154 334 border-top: 1px solid #ddd;
pankso@154 335 padding: 40px;
pankso@154 336 color: #666;
pankso@154 337 clear: both;
pankso@154 338 margin-bottom: -2%;
pankso@154 339 }
pankso@154 340
pankso@154 341 #footer a { color: #666; padding: 0 2px; }
pankso@154 342
pankso@154 343 .year:after {
pankso@154 344 /* content: "2007-2012"; */
pankso@154 345 content: "2012";
pankso@154 346 }