Author: romy@tetue.net
Date: Fri Aug 25 03:24:43 2006
New Revision: 4861
Log:
Styles des listes et menus de navigation (rangement dans la CSS).
Modified:
_squelettes_/spip-net-fantastik/habillage.css
_squelettes_/spip-net-fantastik/recherche.html
_squelettes_/spip-net-fantastik/sommaire.html
Modified: _squelettes_/spip-net-fantastik/habillage.css
--- _squelettes_/spip-net-fantastik/habillage.css (original)
+++ _squelettes_/spip-net-fantastik/habillage.css Fri Aug 25 03:24:43 2006
@@ -195,9 +195,30 @@
/* Habillage des menus et de la navigation
/* ------------------------------------------ */
+/* Listes d'articles et extraits introductifs
+----------------------------------------------- */
+.liste-articles { margin-bottom: 3em; }
+.page_sommaire .liste-articles { margin-top: 1.4em; }
+.liste-articles h2 { font-size: 0.77em; }
+.liste-articles ul { border-top: 1px dotted #CCC; }
+.liste-articles li { padding: 1em 0; border-bottom: 1px dotted #CCC; }
+
+.liste-articles li .titre {
+/*background: transparent url(dot_bigred.gif) no-repeat; padding-left: 18px;*/
+font-size: 0.9em; font-weight: bold; }
+.liste-articles li .titre, .liste-articles a, .liste-articles a *, .liste-articles .on { color: #a4000 !important; }
+.liste-articles a:hover { text-decoration: underline; }
+
+.liste-articles li .spip_logos { float: right; margin-left: 16px; margin-bottom: 16px; clear: right; }
+.liste-articles li p { margin: 0; padding: 0; }
+.liste-articles li small { display: block; font-size: 0.71em; color: #666; }
+.liste-articles li .texte { margin-top: 5px; font-size: 0.80em; line-height: 1.4em; }
+
+.pagination { font-size: 0.90em; }
+
/* Habillage general des menus de navigation
---------------------------------------------- */
-.rubriques, .memrub, .sousrub, .syndic, .divers, .page_recherche .groupe_mot {
+.rubriques, .memrub, .sousrub, .syndic, .page_recherche .groupe_mot {
min-width: 10em;
margin-bottom: 1em;
font-size: 0.77em;
@@ -351,44 +372,24 @@
display: block;
}
-/* Sites references et liens issus de la syndication */
-.syndic ul, .syndic li, .syndic p {
- margin: 0;
- padding: 0;
-}
-
-.syndic .box {
- background-color: #eeeeec; /*background: #d3d7cf;*/
- border: 2px solid #babdb6;
- -moz-border-radius: 1em;
+/* Habillage du plan du site
+---------------------------------------------- */
+.page_plan #contenu {}
+.page_plan #contenu ul { font-size: 12px; }
+.page_plan #contenu ul li {
+ background-color: #eeeeec;
padding: 0.8em;
-}
-
-.syndic li.box {
- background-image: url(site-24.gif);
- background-position: 3px 0.8em;
- background-repeat: no-repeat;
- min-height: 26px;
- padding-left: 30px;
margin-bottom: 1em;
+ border: 2px solid #ad7fa8;
+ -moz-border-radius-topleft: 1em;
}
+.page_plan #contenu ul li strong { font-size: 14px; }
+.page_plan #contenu ul li .spip_logos { float: right; clear: right; }
+.page_plan #contenu ul li li { background: none; border: none; margin: 0; padding: 0; padding-left: 0.8em; }
+.page_plan #contenu ul li li .spip_logos { width: 50px; height: auto; }
-.syndic li.box .titre {
- display: block;
- margin: 3px 0;
-}
-
-.syndic li.link {
- margin: 0.2em 0;
- list-style: circle inside;
- font-style: italic;
-}
-
-.syndic li li.link {
- padding-left: 1em;
-}
-
-/* Habillage du glossaire */
+/* Habillage du glossaire
+---------------------------------------------- */
.page_mot #conteneur #contenu {
width: 96%;
margin: 0 2%;
@@ -426,13 +427,42 @@
padding-left: 0.5em;
}
-/* Divers */
-.divers {
- background: #F8F8E8;
+/* Sites references et liens issus de la syndication
+---------------------------------------------- */
+.syndic ul, .syndic li, .syndic p {
+ margin: 0;
+ padding: 0;
+}
+
+.syndic .box {
+ background-color: #eeeeec; /*background: #d3d7cf;*/
+ border: 2px solid #babdb6;
+ -moz-border-radius: 1em;
+ padding: 0.8em;
+}
+
+.syndic li.box {
+ background-image: url(site-24.gif);
+ background-position: 3px 0.8em;
+ background-repeat: no-repeat;
+ min-height: 26px;
+ padding-left: 30px;
+ margin-bottom: 1em;
+}
+
+.syndic li.box .titre {
+ display: block;
+ margin: 3px 0;
+}
+
+.syndic li.link {
+ margin: 0.2em 0;
+ list-style: circle inside;
+ font-style: italic;
}
-.divers .menu-titre {
- background: #FCFCF0;
+.syndic li li.link {
+ padding-left: 1em;
}
/* Telecharger la derniere version de SPIP
@@ -453,8 +483,7 @@
font-weight: bold;
}
-/*
- .download .bouton {}
+/* .download .bouton {}
le bouton de telechargement est cree, en background,
directement dans le squelette inc-download.html
*/
@@ -559,7 +588,7 @@
tt, code, .spip_code, .spip_cadre {
font-family: monospace;
font-style: normal;
- font-size: 1.2em;
+ font-size: 1.1em;
}
tt, code, .spip_code {
@@ -569,7 +598,7 @@
.spip_cadre {
width: 98%;
padding: 1px;
- background: #729fcf url(pale.gif);
+ background: #729fcf;
color: #3465a4;
border: 1px inset #555753;
border-left: 4px solid #3465a4;
@@ -602,7 +631,7 @@
color: #3465a4;
}
-#contenu hr { height: 1px; border: none; color: #3465a4; background: #3465a4;
+hr { height: 1px; border: none; color: #3465a4; background: #3465a4;
width: 70%; margin: 1.4em auto; }
/* Logos, documents et images
@@ -675,28 +704,7 @@
font-weight: normal;
}
-#documents_joints li .spip_doc_descriptif {
-
-}
-
-/* Listes d'articles et extraits introductifs
------------------------------------------------ */
-.liste-articles { margin-bottom: 3em; }
-.liste-articles h2 { font-weight: normal; text-transform: uppercase; text-align: left; color: #CCC; font-size: 0.82em; border-bottom: 1px dotted #CCC; padding-bottom: 0.3em; }
-.liste-articles li { padding: 1em 0; border-bottom: 1px dotted #CCC; }
-
-.liste-articles li .titre {
-/*background: transparent url(dot_bigred.gif) no-repeat; padding-left: 18px;*/
-font-size: 0.9em; font-weight: bold; }
-.liste-articles li .titre, .liste-articles a, .liste-articles a *, .liste-articles .on { color: #a4000 !important; }
-.liste-articles a:hover { text-decoration: underline; }
-
-.liste-articles li .spip_logos { float: right; margin-left: 16px; margin-bottom: 16px; clear: right; }
-.liste-articles li p { margin: 0; padding: 0; }
-.liste-articles li small { display: block; font-size: 0.71em; color: #666; }
-.liste-articles li .texte { margin-top: 5px; font-size: 0.80em; line-height: 1.4em; }
-
-.pagination { font-size: 0.90em; }
+#documents_joints li .spip_doc_descriptif {}
/* ------------------------------------------
/* Habillage des formulaires
@@ -725,7 +733,7 @@
.formulaire_spip .forml {
width: 99%;
padding: 1px;
-border: 1px solid;
+border: 1px inset;
font-family: inherit;
font-size: inherit; }
@@ -746,9 +754,8 @@
padding: 1em;
border: 1px solid; }
-/* ------------------------------------------
-/* Habillage des petitions
-/* ------------------------------------------ */
+/* Petition "des sites sous SPIP"
+----------------------------------------------- */
.formulaire_signature { font-size: 0.77em; }
@@ -780,6 +787,10 @@
#signatures .pagination { margin: 0; padding: 0; text-align: center; font-size: 0.77em; }
+/* ------------------------------------------
+/* Couleurs des liens
+/* ------------------------------------------ */
+
/* Voir le squelette de cette page */
a.voirskel {
display: block; width: 100px;
@@ -795,26 +806,7 @@
-moz-opacity: 1;
opacity: 1; }
-/* ------------------------------------------
-/* Habillage du plan du site
-/* ------------------------------------------ */
-.page_plan #contenu {}
-.page_plan #contenu ul { font-size: 12px; }
-.page_plan #contenu ul li {
- background-color: #eeeeec;
- padding: 0.8em;
- margin-bottom: 1em;
- border: 2px solid #ad7fa8;
- -moz-border-radius-topleft: 1em;
-}
-.page_plan #contenu ul li strong { font-size: 14px; }
-.page_plan #contenu ul li .spip_logos { float: right; clear: right; }
-.page_plan #contenu ul li li { background: none; border: none; margin: 0; padding: 0; padding-left: 0.8em; }
-.page_plan #contenu ul li li .spip_logos { width: 50px; height: auto; }
-
-/* ------------------------------------------
-/* Couleurs des liens
-/* ------------------------------------------ */
+/* Couleurs des liens */
a, a.spip_in { color: #5c3566; text-decoration: none; }
a.spip_out, a.spip_url, a.spip_glossaire { color: #600051; text-decoration: none; }
/*a:visited,*/ .on { color: #5c3566; }
Modified: _squelettes_/spip-net-fantastik/recherche.html
--- _squelettes_/spip-net-fantastik/recherche.html (original)
+++ _squelettes_/spip-net-fantastik/recherche.html Fri Aug 25 03:24:43 2006
@@ -37,17 +37,17 @@
[(#REM) Articles trouves ]
<B_articles>
- <div class="liste-articles">
+ <div class="liste-articles invisible">
#ANCRE_PAGINATION
<h2 class="invisible"><:articles:></h2>
- <ol>
+ <ul>
<BOUCLE_articles(ARTICLES) {lang} {recherche} {!par points} {pagination}>
<li>
<small style="font-variant: small-caps;"><strong>#POINTS %</strong> — <BOUCLE_rub(RUBRIQUES){id_rubrique}>#TITRE</BOUCLE_rub></small>
<h3 class="titre"><a href="#URL_ARTICLE">#TITRE</a></h3>
</li>
</BOUCLE_articles>
- </ol>
+ </ul>
[<p class="pagination">(#PAGINATION) — #GRAND_TOTAL résultats</p>]
</div>
</B_articles>
@@ -71,31 +71,35 @@
</B_mots>
-<!-- essai recherche inter-galactique --><hr class="nettoyeur" />
-
-#FORMULAIRE_RECHERCHE_GALAXIE<hr class="nettoyeur" />
+<!-- essai recherche inter-galactique -->
+<hr class="nettoyeur" />
[(#REM) Recherche mnoGoSearch ]
- <B_test>
-
- [<p class="pagination">(#PAGINATION) — #GRAND_TOTAL résultats</p>]
-
+ <B_mnogosearch>
<div class="liste-articles">
#ANCRE_PAGINATION
- <ol>
- <BOUCLE_test(MNOGOSEARCH) {recherche} {pagination}>
[... 45 lines stripped ...]