www/themes/theme_Outdoor1-0/habillage.css

   1 /* --------------------------------------------------------- */
   2 /* Feuille de style des squelettes par defaut pour SPIP 2.0  */
   3 /* --------------------------------------------------------- */
   4 /* ----------------------------------------------
   5         Adaptation pour Spip-zen : Cedric Morin http://www.yterium.com
   6  ------------------------------------------------ */
   7
   8 /* Specificites SPIP */
   9 h3.spip {text-align:left;}
  10
  11 #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
  12 #hierarchie, #hierarchie a { color: #666; }
  13
  14 .cartouche { margin-bottom: 2em; }
  15 .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
  16 .cartouche p { margin: 0; padding: 0; clear: left; }
  17 .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
  18 .cartouche .surtitre { margin-bottom: 0.30em; }
  19 .cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
  20 .cartouche .traductions { font-size: 0.90em; }
  21
  22 .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
  23 .texte { line-height: 1.60em; }
  24 .hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; }
  25 .ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
  26 .notes { clear: both; font-size: 0.90em; }
  27
  28 abbr.published { border: 0; }
  29
  30 /* Portfolio */
  31 .documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
  32 .documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
  33 .documents_portfolio a:hover .spip_logos { border-color: #F57900; }
  34 .documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
  35 #document_actif { margin: 1em auto; }
  36 #document_actif img { padding: 4px; border: 1px solid #DDD; }
  37
  38 /* Pagination */
  39 .pagination { clear: both; text-align: right; font-size: 0.95em; color: #666; }
  40 .pagination .on { font-weight: bold; color: #666; }
  41
  42 .menu-liste, .liste-items  {list-style:none;}
  43
  44 .liste-items {border-bottom:1px solid #EBEBEB;}
  45 .liste-items .item {padding:5px;clear:both;overflow:hidden;border-top:1px solid #EBEBEB;}
  46 .liste-items + .pagination {margin-top:0;padding-top:0;}
  47
  48 .menu-liste {
  49         text-align: left;
  50         margin: 7px 0px 8px;
  51         padding: 0;
  52         border-top: 1px solid #EBEBEB;
  53 }
  54 .menu-liste .menu-entree {
  55         list-style: none;
  56         border-bottom: 1px solid #EBEBEB;
  57         padding: 5px;
  58         margin: 0 2px;
  59 }
  60 * html body .menu-liste .menu-entree {
  61         height: 1%;
  62 }
  63 .menu-liste .menu-entree a {
  64         text-decoration: none;
  65         background-image: none;
  66         color: #895F30;
  67 }
  68 .menu-liste .menu-entree a:hover {
  69         color: #1773BC;
  70 }
  71 .menu-liste .menu-liste { margin-left: 5px; padding: 0; }
  72 .menu-liste .menu-liste .menu-entree { border: none; }
  73
  74 .formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/
  75
  76
  77 /* Habillage des forums
  78 ---------------------------------------------- */
  79 .repondre { clear: both; margin-top: 0em; margin-right: 1em; text-align: right; font-weight: bold; }
  80
  81 /* * Habillage des forums */
  82 ul.forum { display: block; clear: both; margin: 0; padding: 0; }
  83 ul.forum, ul.forum ul { list-style: none; }
  84
  85
  86 /* comments list */
  87 ul.forum,ul.forum ul {
  88         margin: 12px 10px;
  89         padding: 0;
  90         border-style: solid;
  91         border-color: #F0F0F0;
  92         border-width: 1px 1px 0 1px;
  93 }
  94 ul.forum ul.spip {border:0;}
  95
  96 ul.forum ul { margin:0; }
  97 .forum li {
  98         margin: 0;
  99         padding: 10px;
 100         list-style: none;
 101         border-bottom: 1px solid #F0F0F0;
 102 }
 103 .forum ul.spip li {border:0;padding:0;}
 104 .forum li cite {
 105         display: block;
 106         font-style: normal;
 107         font-weight: bold;
 108         padding: 7px;
 109 }
 110 .forum li cite img {
 111         float: left;
 112         margin-right: 10px;
 113 }
 114 .forum li cite .forum-chapo {
 115         font-size: .8em;
 116         font-weight: normal;
 117 }
 118 .forum li .forum-texte {
 119         clear: both;
 120         margin: 0; padding: 0;
 121 }
 122 .forum li.alt {
 123         background: #f8f8f8
 124 }
 125
 126 /* tables */
 127 tables.spip tr,tables.spip tr.row_odd,tables.spip tr.row_even {background:transparent;}
 128 /* ----------------- */
 129 /********************************************
 130    AUTHOR:                      Erwin Aligam
 131    WEBSITE:                     http://www.styleshout.com/
 132         TEMPLATE NAME:          Outdoor
 133    TEMPLATE CODE:       S-0020
 134    VERSION:          1.0
 135  *******************************************/
 136
 137 /********************************************
 138    HTML ELEMENTS
 139 ********************************************/
 140
 141 /* Top Elements */
 142 * { margin: 0; padding: 0; outline: 0 }
 143
 144 body {
 145         background: #f7f0e3 url(img/bg.jpg) repeat-x;
 146         font: 70%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif;
 147         color: #666666;
 148         text-align: center;
 149         margin: 0 0 50px 0;
 150 }
 151
 152 /* links */
 153 a, a:visited {
 154         color: #5A93C9;
 155         background: inherit;
 156         text-decoration: none;
 157 }
 158 a:hover {
 159         color: #88ac0b;
 160         background: inherit;
 161         text-decoration: underline;
 162 }
 163
 164 /* headers */
 165 h1,.h1, h2,.h2, h3,.h3, h3.spip {
 166         font-family: 'Trebuchet MS', Tahoma, Sans-serif;
 167         color: #444;
 168
 169 line-height:100%;}
 170 h1,.h1 {
 171         font-size: 230%;
 172         font-weight: normal;
 173         letter-spacing: -1px;
 174 }
 175 h2,.h2 {
 176         font-size: 180%;
 177         color: #88ac0b;
 178 }
 179 h3,.h3, h3.spip {
 180         font-size: 150%;
 181         font-weight: normal;
 182         line-height:100%;
 183 }
 184
 185 h1,.h1, h2,.h2, h3,.h3, h3.spip, p {
 186         padding: 10px 0;
 187         margin: 0;
 188 }
 189 ul.spip, ol.spip, ul.forum ul.spip {
 190         margin: 5px 10px;
 191         padding: 0 20px;
 192 }
 193 ul {
 194         list-style: none;
 195 }
 196
 197 /* images */
 198 .spip_documents img, .spip_logos img {
 199         background: #fafafa;
 200   border: 1px solid #dcdcdc;
 201         padding: 5px;
 202 }
 203 .spip_documents_right {
 204   margin: 5px 10px 10px;
 205   margin-left: 10px;
 206 }
 207 .spip_documents_left {
 208   margin: 5px 0px 10px;
 209   margin-right: 20px;
 210 }
 211
 212 .spip_code,code {font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;}
 213 .spip_cadre {
 214         margin: 5px 0;
 215         padding: 10px;
 216         text-align: left;
 217         display: block;
 218         overflow: auto;
 219         font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
 220         /* white-space: pre; */
 221         border: 1px solid #F4F3EC;
 222         background: #FAFAE7;
 223         width:90%;
 224 }
 225 acronym,abbr {
 226   cursor: help;
 227   border-bottom: 1px dashed #777;
 228 }
 229 blockquote.spip {
 230         margin: 10px 0;
 231         padding: 0;
 232         padding-left: 45px;
 233         border: 1px solid #F4F3EC;
 234         background: #FAFAE7 url(img/quote.jpg) no-repeat 7px 10px;
 235         font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
 236         color: #976957;
 237 }
 238
 239 /* start - table */
 240 table.spip {
 241         border-collapse: collapse;
 242         margin: 10px 0;
 243 }
 244 table.spip caption {text-align:left;}
 245 table.spip th strong {
 246         color: #fff;
 247 }
 248 table.spip th {
 249         background: #93BC0C url(img/nav.jpg) repeat-x;
 250         height: 35px;
 251         padding-left: 12px;
 252         padding-right: 12px;
 253         color: #fff;
 254         text-align: left;
 255         border:0;
 256         border-left: 1px solid #B6D59A;
 257         border-bottom: solid 2px #fff;
 258 }
 259 table.spip tr {
 260         height: 32px;
 261 }
 262 table.spip td {
 263         padding-left: 11px;
 264         padding-right: 11px;
 265         border:0;
 266         border-left: 1px solid #fff;
 267         border-bottom: 1px solid #fff;
 268 }
 269 td.first,th.first {
 270         border-left: 0px;
 271 }
 272 table.spip tr.row_even {
 273         background: #F8F8F8;
 274 }
 275 table.spip tr.row-odd {
 276         background: #EFEFEF;
 277 }
 278 /* end - table */
 279
 280 /* form elements */
 281 .formulaire_spip {
 282         margin:10px 0; padding: 10px;
 283         border: 1px solid #f1f1f1;
 284         background-color: #f5f5f5;
 285 }
 286 .formulaire_spip fieldset legend {background-color: #f5f5f5;}
 287 .formulaire_spip label {
 288         display:block;
 289         font-weight:bold;
 290         margin:5px 0;
 291 }
 292 .formulaire_spip input.text,input.password {
 293         padding:2px;
 294         border:1px solid #eee;
 295         font: normal 1em Verdana, sans-serif;
 296         color:#777;
 297 }
 298 .formulaire_spip textarea {
 299         padding:2px;
 300         font: normal 1em Verdana, sans-serif;
 301         border:1px solid #eee;
 302         height:100px;
 303         display:block;
 304         color:#777;
 305 }
 306 #contenu .formulaire_spip textarea {    width:400px;}
 307
 308 .formulaire_spip .boutons input {
 309         font: bold 12px Arial, Sans-serif;
 310         height: 24px;
 311         margin: 0;
 312         padding: 2px 3px;
 313         color: #FFF;
 314         background: #8EB50C url(img/nav.jpg) repeat-x 0 0;
 315         border: 1px solid #88AD0C;
 316 }
 317
 318 /* search form */
 319 .formulaire_recherche {
 320         background-color: transparent;
 321         border: none;
 322         margin: 0; padding: 5px 0 15px 0;
 323
 324 }
 325 #formulaire_recherche {width: 250px;}
 326
 327 .formulaire_recherche p { margin: 0; padding: 0; }
 328 .formulaire_recherche input.text {
 329         color: #777;
 330         height: 18px;
 331         padding: 2px;
 332         border: 1px solid #E5E5E5;
 333         vertical-align: top;
 334         background-image:none;
 335 }
 336 #formulaire_recherche input.text {width: 170px;}
 337
 338 .formulaire_recherche input.submit {
 339         width: 60px;
 340         height: 24px;
 341         padding: 2px 5px;
 342         vertical-align: top;
 343 }
 344
 345 /********************************************
 346    LAYOUT
 347 ********************************************/
 348 #wrap {
 349         position: relative;
 350         background: #fff url(img/wrap-bg.jpg) repeat-y;
 351         width: 900px;
 352         margin: 50px auto 0 auto;
 353         text-align: left;
 354 }
 355 #content-wrap {
 356         position: relative;
 357         background: #fff url(img/content-bg.jpg) repeat-x;
 358         clear: both;
 359         float: left;
 360         width: 870px;
 361         padding: 0;
 362         margin-left: 15px;
 363         display: inline;
 364         border-top: 5px solid #fff;
 365         border-bottom: 1px solid #e5e5e5;
 366         border-left: 1px solid #fff;
 367         border-right: 1px solid #fff;
 368 }
 369 #header-wrap {
 370         position: relative;
 371         background: #fff url(img/header-bg.jpg) repeat-x;
 372         padding: 0;
 373         margin: 0px auto;
 374         width: 870px;
 375         height: 311px;
 376 }
 377 #header {
 378         background: url(img/header-photo.jpg) no-repeat bottom left;
 379         width: 870px;
 380         height: 311px;
 381 }
 382 #header #nom_site_spip {
 383         position: absolute;
 384         margin: 0; padding: 0;
 385         font: normal 42px Georgia, "Times New Roman", Times, serif;
 386         letter-spacing: -1.5px;
 387         color: #111;
 388         text-transform: none;
 389         text-decoration: none;
 390
 391         /* change the values of top and left to adjust the position of the logo*/
 392         top: 22px; left: 20px;
 393 }
 394 #header .accueil img.spip_logos {
 395         position: absolute;
 396         /* change the values of top and left to adjust the position of the logo*/
 397         top: 0px; right: 0px;
 398 }
 399
 400 #header #slogan_site_spip {
 401         position: absolute;
 402         margin: 0; padding: 0;
 403         font: normal 12px Georgia, "Times New Roman", Times, serif;
 404         text-transform: none;
 405         color: #5b4a29;
 406
 407         /* change the values of top and left to adjust the position of the slogan*/
 408         top: 67px; left: 25px;
 409 }
 410 #descriptif_site_spip {
 411         font: normal 12px Georgia, "Times New Roman", Times, serif;
 412         text-transform: none;
 413         color: #5b4a29;
 414 }
 415
 416 #header .formulaire_menu_lang { position: absolute; right: 0; top: 250px; display: block; margin:0;width: 235px;padding:0;background:none;border:0; } /*Cf.: spip_formulaires.css*/
 417
 418 /* header links */
 419 #header #header-links {
 420         position: absolute;
 421         top: 25px; right: 10px;
 422         color: #5b4a29;
 423         font: normal 11px Georgia, "Times New Roman", Times, serif;
 424         text-transform: uppercase;
 425 }
 426 #header #header-links a {
 427         color: #5b4a29;
 428         text-decoration: none;
 429         padding: 0 2px;
 430         font-weight: bold;
 431 }
 432 #header #header-links a:hover {
 433         color: #111;
 434 }
 435
 436 /* header-photo */
 437 #header-photo {
 438         clear: both;
 439         background: #fff;
 440         margin: 5px auto;
 441         padding: 0;
 442         height:206px;
 443         width: 870px;
 444 }
 445 #header-photo img {
 446         border: none;
 447         margin: 0; padding: 0;
 448 }
 449
 450 /* Navigation */
 451 #nav {
 452         clear: both;
 453         margin: 0; padding: 0;
 454         height: 45px;
 455 }
 456 #nav .menu-liste {
 457         float: left;
 458         list-style: none;
 459         background: url(img/nav.jpg) repeat-x;
 460         width: 870px;
 461         height: 45px;
 462         text-transform: uppercase;
 463         margin: 0 0 0 15px;
 464         padding: 0;
 465         display: inline;
 466 }
 467 #nav .menu-liste .menu-entree {
 468         display: inline;
 469         margin: 0; padding: 0;
 470 }
 471 #nav .menu-liste .menu-entree a {
 472         display: block;
 473         float: left;
 474         width: auto;
 475         margin: 0;
 476         padding: 0 14px;
 477         border-right: 1px solid #899D00;
 478         border-left: 1px solid #A7D101;
 479         font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
 480         text-transform: uppercase;
 481         text-decoration: none;
 482         letter-spacing: 1px;
 483         color: #fff;
 484 }
 485 #nav .menu-liste .menu-entree a:hover,
 486 #nav .menu-liste .menu-entree a:active {
 487         background: url(img/nav-hover.jpg) repeat-x;
 488 }
 489 #nav .menu-liste .menu-entree.on a {
 490         background: url(img/nav-current.jpg) repeat-x;
 491 }
 492
 493 /* sub-menus */
 494
 495 #nav .menu-liste li.menu-entree {
 496         display: inline;
 497         float: left;
 498         position: relative;
 499 }
 500 #nav li .menu-liste {
 501   background-color: #e5e5e5;
 502   background-image: none;
 503         position: absolute;
 504   display: none;
 505   width:255px;
 506   top: 36px;
 507   left: 0;
 508   line-height: 100%;
 509   z-index: 5;
 510   border: 1px solid #fff;
 511   height:auto;
 512 }
 513 #nav li .menu-liste .menu-entree {
 514         background: url(img/nav.jpg) repeat-x;
 515         border-right: none;
 516         width: 255px;
 517 }
 518 #nav li .menu-liste .menu-entree a {
 519         display: block;
 520         width: 226px;
 521 }
 522 #nav li:hover ul,#nav li.hover ul{display:block;}
 523 #nav li:hover li ul,#nav li.hover li ul{display:none;}
 524 #nav li:hover li:hover ul,#nav li.hover li.hover ul{display:block;}
 525 #nav li:hover li:hover li ul,#nav li.hover li.hover li ul{display:none;}
 526 #nav li:hover li:hover li:hover ul,#nav li.hover li.hover li.hover ul{display:block;}
 527 #nav li:hover li:hover li:hover li ul,#nav li.hover li.hover li.hover li ul{display:none;}
 528 #nav li:hover li:hover li:hover li:hover ul,#nav li.hover li.hover li.hover li.hover ul{display:block;}
 529 #nav li ul ul{}
 530
 531
 532 /* Main Column */
 533 #main {
 534         float: left;
 535         width: 550px;
 536         padding: 15px 0 0 0; margin: 0 0 0 10px;
 537         display: inline;
 538 }
 539 #main .h2 {
 540         margin-top: 10px;
 541         padding-bottom: 3px;
 542         font: normal 2.3em 'Trebuchet MS', Tahoma, Sans-serif;
 543         color: #895F30;
 544         letter-spacing: -1px;
 545         text-transform: none;
 546 }
 547 #main .h2 a {
 548         color: #895F30;
 549         text-decoration: none;
 550 }
 551 #main ul.spip li {
 552         list-style-image: url(img/bullet.gif);
 553 }
 554
 555 /* Sidebar */
 556 #sidebar {
 557         float: right;
 558         width: 280px;
 559         padding: 25px 0 0 0; margin: 0;
 560 }
 561 #sidebar .h2,
 562 #sidebar .formulaire_recherche label {
 563         margin-top: 10px;
 564         padding: 5px 5px;
 565         font: normal 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
 566         color: #899B0D;
 567         line-height:100%;
 568 }
 569
 570 #sidebar .menu ul {
 571 }
 572 #sidebar .menu ul li {
 573 }
 574 #sidebar .menu ul li a {
 575 }
 576 #sidebar .menu ul li a:hover {
 577 }
 578
 579 /* footer */
 580 #footer-wrap {
 581         clear: both;
 582         width: 900px;
 583         font-size: 95%;
 584         text-align: left;
 585         padding: 15px 0;
 586         border-bottom: 15px solid #fff;
 587         border-top: 1px solid #fff;
 588 }
 589 #footer-wrap a:hover {
 590         color: #000;
 591 }
 592 #footer-wrap .h3 {
 593         color: #976834;
 594         margin: 0;
 595         padding: 0 10px;
 596         text-transform: uppercase;
 597         font-weight: bold;
 598
 599 line-height:100%;}
 600
 601 #footer-content {
 602         color: #888;
 603         margin: 0 auto;
 604         padding: 0;
 605         width: 840px;
 606 }
 607 #footer-content a {
 608         text-decoration: none;
 609         font-weight: bold;
 610         color: #666666;
 611 }
 612 /*
 613 #footer-content ul {
 614         list-style: none;
 615         margin: 10px 0 0 0;
 616         padding: 0;
 617         border-top: 1px solid #e5e5e5;
 618 }
 619 #footer-content li {
 620         border-bottom: 1px solid #e5e5e5;
 621 }
 622 #footer-content li a {
 623         display: block;
 624         font-weight: normal;
 625         padding: 5px 0 5px 10px;
 626         width: 96%;
 627 }
 628 #footer-content .col3, .col3-center {
 629         float: left;
 630         width: 32%;
 631 }
 632 #footer-content .col3-center {
 633         margin: 0 15px;
 634 }
 635 */
 636 /* bottom */
 637 #footer-bottom {
 638         clear: both;
 639         color: #666;
 640         margin: 0 auto;
 641         width: 870px;
 642         padding: 15px 0 0 0;
 643         text-align: center;
 644 }
 645 #footer-bottom  a {
 646         color: #976834;
 647 }
 648
 649
 650 /* Listes d'articles et extraits introductifs */
 651 .articles ul li { clear: both; padding: 0.40em 0.20em; }
 652 .articles ul li h3 { margin: 0.30em 0; }
 653 .articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
 654 .articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
 655 .articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }
 656
 657 /* postmeta */
 658 .meta-publi {
 659         padding: 5px; margin: 20px 0 15px;
 660         font-size: 95%;
 661         color: #99997D;
 662         border: 1px solid #EAE7DB;
 663         background: #FAFAE7;
 664         clear:both;
 665 }
 666 .meta-publi .date-redac { margin: 0 10px 0 5px; }
 667 .meta-publi .nb_commentaires { margin: 0 10px 0 5px;    }
 668 .meta-publi .lire-la-suite { margin: 0 10px 0 5px;      }
 669
 670 .info-publi { font-size: .95em; padding-top: 0; margin-left: 1px;       }
 671 .h3+.info-publi {margin-top:-10px;}