slitaz-forge annotate people/slitaz.css @ rev 710

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