Author: izo@aucuneid.net
Date: Thu Aug 24 18:40:32 2006
New Revision: 4845
Log:
couleur tango
Modified:
_squelettes_/spip-net-fantastik/habillage.css
Modified: _squelettes_/spip-net-fantastik/habillage.css
--- _squelettes_/spip-net-fantastik/habillage.css (original)
+++ _squelettes_/spip-net-fantastik/habillage.css Thu Aug 24 18:40:32 2006
@@ -28,7 +28,7 @@
/* Correction des styles HTML par defaut
/* ------------------------------------------ */
body {
-background: #EEE;
+background: #eeeeec;
margin: 1.5em;
text-align: center;
font-size: 1em;
@@ -50,7 +50,11 @@
margin-right: auto;
}
-#conteneur { width: 100%; background: #FFF; padding-bottom: 3em; }
+#conteneur {
+ width: 100%;
+ background: #FFF;
+ padding-bottom: 3em;
+}
#conteneur #contenu {
float: left;
@@ -79,20 +83,73 @@
}
/* Entete */
-#entete { width: 100%; background: #FFF;
--moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; }
-#entete a .spip_logos { float: left; margin-top: 1em; margin-left: 1em; display: inline; }
-#entete a { text-decoration: none; }
-
-#entete p.langues {Â width: 100%; clear: both; padding: 1em 1em 0 1em; font-size: 11px; }
-
-#topnav { text-align: center; padding: 4px; font-family: Verdana; font-size: 12px; color: #68D055; background: #68D055; border-bottom: 1px solid #090; text-transform: capitalize; }
-#topnav a { padding: 4px 10px 5px 10px; font-weight: bold; color: #FFF; }
-#topnav a:active, #topnav a:hover, #topnav a.on { background-color: #090; }
-#topnav * { display: inline; }
-#topnav .formulaire_recherche label, #topnav .formulaire_recherche a { display: none; }
-#topnav .formulaire_recherche { height: 14px; margin-left: 10px; }
-#topnav .formulaire_recherche input.forml { background: #FFF; padding: 1px 2px; border: 1px inset #68D055; font-size: 10px; color: #090; width: 130px; }
+#entete {
+ width: 100%;
+ background: #FFF;
+ -moz-border-radius-topleft: 1em;
+ -moz-border-radius-topright: 1em;
+}
+
+#entete a .spip_logos {
+ float: left;
+ margin-top: 1em;
+ margin-left: 1em;
+ display: inline;
+}
+
+#entete a {
+ text-decoration: none;
+}
+
+#entete p.langues {
+ Â width: 100%;
+ clear: both;
+ padding: 1em 1em 0 1em;
+ font-size: 11px;
+}
+
+#topnav {
+ text-align: center;
+ padding: 4px;
+ font-family: Verdana;
+ font-size: 12px;
+ color: #75507b;
+ background: #75507b;
+ border-bottom: 1px solid #5c3566;
+ text-transform: capitalize;
+}
+
+#topnav a {
+ padding: 4px 10px 5px 10px;
+ font-weight: bold;
+ color: #FFF;
+}
+
+#topnav a:active, #topnav a:hover, #topnav a.on {
+ background-color: #75507b;
+}
+
+#topnav * {
+ display: inline;
+}
+
+#topnav .formulaire_recherche label, #topnav .formulaire_recherche a {
+ display: none;
+}
+
+#topnav .formulaire_recherche {
+ height: 14px;
+ margin-left: 10px;
+}
+
+#topnav .formulaire_recherche input.forml {
+ background: #FFF;
+ padding: 1px 2px;
+ border: 1px inset #68D055;
+ font-size: 10px;
+ color: #75507b;
+ width: 130px;
+}
/* Fil d'Ariane */
#hierarchie { clear: both; background: #FFF; padding: 0.1em 1em 2em 1em; font-size: 0.71em; }
@@ -109,8 +166,11 @@
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }
/* Non visible a l'ecran */
-.invisible { position: absolute; top: -3000em; height: 1%; }
-
+.invisible {
+ position: absolute;
+ top: -3000em;
+ height: 1%;
+}
/* ------------------------------------------
/* Typographie generale du site
@@ -118,97 +178,311 @@
/* Typo pour les menus et la navigation */
body, #navigation, .formulaire_spip {
-font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }
+ font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
+}
/* Typo pour le contenu */
#contenu, .encart {
-font-family: "Trebuchet MS", Helvetica, sans-serif; }
+ font-family: "Trebuchet MS", Helvetica, sans-serif;
+}
/* Typo pour les titres */
.liste-articles li .titre, h3.spip, .ps h2, .notes h2 {
-font-family: Georgia, Times, serif; }
+ font-family: Georgia, Times, serif;
+}
/* ------------------------------------------
/* Habillage des menus et de la navigation
/* ------------------------------------------ */
-.download { margin: 2em 0 3em 0; font-size: 0.82em; }
-.download h2 { display: none; }
-.download p { margin: 0; padding: 0; font-weight: bold; }
+.download {
+ margin: 2em 0 3em 0;
+ font-size: 0.82em;
+}
+
+.download h2 {
+ display: none;
+}
+
+.download p {
+ margin: 0;
+ padding: 0;
+ font-weight: bold;
+}
+
/*.download * { color: #333 !important; }*/
-.download .bouton { background-image: url(download.gif); width: 130px; height: 40px; margin: 0 auto; }
-.download .bouton a { display: block; padding-left: 40px; font-size: 11px; padding-top: 13px; color: #FFF; font-weight: bold; }
+.download .bouton {
+ background-image: url(download.gif);
+ width: 130px;
+ height: 40px;
+ margin: 0 auto;
+}
+
+.download .bouton a {
+ display: block;
+ padding-left: 40px;
+ font-size: 11px;
+ padding-top: 13px;
+ color: #FFF;
+ font-weight: bold;
+}
/* Habillage general des menus de navigation
---------------------------------------------- */
-.rubriques, .memrub, .sousrub, .syndic, .divers, .page_recherche .groupe_mot { min-width: 10em; margin-bottom: 1em; font-size: 0.77em; text-align: left; }
-.menu-titre { padding: 0.2em 0.4em; font-weight: normal; text-transform: uppercase; text-align: left; color: #CCC; }
+.rubriques, .memrub, .sousrub, .syndic, .divers, .page_recherche .groupe_mot {
+ min-width: 10em;
+ margin-bottom: 1em;
+ font-size: 0.77em;
+ text-align: left;
+}
+
+.menu-titre {
+ padding: 0.2em 0.4em;
+ font-weight: normal;
+ text-transform: uppercase;
+ text-align: left;
+ color: #CCC;
+}
/* Des couleurs specifiques selon les types de menus
---------------------------------------------- */
-.rubriques { border: none; /*background: #B5E192;
--moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em;*/ }
-.rubriques h2 { display: none; }
-.rubriques ul {}
-.rubriques li a { display: block; background: #239406; margin-bottom: 1px; padding: 0.2em 0.7em;
-text-transform: uppercase; }
-.rubriques li a em { text-transform: lowercase; font-style: normal; font-weight: normal; }
-.rubriques li a { color: #FFF; }
-.rubriques ul ul { border: none; }
-.rubriques li li a { background: #B5E192;
-border-left: 5px solid #68D055; padding: 4px 10px;
-border-bottom: 1px solid #CEBCCF; border-right: 1px solid #CEBCCF;
-text-transform: none; }
-.rubriques li li a { color: #239406; }
-
-.memrub { background: #B5E192; border: 1px solid #CCC; max-width: 186px;
-/*-moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em;*/ }
-.memrub .menu-titre { /*background: #239406; -moz-border-radius-topleft: 1em;*/
-display: block; background: #FEFEFE url(0002.gif) right bottom no-repeat; min-height: 26px; padding: 8px 30px 8px 8px; font-weight: bold; }
-.memrub li { list-style: square inside; padding: 0.2em 0.7em; }
-.memrub, .memrub * { color: #239406 !important; }
-.memrub a:hover { text-decoration: underline; }
-.memrub .menu-titre a { color: #969696; }
-
-.sousrub { border: none; }
-.sousrub h2 { display: none; }
-.sousrub li { clear: both; font-size: 14px;
-background: #EEE url(fondbleu.png) top left; text-align: center; margin-bottom: 20px; padding: 3%; }
-.sousrub li img { float: left; }
+.rubriques {
+ border: none;
+ /*background: #B5E192;
+-moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em;*/
+}
+
+.rubriques h2 {
+ display: none;
+}
+
+.rubriques ul {
+
+}
+
+.rubriques li a {
+ display: block;
+ background: #75507b;
+ margin-bottom: 1px;
+ padding: 0.2em 0.7em;
+ text-transform: uppercase;
+}
+
+.rubriques li a em {
+ text-transform: lowercase;
+ font-style: normal;
+ font-weight: normal;
+}
+
+.rubriques li a {
+ color: #FFF;
+}
+
+.rubriques ul ul {
+ border: none;
+}
+
+.rubriques li li a {
+ background: #ad7fa8;
+ border-left: 5px solid #68D055;
+ padding: 4px 10px;
+ border-bottom: 1px solid #CEBCCF;
+ border-right: 1px solid #CEBCCF;
+ text-transform: none;
+}
+
+.rubriques li li a {
+ color: #75507b;
+}
+
+.memrub {
+ background: #ad7fa8;
+ border: 1px solid #CCC;
+ max-width: 186px;
+ /*-moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em;*/
+}
+
+.memrub .menu-titre {
+ /*background: #239406; -moz-border-radius-topleft: 1em;*/
+display: block;
+ background: #FEFEFE url(0002.gif) right bottom no-repeat;
+ min-height: 26px;
+ padding: 8px 30px 8px 8px;
+ font-weight: bold;
+}
+
+.memrub li {
+ list-style: square inside;
+ padding: 0.2em 0.7em;
+}
+
+.memrub, .memrub * {
+ color: #75507b !important;
+}
+
+.memrub a:hover {
+ text-decoration: underline;
+}
+
+.memrub .menu-titre a {
+ color: #babdb6;
+}
+
+.sousrub {
+ border: none;
+}
+
+.sousrub h2 {
+ display: none;
+}
+
+.sousrub li {
+ clear: both;
+ font-size: 14px;
+ background: #eeeeec url(fondbleu.png) top left;
+ text-align: center;
+ margin-bottom: 20px;
+ padding: 3%;
+}
+
+.sousrub li img {
+ float: left;
+}
+
.sousrub li li {
-background: none; text-align: left; margin: 0; padding: 0; }
+ background: none;
+ text-align: left;
+ margin: 0;
+ padding: 0;
+}
-.sousrub { display: none; }
-.sousrub li h3, .sousrub li p, .sousrub li ul { display: block; width: 70%; float: right; }
-.sousrub li p { margin-top: 10px; text-align: left; }
-.sousrub li ul.subart { margin-top: 10px; font-size: 12px; }
-.sousrub li ul.subart .suite { float: right; }
-.sousrub li ul.subrub { margin-top: 10px; font-size: 12px; }
+.sousrub {
+ display: none;
+}
-.page_plan .sousrub { display: block; }
+.sousrub li h3, .sousrub li p, .sousrub li ul {
+ display: block;
+ width: 70%;
+ float: right;
+}
+
+.sousrub li p {
+ margin-top: 10px;
+ text-align: left;
+}
+
+.sousrub li ul.subart {
+ margin-top: 10px;
+ font-size: 12px;
+}
+
+.sousrub li ul.subart .suite {
+ float: right;
+}
+
+.sousrub li ul.subrub {
[... 415 lines stripped ...]