Changeset 24474 in spip-zone


Ignore:
Timestamp:
Nov 19, 2008, 10:20:28 PM (11 years ago)
Author:
eric@…
Message:

Factorisation et simplication des css du centre de la page

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/sarkaspip3/css/elements.css.html

    r24443 r24474  
    4747        - Album
    4848*/
    49 /* Styles generiques des cartouches pour article (inclus evenement, album) et forum */
    50 .cartouche {
    51         color: #6262A4;
    52         font-weight: normal;
    53         font-size: 1.1em;
    54         line-height: 1.1em;
    55         text-align: right;
    56         margin: 0 0 30px 10px;
    57         padding: 0;
    58         float: right;}
    59 
    60 /* Styles generiques des descriptions pour rubrique et article (inclus evenement, album) */
    61 .description {margin: 10px 0 30px; font-size: 1.2em; line-height: 1em;}
    62 .description li {margin-left: 10px;     line-height: 1.4em;}
    63 .description a {text-decoration: none;}
    64 .description a:hover {text-decoration: underline;}
    65 /*
    66 .description h3 {color: #6262A4; font-weight: bold;     font-size: 1.6em; margin: 1em 0em 0.5em 0em;}
    67 */
    68 .description p {font-size: 1em;}
    69 .description .notes {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted;}
    70 
    71 /* Styles generiques des portfolios: images et documents pour rubrique et article (inclus evenement, album) */
    72 .portfolio {clear: both; margin-bottom: 30px; padding-top: 2px;}
    73 .portfolio h2 {font-size: 1.9em; line-height: 1em; font-weight: bold; margin: 0 0 10px;}
    74 .portfolio a img {margin: 10px 10px; border: 4px solid #F0F0FA;}
    75 
    76 .portfolio dl {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]height: 11em; text-align: center; margin: 10px; float: left;}
    77 .portfolio dt {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]font-weight: bold;}
    78 .portfolio dt a img {border: 0;}
    79 .portfolio dd {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]margin: 0; padding: 0;}
    80 
    81 /* Styles de base specifiques a la rubrique */
    82 .rubrique {margin: 0; padding-bottom: 10px;}
    83 .rubrique .titre {}
    84 .rubrique .titre h1 {color: #990000; font-weight: bold; margin: 0 0 35px; border-bottom: 2px solid #990000; padding-bottom: 5px;}
    85 /* Styles de la description, specifiques de la page rubrique */
    86       /*.rubrique .description a {color: #990000;}*/
    87 .rubrique .description .notes {border-top: 1px dotted #990000;}
    88 /* Styles du portfolio specifiques de la page rubrique */
    89 .rubrique .portfolio {}
    90 .rubrique .portfolio h2 {color: #990000; border-bottom: 2px solid #990000; padding: 0 0 5px 20px;}
    91 .rubrique #documents_joints.portfolio h2 {[background: url((#CHEMIN{images/portfolio_documents.gif})) top left no-repeat;]}
    92 .rubrique #images_jointes.portfolio h2 {[background: url((#CHEMIN{images/portfolio_images.gif})) top left no-repeat;]}
    93 .rubrique .portfolio a:hover img {border-color: #990000;}
    94 .rubrique .portfolio dt a:hover img {border: 0;}
    95 
    96 #erreur404 {border-top: 0; }
    97 
    98 /* Styles de base specifiques des pages article, evenement, album... */
    99 .article {margin: 0; padding-bottom: 10px;}
    100 .article .titre {}
    101 .article .titre h1 {color: #6262A4; font-weight: bold; margin: 0 0 5px; border-bottom: 2px solid #6262A4; padding-bottom: 5px;}
    102 .article .surtitre {color: #6262A4; line-height: 1.2em; font-size: 1.6em; font-weight: bold; margin: 0;}
    103 .article .soustitre {float: left; color: #6262A4; line-height: 1em; font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0; padding: 0;}
     49.titre h1 {color: #6262A4; font-weight: bold; margin: 0 0 5px; border-bottom: 2px solid #6262A4; padding-bottom: 5px;}
    10450/* Styles des boutons de fonction des pages article, evenement, album... */
    10551a.fonction {display: block; float: right; width: 24px; height: 24px; margin-left: 10px;}
     
    10955#voir_commentaires {[background-image: url((#CHEMIN{images/article_commentaires.gif})); ]background-repeat: no-repeat;}
    11056a.fonction.repondre_commentaire {width: 16px; height: 16px; margin-right: 0;[ background-image: url((#CHEMIN{images/commentaire_repondre.gif})); ]background-repeat: no-repeat;}
     57
     58/* Styles generiques des cartouches pour article (inclus evenement, album) et forum */
     59.cartouche {
     60        color: #6262A4; font-weight: normal; font-size: 1.1em; line-height: 1.1em; text-align: right;
     61        margin: 0 0 30px 10px; padding: 0; float: right;}
     62
     63/* Styles generiques des descriptions pour rubrique et article (inclus evenement, album) */
     64.description {margin: 10px 0 30px; font-size: 1.2em; line-height: 1em;}
     65
     66.description li {margin-left: 10px;     line-height: 1.4em;}
     67.description a {text-decoration: none;}
     68.description a:hover {text-decoration: underline;}
     69.description p {font-size: 1em;}
     70
     71.description .soustitre {float: left; color: #6262A4; line-height: 1em; font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0; padding: 0;}
     72.description .chapo {color: #6262A4; margin: 0 0 30px; font-style: italic;}
     73.description .lien_site {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;}
     74.description .ps {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;}
     75.description .notes {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;}
     76
     77/* Styles generiques des portfolios: images et documents pour rubrique et article (inclus evenement, album) */
     78.portfolio {clear: both; margin-bottom: 30px; padding-top: 2px;}
     79.portfolio h2 {font-size: 1.9em; line-height: 1em; font-weight: bold; margin: 0 0 10px; color: #6262A4; border-bottom: 2px solid #6262A4; padding: 0 0 5px 20px;}
     80#documents_joints.portfolio h2 {[background: url((#CHEMIN{images/portfolio_documents.gif})) top left no-repeat;]}
     81#images_jointes.portfolio h2 {[background: url((#CHEMIN{images/portfolio_images.gif})) top left no-repeat;]}
     82.portfolio a img {margin: 10px 10px; border: 4px solid #F0F0FA;}
     83.portfolio a:hover img {border-color: #6262A4;}
     84
     85.portfolio dl {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]height: 11em; text-align: center; margin: 10px; float: left;}
     86.portfolio dt {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]font-weight: bold;}
     87.portfolio dt a img {border: 0;}
     88.portfolio dd {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]margin: 0; padding: 0;}
     89
     90/* Styles de base specifiques a la rubrique */
     91.rubrique {margin: 0; padding-bottom: 10px;}
     92.rubrique .titre {}
     93.rubrique .titre h1 {color: #990000; margin: 0 0 35px; border-color: #990000;}
     94/* Styles de la description, specifiques de la page rubrique */
     95      /*.rubrique .description a {color: #990000;}*/
     96.rubrique .description .notes {border-color: #990000;}
     97/* Styles du portfolio specifiques de la page rubrique */
     98.rubrique .portfolio {}
     99.rubrique .portfolio h2 {color: #990000; border-color: #990000;}
     100.rubrique .portfolio a:hover img {border-color: #990000;}
     101.rubrique .portfolio dt a:hover img {border: 0;}
     102
     103/* Styles de base specifiques des pages article, evenement, album... */
     104.article {margin: 0; padding-bottom: 10px;}
     105.article .titre {}
     106.article .titre h1 {}
    111107/* Styles de la description, specifiques aux pages article */
    112108      /*.article .description a {color: #6262A4;}*/
    113 .article .description .chapo {color: #6262A4; margin: 0 0 30px; font-style: italic;}
    114 .article .description .lien_site {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;}
    115 .article .description .ps {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;}
    116 .article .description .notes {border-top: 1px dotted #6262A4;}
     109.article .description .notes {}
    117110/* Styles du portfolio specifiques des pages article, evenement, album... */
    118111.article .portfolio {}
    119 .article .portfolio h2 {color: #6262A4; border-bottom: 2px solid #6262A4; padding: 0 0 5px 20px;}
    120 .article #documents_joints.portfolio h2 {[background: url((#CHEMIN{images/portfolio_documents.gif})) top left no-repeat;]}
    121 .article #images_jointes.portfolio h2 {[background: url((#CHEMIN{images/portfolio_images.gif})) top left no-repeat;]}
    122 .article .portfolio a:hover img {border-color: #6262A4;}
     112.article .portfolio h2 {}
    123113
    124114#edito.article {border: 2px solid #808080; background-color: #EEEEEE; margin: 0 0 30px; padding: 5px 10px; text-align: justify;}
    125115#edito.article .titre, #edito.article .surtitre, #edito.article .soustitre {color: #6262A4}
    126116#edito.article .titre h1 {border: 0}
     117/*
    127118#edito.article .image .spip_logos {float: right;}
     119*/
    128120#edito.article a.fonction {display: none; }
    129121#edito.article .cartouche {color: #000000; font-size: 1.2em}
    130122
    131 #evenement.article .cartouche {text-align: left; font-size: 1.2em; float: left;}
     123#evenement.article .cartouche {text-align: left; font-size: 1.2em; float: left; margin: 0 10px 30px 0;}
    132124
    133125/* Hack IE6 : sur-titre, titre, sous-titre de l'article invisible */
    134126* html .article, * html #edito.article,
    135 * html .article .surtitre, * html #edito.article .surtitre,
    136127* html .article .titre, * html #edito.article .titre,
    137128* html .article .soustitre, * html #edito.article .soustitre {height : 1px;}
     
    139130/* Hack IE7 : sur-titre, titre, sous-titre de l'article invisible */
    140131*+html .article, *+html #edito.article,
    141 *+html .article .surtitre, *+html #edito.article .surtitre,
    142132*+html .article .titre, *+html #edito.article .titre,
    143133*+html .article .soustitre, *+html #edito.article .soustitre {height : 1px;} 
     134
     135.auteur {margin: 0; padding-bottom: 10px;}
    144136
    145137/* Syles des commentaires de l'article */
     
    160152        [background: url((#CHEMIN{images/liste_articles.gif})) top left no-repeat;]}
    161153.extrait {background: #FFFFFF; margin: 0 0 20px;        padding: 0 0 10px 15px; border-left: 5px solid #6262A4; border-bottom: 1px solid #6262A4;}
    162       /*.extrait a {color: #990000;     text-decoration: none;}
    163         .extrait a:hover {text-decoration: underline;}*/
    164 .extrait .image .spip_logos {float: left; margin-top: 0;}
    165154.extrait .cartouche {}
    166155.extrait .complements {color: #990000;  font-weight: normal; margin: 10px 0 5px; font-size: 1.1em;}
    167156.extrait h3 a.titre {
    168         display: block;
    169         color: #6262A4;
    170         font-size: 1.6em;
    171         line-height:1em;
    172         font-weight: bold;
    173         margin: 0;
    174         text-decoration: none;
    175         padding-top: 5px;
    176 }
     157        display: block; padding-top: 5px; margin: 0;
     158        color: #6262A4; font-size: 1.6em; font-weight: bold; line-height:1em; text-decoration: none;}
    177159.extrait h3 a.titre:hover {text-decoration: underline;}
    178160.extrait .introduction {margin: 10px 0 0; font-size:1.2em; line-height : 1.4em;}
    179161.extrait .lire_suite {text-align: left; margin: 10px 0 0; font-size: 1.1em;}
    180162.extrait .lire_suite a {padding: 0 0 5px 20px;[ background: url((#CHEMIN{images/lire_suite.gif})) left center no-repeat;]}
     163      /*.extrait a {color: #990000;     text-decoration: none;}
     164        .extrait a:hover {text-decoration: underline;}*/
     165/*
     166.extrait .image .spip_logos {float: left; margin-top: 0;}
     167*/
    181168
    182169/* Styles generiques des autres pages
Note: See TracChangeset for help on using the changeset viewer.