[PLUGINS] +les plugins de bases
[ptitvelo/web/www.git] / www / plugins / beespip / css / structure.css.html
diff --git a/www/plugins/beespip/css/structure.css.html b/www/plugins/beespip/css/structure.css.html
new file mode 100755 (executable)
index 0000000..7cd44f8
--- /dev/null
@@ -0,0 +1,323 @@
+#CACHE{3600*100,cache-client}\r
+#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}\r
+#HTTP_HEADER{Vary: Accept-Encoding}\r
+/* ----------------------------------------------\r
+       Beespip 3\r
+       Contingences\r
+       2011    \r
+ ------------------------------------------------ */\r
+/* Valeurs par defaut :\r
+#SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]\r
+#SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]\r
+#SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]\r
+#SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]\r
+#SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]\r
+#SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]\r
+#SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]\r
+#SET{couleur_menu_fond,#CONFIG{BeeSpip/couleur/couleur_menu_fond,#f5f4f3}} [ couleur_menu_fond: (#GET{couleur_menu_fond});]\r
+#SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]\r
+#SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]\r
+#SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});]\r
+#SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]\r
+\r
+*/\r
+/* Evitement */\r
+#evitement {line-height:1;z-index:100;font-size:1.1em;font-weight:bold;}\r
+#evitement a {position:absolute;left:0;top:-10em;padding:.5em 1em;box-shadow:0 10px 10px rgba(0, 0, 0, 0.4);}\r
+#evitement a:focus, #evitement a:active {top:0;z-index:999 !important;background-color:#GET{couleur_menu_fond} !important;border-color:#GET{couleur_cadres} !important;text-decoration:none;outline:none; color:#GET{couleur_menu_liens};}\r
+\r
+#conteneur {\r
+       width: 100%;\r
+       padding: 0 0 5px 0;\r
+       border-bottom: 1px solid #E8E8E8;\r
+       border-top: 1px solid #E8E8E8;\r
+       text-align: left;               \r
+}\r
+#conteneur-wrapper {\r
+       background: #fff;\r
+       margin: 0 auto; \r
+       padding: 5px 0 35px 0;\r
+       overflow: auto;\r
+}\r
+#entete-wrap {\r
+       width: 100%;\r
+       \r
+       margin: 0; padding: 0; \r
+}\r
+#entete {\r
+       position: relative;\r
+       margin: 0 auto;\r
+       height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;\r
+       background: #GET{couleur_principale};\r
+       border-right: 1px solid #E8E8E8;\r
+       border-left: 1px solid #E8E8E8;\r
+}\r
+#entete h1#logo-text { margin: 0; padding: 0; }\r
+#entete h1#logo-text a {\r
+       position: absolute; \r
+       margin: 0; padding: 0 5px 0 0;\r
+       font-size: 75px;\r
+       #GET{typo_titre}\r
+       letter-spacing: -1px;\r
+       color: #GET{couleur_liens};\r
+       text-decoration: none;\r
+               \r
+       /* change the values of top and left to adjust the position of the logo*/\r
+       top: 90px; left: 20px;  \r
+}\r
+#entete h1#logo-text a:hover { border: none; }\r
+#entete p#intro {\r
+       position: absolute;\r
+       margin: 0; padding: 0;\r
+       #GET{typo_titre}\r
+       font-weight: normal;\r
+       font-size: 17px;\r
+       line-height: 1.6em;\r
+       font-style: italic;\r
+       letter-spacing: -.5px;\r
+       color: #GET{couleur_secondaire_foncee};\r
+       width: 400px;\r
+       \r
+       /* change the values of top and left to adjust the position */\r
+       top: 165px; left: 110px;                \r
+}\r
+#entete #entete-image {\r
+       position: absolute;\r
+       width: 960px;\r
+       height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;\r
+       left: 0px; top: 0px;\r
+}\r
+#entete #entete-image a {\r
+       border-bottom:0;\r
+}\r
+/* Entete recherche */\r
+#entete #formulaire_recherche form, #conteneur #formulaire_recherche form {\r
+       float:right;\r
+       padding: 0; margin: 0;\r
+       border: 1px solid #e3e3e3;\r
+       width: 210px; height: 28px;\r
+       background: #fcfcfc;    \r
+       z-index: 50;\r
+}\r
+#entete #formulaire_recherche form {\r
+       position: absolute;\r
+       top: 7px; right: 10px;\r
+}\r
+#conteneur #formulaire_recherche form {\r
+       margin:0 10px 10px 10px;\r
+}\r
+#entete #formulaire_recherche input, #conteneur #formulaire_recherche input {\r
+       border: none;\r
+       background: transparent;\r
+       color: #bababa;\r
+       float: left;\r
+       margin: 0; padding: 5px;\r
+}\r
+#entete #formulaire_recherche input:focus, #conteneur #formulaire_recherche input:focus {\r
+       color: #GET{couleur_secondaire_claire};\r
+}\r
+#entete #formulaire_recherche .saisie, #conteneur #formulaire_recherche .saisie {\r
+       margin: 4px 0 0 5px; \r
+       width: 156px;\r
+       display: inline;\r
+}\r
+#entete #formulaire_recherche .submit, #conteneur #formulaire_recherche .submit {\r
+       width: 24px; height: 24px;\r
+       border: none;\r
+       font-size:0;\r
+       background: [(#GET{couleur_principale})] url(#CHEMIN{/images/recherche.png}) no-repeat center center;\r
+}\r
+#entete #formulaire_recherche label, #conteneur #formulaire_recherche label {\r
+       display: none;\r
+}\r
+\r
+/*  navigation  */\r
+#entete #nav {\r
+       position: absolute;\r
+       margin: 0; padding: 0;\r
+       width: 960px;\r
+       height:45px;\r
+       left: 0;        top: 5px;\r
+       z-index:99;\r
+       background:#GET{couleur_menu_fond};\r
+}/*\r
+#entete #nav ul {\r
+       float: left;    \r
+       list-style: none;\r
+       margin: 5px 0 0 0;\r
+       height: 45px;\r
+       padding: 0 0 0 15px;                                    \r
+}\r
+#entete #nav ul li {\r
+       float: left;\r
+       margin: 0; padding: 0 0 0 10px;         \r
+}\r
+#entete #nav ul li a {\r
+       float: left;\r
+       margin: 0;\r
+       padding: 0 15px 0 5px;\r
+       color: #GET{couleur_principale_texte};\r
+       font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;\r
+       /*text-transform: uppercase;*/\r
+/*}*/\r
+/*#entete #nav ul li a:hover, \r
+#entete #nav ul li a:active {\r
+       border: none;\r
+       color: #111;\r
+       background: transparent;\r
+       border\r
+}*/\r
+#entete #nav ul li#current {\r
+       background:#FFF;\r
+       border: 1px solid #E8E8E8;\r
+       border-bottom:0;\r
+}\r
+#entete #nav ul li#current a { \r
+       color: #GET{couleur_titres};\r
+}\r
+\r
+\r
+\r
+/* Contenu */\r
+#hierarchie {font-size:0.8em; padding: 0 15px; }\r
+#contenu h1, #contenu_presentation h1 {\r
+       font-weight: normal;\r
+       font-size: 3.7em;\r
+       #GET{typo_titre}\r
+       line-height: 1em;\r
+       color: #GET{couleur_titres};\r
+       letter-spacing: -2px;   \r
+       margin-left: 5px;       \r
+       margin-right: 15px;\r
+       padding-left: 5px;\r
+       padding-bottom: 3px;\r
+       border-bottom: 1px solid #GET{couleur_filets_titres};   \r
+}\r
+#contenu h1 a {\r
+       color: #GET{couleur_titres};\r
+       border: none;\r
+}\r
+#contenu h2.sommaire, #contenu h3.sommaire {\r
+       color: #GET{couleur_titres};\r
+       letter-spacing: -1.2px; \r
+       line-height: 1em;\r
+       margin-left: 5px;       \r
+       margin-right: 15px;\r
+       padding-left: 5px;\r
+       padding-bottom: 3px;\r
+       border-bottom: 1px solid #GET{couleur_filets_titres};   \r
+}\r
+/* Colonne en bandeau */\r
+#colonne_bandeau {border-top: 1px solid #GET{couleur_filets_colonnes};}\r
+/* Colonne de droite */\r
+#colonne .grid_4 {border-left: 1px solid #GET{couleur_filets_colonnes};}\r
+#colonne .grid_4 .grid_4 {border-left: none;}\r
+#colonne h3, #colonne_bandeau h3 {\r
+       color: #GET{couleur_titres};\r
+       font-size: 2em;\r
+       font-weight: normal;\r
+       line-height: 1em;\r
+       #GET{typo_titre}\r
+       letter-spacing: -0.5px;\r
+       padding: 5px 10px;\r
+       margin: 12px 0 5px 0;\r
+}\r
+/* Pied de page */\r
+#pied-wrapper {\r
+       clear: both;\r
+       margin: 0 auto;\r
+       text-align: left;       \r
+}\r
+#pied-wrapper h3 {\r
+       color: #GET{couleur_titres};\r
+       font: normal 1.8em 'Lucida Grande', Verdana, Helvetica, sans-serif;\r
+       text-transform: none;\r
+       letter-spacing: -0.5px; \r
+}\r
+#pied-wrapper h3, \r
+#pied-wrapper p {\r
+       padding-left: 0;\r
+}\r
+#pied-wrapper a:link, #pied-wrapper a:visited{\r
+       color: #333;\r
+       background: transparent;\r
+}\r
+\r
+/* Pied liste */\r
+#pied-wrapper ul.pied-list {\r
+       border-top: 1px solid #E6E6E6;\r
+       list-style: none;\r
+       padding: 0;\r
+       margin-left: 0;\r
+}\r
+#pied-wrapper ul.pied-list li {\r
+       border-bottom: 1px solid #E6E6E6;\r
+}\r
+#pied-wrapper ul.pied-list li a {\r
+       display: block;\r
+       width: 98%;\r
+    line-height: 2em;\r
+       font-weight: bold;\r
+       padding: 7px 0;\r
+       margin-left: 0;\r
+       padding-left: 0;\r
+       color: #888;\r
+       border: none;\r
+}\r
+#pied-wrapper ul.pied-list li a span {\r
+       font-style: italic;\r
+       font-weight: normal;\r
+       font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;\r
+}\r
+#pied-wrapper ul.pied-list li a:hover, #pied-wrapper ul.pied-list li a:hover span,\r
+#pied-wrapper ul.pied-list li a:focus, #pied-wrapper ul.pied-list li a:focus span  {\r
+       color: #333;    \r
+}\r
+\r
+/* pied contenu */\r
+#pied-content {\r
+       float: left;    \r
+       width: 100%;    \r
+       padding: 0 0 35px 0;                            \r
+       margin: 10px 0 0 5px;                   \r
+}\r
+\r
+/* pied-bottom */\r
+#pied-bottom {\r
+       clear: both;\r
+       /*border-top: 1px solid #dadada;*/\r
+       width: 940px;\r
+       margin: 0 auto; \r
+       font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;\r
+}\r
+#pied-bottom a:hover, #pied-bottom a:focus { color: #GET{couleur_liens_survol};border: none }\r
+#pied-bottom ul.bottom-left {\r
+       float: left;\r
+       list-style: none;\r
+       margin:0;\r
+       padding: 5px 0 10px 5px;\r
+}\r
+#pied-bottom ul.bottom-left li {display: inline;}\r
+#pied-bottom .bottom-right {\r
+       text-align: right;\r
+       padding-right: 0;\r
+}\r
+.pieddate {text-align:center;clear:both;background:#F8F8F8;border:1px solid #EBEBEB;}\r
+\r
+/* Alignement */\r
+.float-left  { float: left; }\r
+.float-right { float: right; }\r
+.align-left  { text-align: left; }\r
+.align-right { text-align: right; }\r
+.no-border { border: none; }\r
+\r
+/* clear */\r
+.clearer { clear: both; }\r
+.clear { display:inline-block; }\r
+.clear:after {\r
+       display:block; \r
+       visibility:hidden; \r
+       clear:both; \r
+       height:0; \r
+       content: "."; \r
+}\r