source: spip-zone/_plugins_/acs/models/cat/composants/articles/articles.css.html @ 48798

[(#CACHE{0})][(#REM)

Listes d'articles et extraits introductifs
Styles utilisés par les pages sommaire, recherche, resume, plan, sites ...

][(#REM)

***** Mise en page d'un article *****

].cArticle .entete, .cArticle .article {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
}
.cArticle .entete {
  border: #VAR{acsArticlesBord/Width,thin}[ (#VAR{acsArticlesBord/Style,dotted})][ (#VAR{acsArticlesBord/Color})];
  border-left: 0;
  border-right:0;
}
.cArticle .entete p {
  margin :0;
}
.cArticle .titre {
  font-weight: bold;
}
.cArticle .traductions {
  float: right;
}
.cArticle .texte, .cArticle .chapo {
  text-align: justify;
}[(#VAR{acsArticlesChapoGras}|!={non}|?{" "})
.cArticle .chapo {
  font-weight: bold;
}
].cArticle .sommaire {
  float:  #LANG_RIGHT;
  margin: 5px;
  border: #VAR{acsArticlesBord/Width,thin}[ (#VAR{acsArticlesBord/Style,dotted})][ (#VAR{acsArticlesBord/Color})];
}
.cArticle .titresommaire {
  text-align: center;
}
.cArticle .stats {
  float: #LANG_RIGHT;
}
[(#CONFIG{articles_versions}|=={oui}|?{" "})
.cArticle .diff-ajoute {
  background-color: #VAR{acsArticlesAdded};
}
.cArticle .diff-para-supprime, .cArticle .diff-supprime {
  background-color: #VAR{acsArticlesDeleted};
  text-decoration: line-through;
}
.cArticle .version {
  text-align: #LANG_RIGHT;
  padding-left: 5px;
  padding-right: 5px;
}
].cArticle #forum_lire_tous, #forum_repondre[(#PLUGIN{notation}|?{' '}), .cArticle .notation ]{
  margin-left: 5px;
  margin-right: 5px;
}[(#PLUGIN{recommander}|?{' '})
#recommander {
  margin-left: 5px;
  margin-right: 5px;
}
#recommander h2.menu-titre {
  cursor: pointer;
}
][(#REM)

***** Mise en page des listes d'articles *****

].liste-articles li {
  border-top: #VAR{acsArticlesBord/Width,thin}[ (#VAR{acsArticlesBord/Style,dotted})][ (#VAR{acsArticlesBord/Color,#VAR{acsOngletsBord/Color}})];
  [margin-bottom: (#VAR{acsArticlesMargeBas})px;]
  margin-right: 1px;
}

.liste-articles .entete, .cArticle .entete, .plan-secteur h1 {
  [background-color: (#VAR{acsArticlesTitreFond});]
  [background: url('(#ACS_CHEMIN{trame/#VAR{acsArticlesTitreFondImage}})') repeat top left;]
 }

.liste-articles .entete {
  clear: both;
  float: #LANG_LEFT;
  text-align: #LANG_LEFT;
  width: 100%;
}

* html .liste-articles .entete { /* IE */
  margin-right: 3px;
  position: relative;
  z-index: 2;
}

.liste-articles li p { margin: 0; padding: 0; padding-left: 5px; }

.liste-articles .nav {
  float: #LANG_RIGHT;
}
.liste-articles .titre, .liste-articles .surtitre, .liste-articles .soustitre {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}

.liste-articles li .titre {
  font-weight: bold;
}

.liste-articles li .spip_logos {
  float: #LANG_LEFT;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
}

.liste-articles li .enclosures {
  float: #LANG_RIGHT;
  text-align: #LANG_RIGHT;
  max-width: 60%;
  margin: 0; }

.liste-articles li .texte, .liste-articles li .extrait {
  padding: 0.1em;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 2px;
  margin-bottom: 0.1em;
  text-align: justify;
  display: inline-block;  /* IE */
}

.liste-articles .infos_article, .liste-articles .nav, .liste-articles .pagination {
  margin: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.liste-articles .infos_article, .liste-articles .nav {
  float: #LANG_RIGHT;
}
.liste-articles .pagination {
  float: #LANG_LEFT;
}

[(#REM) Habillage specifique du plan du site ]
.plan-secteur {position: relative; display: block; z-index: 1;} /* IE */

.plan-secteur h1 {
  border: 0;
  border-top: [(#VAR{acsArticlesBord/Width,1px})][ (#VAR{acsArticlesBord/Style,solid})][ (#VAR{acsArticlesBord/Color})];
  margin: 0;
  font-weight: bold;
  text-align: center;
  margin-right:1px;
}
* html .plan-rubrique { /* IE */
  width: 100%;
  position: relative;
  display: block;
  z-index: 2;
}

.plan-secteur .menu-item {
  margin-left: 1.5em;
  list-style: url(#ACS_CHEMIN{puces/#VAR{acsArticlesPuce,puce_8x8.gif}});
}

.plan-rubrique {
  border: [(#VAR{acsArticlesBord/Width,1px})][ (#VAR{acsArticlesBord/Style,solid})][ (#VAR{acsArticlesBord/Color})];
  padding: 4px;
  font-weight: bold;
  [margin-top: (#VAR{acsArticlesMargeBas})px;]
  [margin-bottom: (#VAR{acsArticlesMargeBas})px;]
  -moz-border-radius: 8px;
  min-height: #VAR{acsArticlesListesLogoTailleMax,50}px;
}

.plan-rubrique .spip_logos {
  float: #LANG_LEFT;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}

div.plan-articles {
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  text-align: justify;
}

span.plan-article {
  margin-right: 1em;
}

[(#REM) Eclaircissement ou assombrissement progressif des rubriques en fonction de la profondeur ]

ul .plan-rubrique {
  background: [(#VAR{acsArticlesRubFond2, #fafffa})];
  margin-left: 2%;
}

ul ul .plan-rubrique {
  background: [(#VAR{acsArticlesRubFond3, #f5fff5})];
  margin-left: 3%;
}
ul ul ul .plan-rubrique {
  background: [(#VAR{acsArticlesRubFond4, #efffef})];
  margin-left: 4%;
}
ul ul ul ul .plan-rubrique {
  background: [(#VAR{acsArticlesRubFond5, #dfffdf})];
  margin-left: 5%;
}
ul ul ul ul ul .plan-rubrique {
  background: [(#VAR{acsArticlesRubFond6, #d0ffd0})];
  margin-left: 6%;
}