website annotate slitaz.css @ rev 1298

Some clean-up (rm old symlimks) and content negociation in /index.php
author Christophe Lincoln <pankso@slitaz.org>
date Fri Mar 24 23:15:18 2017 +0100 (2017-03-24)
parents ec948d17a879
children f4015a7fe89d
rev   line source
pankso@1 1 /*
pascal@1243 2 CSS style for SliTaz Network - (C) 2015 SliTaz GNU/Linux
pankso@1 3 */
pankso@1 4
pankso@555 5 html {
pankso@710 6 min-height: 102%;
pankso@555 7 }
pankso@768 8
pankso@1 9 body {
pankso@555 10 background: #ffffff;
pankso@1 11 color: black;
pankso@1298 12 font: 100% sans-serif, vernada, arial;
pankso@1 13 margin: 0;
pankso@818 14 min-width: 780px;
pankso@815 15 height: 100%;
pankso@1 16 }
pankso@768 17
pankso@768 18 a { text-decoration: underline; color: #215090; }
pankso@1200 19 a:hover { text-decoration: none; }
pankso@768 20 img { border: 0pt none; vertical-align: middle; }
pankso@1241 21 h2 { color: #444; font-size: 180%; }
pankso@768 22 h3 { color: #666; font-size: 140%; }
pankso@768 23 h4 { color: #888; font-size: 120%; }
pankso@1200 24 h2, h3 { border-bottom: 1px dashed #afafaf; padding-bottom: 5px; }
pankso@1241 25 li { list-style-type: square; }
pankso@768 26 pre {
pankso@768 27 background-color: #f8f8f8;
pankso@768 28 border: 1px solid #ddd;
pankso@768 29 padding: 10px;
pankso@1 30 }
pankso@1 31
pankso@741 32 /* Header */
pankso@1 33
pankso@768 34 #header {
pankso@768 35 height: 40px;
pankso@1200 36 background: #111 url(images/logo.png) no-repeat left;
pankso@1 37 }
pankso@768 38
pankso@768 39 #header h1 {
pankso@768 40 margin: 0;
pankso@1200 41 padding: 8px 0 8px 42px;
pankso@1200 42 width: 280px;
pankso@1200 43 font-size: 20px;
pankso@1200 44 font-style: italic;
pankso@1 45 }
pankso@768 46
pankso@768 47 #header h1 a {
pankso@768 48 color: white;
pankso@768 49 text-decoration: none;
pankso@768 50 }
pankso@768 51
pankso@1175 52 #header h1 a:hover, #network a:hover, #network span {
pankso@1175 53 color: #afafaf;
pankso@768 54 }
pankso@768 55
pankso@1200 56 #searchbtn {
pankso@1200 57 position: absolute;
pankso@1200 58 right: 8px;
pankso@1200 59 top: 48px;
pankso@1200 60 }
pankso@1200 61
pankso@768 62 /* Logo */
pankso@768 63
pankso@1 64 #logo {
pankso@768 65 background: url(images/logo.png) no-repeat left;
pankso@1 66 position: absolute;
pankso@1 67 float: left;
pankso@768 68 left: 0px;
pankso@768 69 top: 0px;
pankso@768 70 width: 40px;
pankso@768 71 height: 40px;
pankso@1 72 }
pankso@1 73
pankso@768 74 /* SliTaz Network */
pankso@1 75
pankso@768 76 #network {
pankso@768 77 float: right;
pankso@1175 78 padding: 14px 5px 0;
pankso@555 79 font-size: 12px;
pankso@1 80 }
pankso@768 81
pankso@1175 82 #network a, #network span { padding: 0 4px; }
pankso@1175 83 #network span { font-weight: bold; }
pankso@768 84
pankso@768 85 /* Block */
pankso@768 86
pankso@768 87 #block {
pankso@1175 88 min-height: 180px;
pankso@1175 89 background: #ccc;
pankso@1175 90 padding: 20px 10% 0px;
pankso@768 91 text-align: center;
pankso@1044 92 color: #222;
pankso@1175 93 border-bottom: 1px solid #afafaf;
pankso@768 94 }
pankso@768 95
pankso@768 96 #block_info {
pankso@768 97 text-align: justify;
pankso@768 98 width: 48%;
pankso@768 99 padding: 10px 10px 0 0;
pankso@768 100 }
pankso@768 101
pankso@768 102 #block a, #network a {
pankso@1175 103 color: #fff;
pankso@555 104 font-weight: bold;
pankso@768 105 text-decoration: none;
pankso@555 106 }
pankso@768 107
pankso@768 108 #block h4 {
pankso@1175 109 color: #222;
pankso@768 110 margin: 0px;
pankso@768 111 font-weight: bold;
pankso@768 112 font-size: 110%;
pankso@768 113 }
pankso@768 114
pankso@768 115 #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
pankso@1175 116 #block_info a { font-weight: normal; color: #215090; }
pankso@1175 117 #block_info a:hover { text-decoration: underline; }
pankso@768 118 #block ul { list-style-type: square; }
pankso@1175 119 #block_nav a:hover { color: #afafaf; }
pankso@768 120
pankso@768 121 /* Navigation */
pankso@768 122
pankso@768 123 #block_nav {
pankso@1175 124 background: #666;
pankso@1175 125 padding: 10px 10px 20px;
pankso@768 126 text-align: justify;
pankso@768 127 width: 48%;
pankso@768 128 float: right;
pankso@768 129 }
pankso@768 130
pankso@768 131 #block_nav ul {
pankso@768 132 list-style-type: none;
pankso@768 133 margin: 6px 0;
pankso@768 134 padding: 0;
pankso@768 135 }
pankso@768 136
pankso@784 137 #block_nav h4 img {
pankso@784 138 margin: 0 4px 0 0;
pankso@784 139 padding: 0;
pankso@784 140 }
pankso@784 141
pankso@1200 142 .dlbutton {
al@1279 143 display: inline-block;
al@1280 144 margin: 0.5ex;
pankso@1200 145 background: #333 url("/images/download-30.png") no-repeat 4px center;
pankso@1200 146 padding-left: 38px;
pankso@1200 147 -webkit-transition: background-color 0.6s;
pankso@1200 148 transition: background-color 0.5s;
pankso@1200 149 }
al@1280 150 .dldiv { margin: 30px 0; text-align: center; }
pankso@1200 151
pankso@1200 152 /*
pankso@1200 153 *
pankso@1200 154 *
pankso@1200 155 * Navigation NG
pankso@1200 156 *
pankso@1200 157 *
pankso@1200 158 * */
pankso@1200 159
pankso@1200 160 nav {
pankso@1298 161 font-size: 96%;
pankso@1200 162 min-height: 100px;
pankso@1200 163 background: #ddd;
pankso@1200 164 padding: 56px 6% 0;
pankso@1200 165 text-align: center;
pankso@1200 166 color: #222;
pankso@1200 167 border-bottom: 1px solid #afafaf;
pankso@1200 168 top: 40px;
pankso@1200 169 }
pankso@1200 170
pankso@1200 171 nav ul {
pankso@1200 172 margin: 0; padding: 0;
pankso@1200 173 list-style: none;
pankso@1200 174 }
pankso@1200 175 nav li { display: inline; }
pankso@1200 176
pankso@1200 177 nav a, .dlbutton {
pankso@1200 178 text-decoration: none;
pankso@1200 179 padding: 12px;
pankso@1200 180 color: #fff;
pankso@1200 181 font-weight: bold;
pankso@1200 182 vertical-align: middle;
pankso@1200 183 -webkit-transition: background-color 0.6s;
pankso@1200 184 transition: background-color 0.5s;
pankso@1200 185 }
pankso@1200 186 nav p { padding: 8px; color: #333; font-size: 92%; }
pankso@1200 187
pankso@1200 188 .nav1 { background-color: #333; }
pankso@1200 189 .nav1:hover { background-color: #128da9; }
pankso@1200 190 .nav2 { background-color: #ab3c00; }
pankso@1200 191 .nav2:hover { background-color: #ff9b00; }
pankso@1200 192 .navpi { background-color: #444; }
pankso@1200 193 .navpi:hover { background-color: #bc1142; }
pankso@1200 194
pankso@768 195 /* Languages */
pankso@768 196
pankso@768 197 #lang {
pankso@1200 198 padding: 8px;
pankso@1200 199 font-size: 12px;
pankso@1044 200 position: absolute;
pankso@1044 201 right: 0px;
pankso@1200 202 color: #666;
pankso@768 203 }
pankso@1200 204 #lang .flag { font-size: 14px; }
pankso@1200 205 #lang .flag:hover { text-decoration: none; }
pankso@768 206
pankso@1200 207 #lang a, #lang strong, #lang span {
pankso@1 208 text-decoration: none;
pankso@768 209 padding: 0 2px;
pankso@1 210 }
pankso@768 211
pankso@768 212 #lang a:hover {
pankso@768 213 text-decoration: underline;
pankso@1 214 }
pankso@768 215
pankso@1044 216 .box #lang { text-align: center; position: relative;
pankso@1044 217 font-size: 13px; } /* for /i18n page */
al@1033 218
pankso@768 219 /* Content */
pankso@768 220
pankso@768 221 #content {
pankso@768 222 padding: 30px 80px;
pankso@555 223 text-align: justify;
pankso@741 224 }
pankso@1241 225 #content li { line-height: 1.6em; }
pankso@741 226
pankso@809 227 .news li {
pankso@741 228 border-bottom: 1px dotted #BEBEBE;
pankso@741 229 margin-left: -25px;
pankso@741 230 padding: 4px 0px 4px 0px;
pankso@741 231 }
pankso@741 232
pankso@809 233 .news a, .feed-grid a { text-decoration: none; }
pankso@809 234 .news p a { text-decoration: underline; }
pankso@809 235 .news p a:hover { text-decoration: none; }
pankso@1171 236 #twitter { margin: 20px 0; text-align: center; }
pankso@768 237 #gallery { text-align: center; }
pankso@741 238
pankso@945 239 #sponsor {
pankso@945 240 font-size: 90%;
pankso@975 241 background-color: #fbfbfb;
pankso@975 242 border: 2px solid #ddd;
pankso@945 243 width: 200px;
pankso@1267 244 height: 140px;
pankso@945 245 float: right;
pankso@945 246 text-align: center;
pankso@1241 247 margin: 20px 0px 20px 20px;
pankso@945 248 }
pankso@945 249
pankso@768 250 /* Classes */
pankso@768 251
pankso@1200 252 .mobile { display: none !important; }
pankso@1200 253
pankso@768 254 .right_box { width: 48%; float: right; }
pankso@768 255 .left_box { width: 48%; float: left; }
pankso@768 256
pankso@768 257 .box {
pankso@741 258 margin: 20px 60px;
pankso@741 259 padding: 12px;
pankso@768 260 background: #efefef;
pankso@768 261 border: 1px solid #ddd;
pankso@768 262 }
pankso@768 263
al@1032 264 .box-dl, .box-up {
pankso@1200 265 margin: 20px 0;
al@1019 266 min-height: 48px;
al@1019 267 border: 1px solid #ddd;
al@1019 268 vertical-align: middle;
al@1019 269 }
al@1032 270 .box-dl {
pankso@1200 271 background: url("/images/download.png") no-repeat 12px center;
pankso@1200 272 padding: 16px 16px 16px 72px;
al@1032 273 }
al@1032 274 .box-up {
pankso@1200 275 background: url("/images/update.png") no-repeat 12px center;
pankso@1200 276 padding: 16px 16px 16px 62px;
al@1032 277 }
pankso@1200 278 .box-dl a { font-weight: bold; text-decoration: none; }
pankso@1200 279 .dlbutton { padding-left: 38px; }
pankso@1200 280 pre, .box, .box-dl, .box-up, .box-share, .box-rpi {
pankso@1200 281 background-color: #efefef;
pankso@1200 282 border: 1px solid #ddd;
pankso@1200 283 }
al@1019 284
pankso@768 285 .searchbox {
pankso@768 286 margin: 20px 80px;
pankso@768 287 padding: 12px;
pankso@741 288 background: #f8f8f8;
pankso@768 289 text-align: center;
pankso@768 290 border: 1px solid #ddd;
pankso@741 291 }
pankso@768 292
pankso@796 293 /* Activity Box */
pankso@796 294
pankso@796 295 .activity {
pankso@796 296 margin: 0 0 20px;
pankso@945 297 background: #efefef;
pankso@807 298 padding: 5px 2px 0;
pankso@796 299 border: 1px solid #ddd;
pankso@796 300 }
pankso@807 301 .activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
pankso@796 302 .activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
pankso@796 303 .activity a { text-decoration: none; }
pankso@1241 304 .activity ul { margin: 4px 0; padding: 0 4px; line-height: 150%; }
pankso@1241 305 .activity li { list-style-type: none; }
pankso@796 306 .activity_more { text-align: right; }
pankso@796 307 .activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
pankso@796 308 .activity_more a:hover { text-decoration: underline; }
pankso@768 309
pankso@809 310 .activity span, .news span {
pankso@809 311 color: #666;
pankso@809 312 font-size: 11px;
pankso@809 313 font-weight: normal;
pankso@809 314 }
pankso@809 315
pankso@768 316 /* Button */
pankso@768 317
pankso@1175 318 #block_info .button a {
pankso@1175 319 background-color: #666;
pankso@768 320 color: #ffffff;
pankso@1175 321 margin: 0px 4px;
pankso@768 322 padding: 6px 10px;
pankso@768 323 font-size: 12px;
pankso@768 324 text-decoration: none;
pankso@768 325 font-weight: bold;
pankso@741 326 }
pankso@1175 327 #block_info .button a:hover, input[type=submit]:hover {
pankso@1175 328 background-color: #444;
pankso@768 329 color: #ffffff;
pankso@741 330 }
pankso@768 331
pankso@768 332 /* Round corner */
pankso@768 333
pankso@1200 334 #block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a,
pankso@1200 335 #twitter, .activity, .activity div, #sponsor, nav a, .dlbutton {
pankso@768 336 -moz-border-radius: 4px;
pankso@768 337 -webkit-border-radius: 4px;
pankso@768 338 border-radius: 4px;
pankso@741 339 }
pankso@768 340
pankso@768 341 /* Form */
pankso@768 342
pankso@715 343 input[type=submit] {
pankso@1175 344 border: 1px solid #666;
pankso@1175 345 background-color: #666;
pankso@715 346 color: white;
pankso@715 347 font-weight: bold;
pankso@715 348 cursor: pointer;
pankso@768 349 padding: 4px 10px;
pankso@715 350 font-size: 14px;
pankso@734 351 margin-left: -5px;
pankso@768 352 -webkit-border-top-right-radius: 4px;
pankso@768 353 -webkit-border-bottom-right-radius: 4px;
pankso@768 354 -moz-border-radius-topright: 4px;
pankso@768 355 -moz-border-radius-bottomright: 4px;
pankso@768 356 border-top-right-radius: 4px;
pankso@768 357 border-bottom-right-radius: 4px;
pankso@715 358 }
pankso@768 359
pankso@1175 360 input[type=submit]:hover { background-color: #444; }
pankso@768 361
pankso@715 362 input[type=text] {
pankso@715 363 border: 1px solid #333333;
pankso@768 364 padding: 4px;
pankso@768 365 height: 17px;
pankso@737 366 width: 100%;
pankso@768 367 -webkit-border-top-left-radius: 4px;
pankso@768 368 -webkit-border-bottom-left-radius: 4px;
pankso@768 369 -moz-border-radius-topleft: 4px;
pankso@768 370 -moz-border-radius-bottomleft: 4px;
pankso@768 371 border-top-left-radius: 4px;
pankso@768 372 border-bottom-left-radius: 4px;
pankso@715 373 }
pankso@715 374
pankso@710 375 /* Footer */
pankso@710 376
pankso@710 377 #footer {
pankso@768 378 background: #f1f1f1;
pankso@768 379 text-align: center;
pankso@768 380 border-top: 1px solid #ddd;
pankso@768 381 padding: 40px;
pankso@768 382 color: #666;
pankso@814 383 clear: both;
pankso@814 384 margin-bottom: -2%;
pankso@710 385 }
pankso@768 386
pankso@768 387 #footer a { color: #666; padding: 0 2px; }
pankso@741 388
pankso@741 389 .year:after {
pascal@1243 390 /* content: "2007-2015"; */
pascal@1243 391 content: "2015";
pankso@710 392 }
al@1019 393
al@1019 394 p, li {
al@1019 395 -moz-hyphens: auto;
al@1019 396 -webkit-hyphens: auto;
al@1019 397 hyphens: auto;
al@1019 398 }
al@1019 399
al@1019 400 /* --- SEARCH --- */
al@1019 401
al@1019 402 input.gsc-search-button {
al@1019 403 border: 1px solid #b64b22;
al@1019 404 background-color: #b64b22;
al@1019 405 color: white;
al@1019 406 font-weight: bold;
al@1019 407 cursor: pointer;
al@1019 408 padding: 2px 10px;
al@1019 409 font-size: 14px;
al@1019 410 margin-left: -4px;
al@1019 411 -webkit-border-top-right-radius: 4px;
al@1019 412 -webkit-border-bottom-right-radius: 4px;
al@1019 413 -moz-border-radius-topright: 4px;
al@1019 414 -moz-border-radius-bottomright: 4px;
al@1019 415 border-top-right-radius: 4px;
al@1019 416 border-bottom-right-radius: 4px;
al@1019 417 }
al@1019 418
al@1019 419 .gs-webResult.gs-result a.gs-title:link,
al@1019 420 .gs-webResult.gs-result a.gs-title:link b {
al@1019 421 color: #103a5e;
al@1019 422 }
al@1019 423
al@1023 424 #cse {
al@1023 425 margin-bottom: 120px;
al@1023 426 width:100%;
al@1023 427 }
al@1019 428
al@1019 429
al@1019 430 /* --- GALLERY --- */
al@1019 431
al@1019 432 #gallery div {
al@1019 433 width: 496px;
al@1019 434 border: none;
al@1019 435 border-radius: 12px;
al@1019 436 padding-bottom: 8px;
al@1019 437 margin: 12px auto;
pascal@1255 438 -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
al@1019 439 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
al@1019 440 box-shadow: 0 0 6px rgba(0,0,0,0.5);
al@1019 441 }
al@1019 442 #gallery img {
al@1019 443 width: 480px;
al@1019 444 margin: 8px;
al@1019 445 }