Ignore:
Timestamp:
Nov 21, 2010, 9:10:16 PM (11 years ago)
Author:
eric@…
Message:

Amélioration des css du pied

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/plugins-spip-net/svp2010/css.html

    r42427 r42439  
    55<style>
    66]
    7 body {
    8   background-color: #717070;
    9   margin: 0px;
    10   padding: 0px;
    11 }
    12 
     7
     8/* Conteneur et outils de base */
     9/* --------------------------- */
     10body { background-color: #717070; margin: 0px; padding: 0px; }
    1311body img {  border: 0px;}
    14 
    1512body a {  color: #[(#GET{couleur}|couleur_foncer_si_claire)];  outline: none;}
    1613body a .spip_in {  color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
    1714body a .spip_out {  color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
    18 
    19 /*body .spip_poesie {  font-family: inherit; line-height: 1.2em;font-size: 90%;}*/
    20 
    21 /* quelques surcharges typo */
    22 .spip_code {  color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
    23 table.spip {
    24   border: 1px solid #[(#GET{couleur})];
    25   width: 100%;
    26   font-size: 0.9em;
    27   margin-left: 0px;
    28   margin-right: 0px;
    29   border-collapse: separate;
    30   overflow: hidden;
    31 }
     15body .spip-admin-float { right:auto; left:20px; font-size: 0.8em; }
     16
     17.conteneur_page {  position: relative;  width: 900px;  margin: auto;}
     18
     19.clear-left { clear: left; }
     20.clear-right { clear: left; }
     21.clear-both { clear: both; }
     22
     23/* Surcharge de typo SPIP */
     24/* ---------------------- */
     25.spip_code { color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
     26
     27table.spip { width: 100%; font-size: 0.9em; margin-left: 0px; margin-right: 0px; border-collapse: separate; overflow: hidden;
     28                         border: 1px solid #[(#GET{couleur})]; }
    3229table.spip caption {
    3330  border-bottom: 0px;
     
    4138  text-align: left;
    4239}
    43 
    4440table.spip thead tr th {  background-color: #[(#GET{couleur}|couleur_eclaircir)];  border: 0px;}
    4541table.spip tbody tr.row_even {  background-color: white;}
    4642table.spip tbody tr td {  padding: 3px;  border: 0px;  color: #444444;}
    4743
    48 .conteneur_page {  position: relative;  width: 900px;  margin: auto;}
    49 
    50 /* bandeau haut */
    51 #bandeau-haut {position: relative;  height: 99px;  background: url([(#CHEMIN{imgs/fond-bandeau-haut.png}|image_sepia{[(#GET{couleur})]}|extraire_attribut{src})]) ;}
    52 #bandeau-haut .conteneur_page {  height: 99px;}
    53 #bandeau-haut #fond-haut-droite {
    54   height: 23px;
    55   background: url([(#CHEMIN{imgs/fond-bandeau-haut-droite.png})]);
    56   position: absolute;  width: 30%;  top: 0px;  right: 0px;
    57 }
    58 #bandeau-haut #bandeau-haut-droite {
    59   position: absolute;
    60   top: 0px;
    61   right: 0px;
    62   width: 450px;
    63   height: 23px;
    64   background: url([(#CHEMIN{imgs/bandeau-haut-droite.png})]) no-repeat;
    65   padding-left: 20px;
    66   text-align: left;
    67   font-size: 75%;
    68   color: white;
    69 }
     44
     45/* Bandeau */
     46/* ------- */
     47#bandeau-haut { position: relative;  height: 99px;  background: url([(#CHEMIN{imgs/fond-bandeau-haut.png}|image_sepia{[(#GET{couleur})]}|extraire_attribut{src})]); }
     48#bandeau-haut .conteneur_page { height: 99px; }
     49#bandeau-haut #fond-haut-droite { height: 23px; position: absolute; width: 30%; top: 0px; right: 0px;
     50                                                                  background: url([(#CHEMIN{imgs/fond-bandeau-haut-droite.png})]); }
     51#bandeau-haut #bandeau-haut-droite { position: absolute; top: 0px; right: 0px; width: 450px; height: 23px;
     52                                                                         background: url([(#CHEMIN{imgs/bandeau-haut-droite.png})]) no-repeat;
     53                                                                         padding-left: 20px; text-align: left; font-size: 75%; color: white; }
    7054#bandeau-haut #bandeau-haut-droite #espace-prive {  float: right;}
    7155#bandeau-haut #bandeau-haut-droite a {  text-decoration: none;  margin-left: 5px;  padding-left: 10px;  color: #dddddd;}
     
    7357#bandeau-haut .logo-site-spip {  position: absolute;  left: -2px;  top: 27px;}
    7458#bandeau-haut .polatouche {  position: absolute;  right: -7px;  bottom: -62px;  z-index:100;}
     59
    7560
    7661/* nav */
     
    678663}
    679664
    680 #bandeau-bas {
    681   background: url([(#CHEMIN{imgs/fond-bandeau-bas.gif})]) top left repeat-x;
    682   padding-top: 15px;
    683   font-size: 0.8em;
    684         line-height:1.5em;
    685   color: white;
    686 }
    687 
    688 #bandeau-bas .logo-site-spip {
    689   position: absolute;
    690   right: -3px;
    691   top: 10px;
    692 }
    693 
    694 #bandeau-bas a {
    695   color: #dddddd;
    696 }
    697 
    698 #bandeau-bas a:hover {
    699   color: white;
    700 }
    701 
    702 #bandeau-bas ul {
    703   padding-left: 15px;
    704         list-style-type: disc;
    705 }
    706 
    707 #bandeau-bas #site-utilise {
    708   position: absolute;
    709   top: 70px;
    710   right: 0px;
    711   width: 237px;
    712 }
    713 
    714 #bandeau-bas #galaxie {
    715   position: absolute;
    716   top: 100px;
    717   left: 0px;
    718 }
    719 
    720 #bandeau-bas #syndication {
    721   position: absolute;
    722   top: 5px;
    723   left: 230px;
    724   width: 360px;
    725 }
    726 
    727 #bandeau-bas #syndication h3 {
    728   margin-top: 10px;
    729 }
    730 
    731 
    732 
    733 .clear-left {
    734   clear: left;
    735 }
    736 
    737 .clear-right {
    738   clear: left;
    739 }
    740 
    741 .clear-both {
    742   clear: both;
    743 }
     665/* Styles du pied de page */
     666/* ---------------------- */
     667#bandeau-bas {  padding-top: 15px; font-size: 0.8em; line-height:1.5em; color: white;
     668                                background: url([(#CHEMIN{imgs/fond-bandeau-bas.gif})]) top left repeat-x; }
     669#bandeau-bas .bloc-pied { padding-bottom: 1em; }
     670#bandeau-bas .logo-site-spip { position: absolute; right: -3px; top: 10px; }
     671#bandeau-bas a { color: #dddddd; }
     672#bandeau-bas a:hover { color: white; }
     673#bandeau-bas ul { padding-left: 15px; list-style-type: disc; }
     674#bandeau-bas #site-utilise { position: absolute; top: 70px; right: 0px; width: 237px; }
     675#bandeau-bas #galaxie { position: absolute; top: 100px; left: 0px; }
     676#bandeau-bas #syndication { position: absolute; top: 5px; left: 230px; width: 360px; }
     677#bandeau-bas #syndication h3 { margin-top: 10px; }
     678
     679
     680
    744681
    745682.bloc_infos {
     
    825762  width: 200px;
    826763  text-align: center;
    827 }
    828 
    829 #cadre-extra {
    830         font-size: 0.8em;
    831         line-height:1.5em;
    832         border-top: 1px solid #[(#GET{couleur}|couleur_foncer)];
    833         background-color: #[(#GET{couleur})];
    834         color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]
    835764}
    836765
     
    869798
    870799
    871 /* Bouton d'admin */
    872 body .spip-admin-float {right:auto;left:20px;}
     800#cadre-extra {
     801        font-size: 0.8em;
     802        line-height:1.5em;
     803        border-top: 1px solid #[(#GET{couleur}|couleur_foncer)];
     804        background-color: #[(#GET{couleur})];
     805        color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]
     806}
Note: See TracChangeset for help on using the changeset viewer.