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

Last change on this file since 47457 was 47457, checked in by webmaster@…, 10 years ago

Passage en version 0.8.2

ACS:

  • id au nom de la variable pour les contrôles de type Text (requis pour y accéder en javascript)
  • filepicker : bug fix;


Cat :

  • modification des caches des noisettes de composants : ceux-ci doivent être NULS [(#CACHE{0])] dans l'immense majorité des cas (les pages entières mises en cache suffisent) SAUF dans certains cas particuliers comme par exemple : 1) les noisettes appellées en Ajax, 2) les composants présents à l'identique sur de plusieurs pages, qui peuvent bénéficier d'une mise en cache SPIP séparée, en amont de la mise en cache SPIP des pages complètes.
  • page rubrique : la page peut dépendre d'un mot-clef de style de page rubrique.
  • Cadre : pas de mise en cache par défaut (celle-ci doublonnerait avec celle du conteneur ou de la page).
  • Carte : composant instanciable; bugs fixes dans le json (rubriques);
  • Hierarchie : correction de l'expression régulière de filtrage des mots-clefs commençant par "_"; économie de deux boucles inutiles;
    • Rubriques devient Autres (autres articles de la même rubrique ou autres articles au hasard) + correction d'un bug en prévisualisation (affichait la rubrique 1 par défaut ce qui n'était pas très utile si la rubrique 1 n'existait plus);
File size: 4.8 KB
Line 
1[(#CACHE{0})][(#REM)
2
3Listes d'articles et extraits introductifs
4Styles utilisés par les pages sommaire, recherche, resume, plan, sites ...
5
6][(#REM)
7
8***** Mise en page d'un article *****
9
10].cArticle .entete, .cArticle .article {
11  padding-left: 5px;
12  padding-right: 5px;
13  margin-bottom: 5px;
14}
15.cArticle .entete {
16  border: #VAR{acsArticlesBord/Width,thin}[ (#VAR{acsArticlesBord/Style,dotted})][ (#VAR{acsArticlesBord/Color})];
17  border-left: 0;
18  border-right:0;
19}
20.cArticle .entete p {
21  margin :0;
22}
23.cArticle .titre {
24  font-weight: bold;
25}
26.cArticle .traductions {
27  float: right;
28}
29.cArticle .texte, .cArticle .chapo {
30  text-align: justify;
31}[(#VAR{acsArticlesChapoGras}|!={non}|?{" "})
32.cArticle .chapo {
33  font-weight: bold;
34}
35].cArticle .sommaire {
36  float:  #LANG_RIGHT;
37  margin: 5px;
38  border: #VAR{acsArticlesBord/Width,thin}[ (#VAR{acsArticlesBord/Style,dotted})][ (#VAR{acsArticlesBord/Color})];
39}
40.cArticle .titresommaire {
41  text-align: center;
42}
43.cArticle .stats {
44  float: #LANG_RIGHT;
45}
46.cArticle #forum_lire_tous, #forum_repondre[(#PLUGIN{notation}|?{' '}), .cArticle .notation ]{
47  margin-left: 5px;
48  margin-right: 5px;
49}[(#PLUGIN{recommander}|?{' '})
50#recommander {
51  margin-left: 5px;
52  margin-right: 5px;
53}
54#recommander h2.menu-titre {
55  cursor: pointer;
56}
57][(#REM)
58
59***** Mise en page des listes d'articles *****
60
61].liste-articles li {
62  border-top: #VAR{acsArticlesBord/Width,thin}[ (#VAR{acsArticlesBord/Style,dotted})][ (#VAR{acsArticlesBord/Color,#VAR{acsOngletsBord/Color}})];
63  [margin-bottom: (#VAR{acsArticlesMargeBas})px;]
64  margin-right: 1px;
65}
66
67.liste-articles .entete, .cArticle .entete, .plan-secteur h1 {
68  [background-color: (#VAR{acsArticlesTitreFond});]
69  [background: url('[(#ACS_CHEMIN)]trame/(#VAR{acsArticlesTitreFondImage})') repeat top left;]
70 }
71
72.liste-articles .entete {
73  clear: both;
74  float: #LANG_LEFT;
75  text-align: #LANG_LEFT;
76  width: 100%;
77}
78
79* html .liste-articles .entete { /* IE */
80  margin-right: 3px;
81  position: relative;
82  z-index: 2;
83}
84
85.liste-articles li p { margin: 0; padding: 0; padding-left: 5px; }
86
87.liste-articles .nav {
88  float: #LANG_RIGHT;
89}
90.liste-articles .titre, .liste-articles .surtitre, .liste-articles .soustitre {
91  padding-left: 5px;
92  padding-right: 5px;
93  font-weight: bold;
94}
95
96.liste-articles li .titre {
97  font-weight: bold;
98}
99
100.liste-articles li .spip_logos {
101  float: #LANG_LEFT;
102  margin-left: 5px;
103  margin-right: 5px;
104  margin-top: 2px;
105}
106
107.liste-articles li .enclosures {
108  float: #LANG_RIGHT;
109  text-align: #LANG_RIGHT;
110  max-width: 60%;
111  margin: 0; }
112
113.liste-articles li .texte, .liste-articles li .extrait {
114  padding: 0.1em;
115  padding-left: 5px;
116  padding-right: 5px;
117  margin-top: 2px;
118  margin-bottom: 0.1em;
119  text-align: justify;
120  display: inline-block;  /* IE */
121}
122
123.liste-articles .infos_article, .liste-articles .nav, .liste-articles .pagination {
124  margin: 0;
125  margin-left: 5px;
126  margin-right: 5px;
127}
128
129.liste-articles .infos_article, .liste-articles .nav {
130  float: #LANG_RIGHT;
131}
132.liste-articles .pagination {
133  float: #LANG_LEFT;
134}
135
136[(#REM) Habillage specifique du plan du site ]
137.plan-secteur {position: relative; display: block; z-index: 1;} /* IE */
138
139.plan-secteur h1 {
140  border: 0;
141  border-top: [(#VAR{acsArticlesBord/Width,1px})][ (#VAR{acsArticlesBord/Style,solid})][ (#VAR{acsArticlesBord/Color})];
142  margin: 0;
143  font-weight: bold;
144  text-align: center;
145  margin-right:1px;
146}
147* html .plan-rubrique { /* IE */
148  width: 100%;
149  position: relative;
150  display: block;
151  z-index: 2;
152}
153
154.plan-secteur .menu-item {
155  margin-left: 1.5em;
156  list-style: url(#ACS_CHEMIN{puces/}#VAR{acsArticlesPuce,puce_8x8.gif});
157}
158
159.plan-rubrique {
160  border: [(#VAR{acsArticlesBord/Width,1px})][ (#VAR{acsArticlesBord/Style,solid})][ (#VAR{acsArticlesBord/Color})];
161  padding: 4px;
162  font-weight: bold;
163  [margin-top: (#VAR{acsArticlesMargeBas})px;]
164  [margin-bottom: (#VAR{acsArticlesMargeBas})px;]
165  -moz-border-radius: 8px;
166  min-height: #VAR{acsArticlesListesLogoTailleMax,50}px;
167}
168
169.plan-rubrique .spip_logos {
170  float: #LANG_LEFT;
171  margin-left: 5px;
172  margin-right: 5px;
173  margin-top: 2px;
174  margin-bottom: 2px;
175}
176
177div.plan-articles {
178  font-weight: normal;
179  padding-left: 4px;
180  padding-right: 4px;
181  text-align: justify;
182}
183
184span.plan-article {
185  margin-right: 1em;
186}
187
188[(#REM) Eclaircissement ou assombrissement progressif des rubriques en fonction de la profondeur ]
189
190ul .plan-rubrique {
191  background: [(#VAR{acsArticlesRubFond2, #fafffa})];
192  margin-left: 2%;
193}
194
195ul ul .plan-rubrique {
196  background: [(#VAR{acsArticlesRubFond3, #f5fff5})];
197  margin-left: 3%;
198}
199ul ul ul .plan-rubrique {
200  background: [(#VAR{acsArticlesRubFond4, #efffef})];
201  margin-left: 4%;
202}
203ul ul ul ul .plan-rubrique {
204  background: [(#VAR{acsArticlesRubFond5, #dfffdf})];
205  margin-left: 5%;
206}
207ul ul ul ul ul .plan-rubrique {
208  background: [(#VAR{acsArticlesRubFond6, #d0ffd0})];
209  margin-left: 6%;
210}
Note: See TracBrowser for help on using the repository browser.