Changeset 54027 in spip-zone


Ignore:
Timestamp:
Nov 4, 2011, 1:48:13 AM (8 years ago)
Author:
romy@…
Message:

Ajustements pied de page

Location:
_galaxie_/herbier/squelettes
Files:
1 added
1 deleted
3 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/herbier/squelettes/css/layout.css

    r54026 r54027  
    66-------------------------------------------------------------- */
    77
    8 body { text-align: center; background: #DDD; }
     8body { text-align: center; background: #333 url(img/bg/background-6.jpg) repeat top; }
    99.page {}
    10 .main { /*position: relative; width: 940px;*/ margin: 0 auto; text-align: left; background-image: url(img/bg/background.jpg); padding-top: 60px; }
     10.main { /*position: relative; width: 940px;*/ margin: 0 auto; text-align: left; background: #DDD url(img/bg/background.jpg); padding-top: 60px; }
    1111
    1212.header {}
    1313.content { position: relative; }
    1414.aside {}
    15 .footer { clear: both; width: 100%; padding-bottom: 50px; background: transparent url(img/bg/background-6.jpg) repeat top; }
     15.footer { clear: both; width: 100%; /*padding-bottom: 50px;*/ }
    1616
    1717.iner { width: 698px; margin: 0 auto; padding-left: 175px; text-align: left; }
     
    5353.formulaire_recherche * { display: inline; vertical-align: middle; }
    5454
    55 .spip-admin-float { position: fixed !important; top: 0 !important; }
     55.spip-admin-float { position: fixed !important; top: auto !important; bottom: 0 !important; }
     56
     57/* Pied de page */
     58.footer .iner .boussole,
     59.footer .iner .encore,
     60.footer .iner .kezako { float: left; margin-top: 30px; margin-right: 30px; }
     61.footer .iner,
     62.footer .iner a { color: #bcbc88; }
     63.footer .iner p { width: auto; }
     64.footer .iner .boussole { width: 100px; }
     65.footer .iner .boussole ul { text-align: center; }
     66.footer .iner .boussole li { width: 100px; margin-bottom: 1px; }
     67.footer .iner .boussole li a { display: block; background: #000; border: 1px solid #666; }
     68.footer .iner .boussole li a:visited { color: #666; }
     69.footer .iner .boussole li a:hover { background-color: #CF0; border-color: #cc0; color: #333; }
     70.footer .iner .encore { width: 160px; }
     71.footer .iner .encore ul { display: block; list-style-image: url(img/puce.gif); margin: 0 0 0 19px; }
     72.footer .iner .encore li { margin-bottom: 6px; list-style: inherit; }
     73.footer .iner .kezako { width: 240px; width: 300px; /*max-width: 300px;*/ margin-right: 0; }
     74.footer .iner .small { margin-top: 1.5em; font-size: .75em; }
     75.footer .iner .small,
     76.footer .iner .small * { color: #666; }
     77
     78@media (max-width: 640px) {
     79.footer .iner .boussole { display: none; }
     80.footer .iner .encore,
     81.footer .iner .kezako { width: auto; }
     82.footer .iner .small { display: none; }
     83}
    5684
    5785/* Gabarit d'impression
  • _galaxie_/herbier/squelettes/css/style.css

    r54026 r54027  
    4545#encart ul.prevnext li,
    4646#encart ul.prevnext li a { color: #999; }
    47 /*#encart ul.prevnext a:hover { color: #333; }*/
    4847
    4948/* Galeries de captures d'ecran */
    5049ul#galerie { display: block; /*min-*/height: 400px; }
    51 ul#galerie,
    52 ul#galerie * {}
    53 ul#galerie li { display: block; float: left; width: 158px; height: 158px; margin-right: 22px; }
     50ul#galerie li { display: block; float: left; width: 158px; height: 158px; margin-right: 22px; white-space: nowrap; overflow: hidden; }
    5451ul#galerie li.modulo0 { margin-right: 0; }
    5552ul#galerie a { display: block; }
    5653ul#galerie a img { float: none; display: block; margin: 0; }
    57 /*ul#galerie a:hover { color: #333; }*/
    5854
    5955/* Trombinoscope */
     
    9995.main .pagination span { color: #999; }
    10096
    101 /* Pied de page */
    102 .footer .iner .boussole,
    103 .footer .iner .encore,
    104 .footer .iner .kezako { float: left; margin-top: 30px; margin-right: 30px; }
    105 .footer .iner,
    106 .footer .iner a { color: #bcbc88; }
    107 .footer .iner p { width: auto; }
    108 .footer .iner .boussole { width: 100px; }
    109 .footer .iner .boussole ul { text-align: center; }
    110 .footer .iner .boussole li { width: 100px; margin-bottom: 1px; }
    111 .footer .iner .boussole li a { display: block; background: #000; border: 1px solid #666; }
    112 .footer .iner .boussole li a:visited { color: #666; }
    113 .footer .iner .boussole li a:hover { background-color: #CF0; border-color: #cc0; color: #333; }
    114 .footer .iner .encore { width: 160px; }
    115 .footer .iner .encore ul { display: block; list-style-image: url(img/puce.gif); margin: 0 0 0 19px; }
    116 .footer .iner .encore li { margin-bottom: 6px; list-style: inherit; }
    117 .footer .iner .kezako { width: 240px; /*max-width: 300px;*/ margin-right: 0; }
    118 .footer .iner .kezako p { margin-bottom: 6px; }
    119 
    12097/* Formulaires */
    12198.formulaire_ecrire_auteur,
     
    123100.formulaire_spip p { width: auto; }
    124101.formulaire_spip label { display: block; }
    125 textarea, input.crayon-active, select, .forml { background: #EEE !important; border: 1px inset #ccc; padding-left: 1px; }
    126 .formulaire_spip .spip_bouton input, input.bouton { background: #333; border: 1px outset; color: #FFF; padding: 0 4px; }
    127102
    128 .reponse_formulaire, .reponse_formulaire p, .red { font-weight: bold; color: red !important; }
     103.forml,
     104textarea,
     105input.text { background-color: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); padding: 2% 3%; font-size: 110%; }
     106.forml:focus,
     107textarea:focus,
     108input.text:focus { background-color: rgba(255, 255, 255, 0.5); outline: none; }
     109
     110.reponse_formulaire,
     111.reponse_formulaire p,
     112.red { font-weight: bold; color: red !important; }
    129113
    130114.formulaire_ecrire_auteur legend { display: none; }
     
    146130
    147131/* Couleurs des liens */
    148 a { border-bottom: 1px dotted; text-decoration: none; color: #A8A68C; color: #666; }
     132a { border-bottom: 1px dotted; text-decoration: none; color: #A8A68C; color: #222; }
     133a:visited { color: #666; }
    149134a:focus,
    150135a:hover,
  • _galaxie_/herbier/squelettes/inclure/footer.html

    r54023 r54027  
    11#CACHE{3600*24*7}
    22<div class="clearfix footer">
    3 <div class="iner">
    4 
    5 <div class="boussole">
    6         <BOUCLE_boussole(MOTS){id_mot=5}>
    7         <h2>#TITRE</h2>
    8         <ul>
    9                 <BOUCLE_boussole_sites(SITES){id_mot}{par nom_site}>
    10                 <li><a href="#URL_SITE"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#NOM_SITE</a></li>
    11                 </BOUCLE_boussole_sites>
    12         </ul>
    13         </BOUCLE_boussole>
    14 </div>
    15 
    16 <div class="boussole">
    17         <BOUCLE_annuaire(MOTS){id_mot=38}>
    18         <h2>#TITRE</h2>
    19         <ul>
    20                 <BOUCLE_annuaire_sites(SITES){id_mot}{par nom_site}>
    21                 <li><a href="#URL_SITE"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#NOM_SITE</a></li>
    22                 </BOUCLE_annuaire_sites>
    23         </ul>
    24         </BOUCLE_annuaire>
    25 </div>
    26 
    27 <div class="encore">
    28         <h2>Plus encore !</h2>
    29         <ul>
    30                 <BOUCLE_historique(MOTS){id_mot=31}><li><a href="#URL_MOT"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a></li></BOUCLE_historique>
    31                 <BOUCLE_squelettes(MOTS){id_mot=96}><li><a href="#URL_MOT"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a></li></BOUCLE_squelettes>
    32                 <BOUCLE_ailleurs(RUBRIQUES){id_rubrique=2}><li><a href="#URL_RUBRIQUE"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a></li></BOUCLE_ailleurs>
    33                 <BOUCLE_addsite(ARTICLES){id_article=4}><li><a href="#URL_ARTICLE">#TITRE</a></li></BOUCLE_addsite>
    34                 <BOUCLE_discuter(ARTICLES){id_article=8}><li><a href="#URL_ARTICLE">#TITRE</a></li></BOUCLE_discuter>
    35                 <BOUCLE_backend(ARTICLES){id_article=6}><li><a href="#URL_ARTICLE">#TITRE</a></li></BOUCLE_backend>
    36         </ul>
    37 </div>
    38 
    39 <div class="kezako">
    40         <BOUCLE_kezako(ARTICLES){id_article=1}>
    41         <h2>#TITRE</h2>
    42         <p>[(#DESCRIPTIF_SITE_SPIP|PtoBR)<br />]
    43         <img src="#CHEMIN{img/suite.gif}" alt="-" width="9" height="9" /> <a href="#URL_ARTICLE"[ title="(#TITRE|textebrut|entites_html)"]><:suite:></a></p>
    44         <br />
    45         <p><small>Site mis en ligne le 1er juillet 2006,<br />
    46         pour f&ecirc;ter les 5&nbsp;ans de&nbsp;<a href="http://www.spip.net/" title="Système de Publication pour l'Internet">SPIP</a>.<br />
    47         Cadeau&nbsp;;-)</p><p>
    48         <a href="ecrire/">Acc&egrave;s r&eacute;dacteurs</a>
    49         <BOUCLE_contact(ARTICLES){id_article IN 5,7}> - <a href="#URL_ARTICLE">#TITRE</a></BOUCLE_contact></small></p>
    50         </BOUCLE_kezako>
    51 </div>
    52 </div>
     3        <div class="iner">
     4       
     5                <div class="boussole">
     6                        <BOUCLE_boussole(MOTS){id_mot=5}>
     7                        <h2>#TITRE</h2>
     8                        <ul>
     9                                <BOUCLE_boussole_sites(SITES){id_mot}{par nom_site}>
     10                                <li><a href="#URL_SITE"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#NOM_SITE</a></li>
     11                                </BOUCLE_boussole_sites>
     12                        </ul>
     13                        </BOUCLE_boussole>
     14                </div>
     15               
     16                <div class="encore">
     17                        <h2>Plus encore !</h2>
     18                        <ul>
     19                                <BOUCLE_historique(MOTS){id_mot=31}><li><a href="#URL_MOT"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a></li></BOUCLE_historique>
     20                                <BOUCLE_squelettes(MOTS){id_mot=96}><li><a href="#URL_MOT"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a></li></BOUCLE_squelettes>
     21                                <BOUCLE_ailleurs(RUBRIQUES){id_rubrique=2}><li><a href="#URL_RUBRIQUE"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a></li></BOUCLE_ailleurs>
     22                                <BOUCLE_addsite(ARTICLES){id_article=4}><li><a href="#URL_ARTICLE">#TITRE</a></li></BOUCLE_addsite>
     23                                <BOUCLE_discuter(ARTICLES){id_article=8}><li><a href="#URL_ARTICLE">#TITRE</a></li></BOUCLE_discuter>
     24                                <BOUCLE_backend(ARTICLES){id_article=6}><li><a href="#URL_ARTICLE">#TITRE</a></li></BOUCLE_backend>
     25                        </ul>
     26                </div>
     27               
     28                <div class="kezako">
     29                        <BOUCLE_kezako(ARTICLES){id_article=1}>
     30                        <h2>#TITRE</h2>
     31                        <p>[(#DESCRIPTIF_SITE_SPIP|PtoBR)<br />]
     32                        <img src="#CHEMIN{img/suite.gif}" alt="-" width="9" height="9" /> <a href="#URL_ARTICLE"[ title="(#TITRE|couper{80}|attribut_html)"]><:suite:></a></p>
     33                        </BOUCLE_kezako>
     34                        <p><p class="small">Site mis en ligne le 1er juillet 2006,<br />pour f&ecirc;ter les 5&nbsp;ans de&nbsp;<a href="http://www.spip.net/" title="Système de Publication pour l'Internet">SPIP</a><br /><BOUCLE_contact(ARTICLES){id_article IN 5,7}> &mdash; <a href="#URL_ARTICLE">#TITRE</a></BOUCLE_contact></p></p>
     35                </div>
     36        </div>
    5337</div><!--.footer-->
Note: See TracChangeset for help on using the changeset viewer.