From d51a1d17b34e1a7095978b9522d3d5591042bdfa Mon Sep 17 00:00:00 2001 From: Ludovic CHEVALIER Date: Sun, 15 Sep 2013 18:31:30 +0200 Subject: [PATCH] [CSS] ~reformatage --- .../skel_ptitvelo/css/structure.css.html | 334 +++++++++++++++++- 1 file changed, 328 insertions(+), 6 deletions(-) diff --git a/www/plugins/skel_ptitvelo/css/structure.css.html b/www/plugins/skel_ptitvelo/css/structure.css.html index a53923c..e256d8e 100644 --- a/www/plugins/skel_ptitvelo/css/structure.css.html +++ b/www/plugins/skel_ptitvelo/css/structure.css.html @@ -1,7 +1,329 @@ -#CACHE{3600*100,cache-client} #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} #HTTP_HEADER{Vary: Accept-Encoding} /* ---------------------------------------------- Beespip 3 Contingences 2011 ------------------------------------------------ */ /* Valeurs par defaut : #SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});] #SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});] #SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});] #SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});] #SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});] #SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});] #SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});] #SET{couleur_menu_fond,#CONFIG{BeeSpip/couleur/couleur_menu_fond,#f5f4f3}} [ couleur_menu_fond: (#GET{couleur_menu_fond});] #SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});] #SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});] #SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});] #SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});] */ /* Evitement */ #evitement {line-height:1;z-index:100;font-size:1.1em;font-weight:bold;} #evitement a {position:absolute;left:0;top:-10em;padding:.5em 1em;box-shadow:0 10px 10px rgba(0, 0, 0, 0.4);} #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};} #conteneur { width: 100%; padding: 0 0 5px 0; border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; text-align: left; } #conteneur-wrapper { background: #fff; margin: 0 auto; padding: 5px 0 35px 0; overflow: auto; } #entete-wrap { width: 100%; margin: 0; padding: 0; } #entete { position: relative; margin: 0 auto; height: #CONFIG{BeeSpip/affichage/hauteur_entete}px; background: #GET{couleur_principale}; border-right: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; } #entete p#logo-text { margin: 0; padding: 0; } #entete p#logo-text a { position: absolute; margin: 0; padding: 0 5px 0 0; font-size: 55px; #GET{typo_titre} letter-spacing: -1px; color: #GET{couleur_liens}; text-decoration: none; line-height:1em; /* change the values of top and left to adjust the position of the logo*/ top: 90px; left: 20px; } #entete h1#logo-text a:hover { border: none; } #entete p#intro { position: absolute; margin: 0; padding: 0; #GET{typo_titre} font-weight: normal; font-size: 14px; line-height: 1.6em; font-style: italic; letter-spacing: -.5px; color: #GET{couleur_secondaire_foncee}; width: 700px; /* change the values of top and left to adjust the position */ top: 65px; left: 5px; } #entete #entete-image { position: absolute; width: 960px; height: #CONFIG{BeeSpip/affichage/hauteur_entete}px; left: 0px; top: 0px; - text-align: left; } #entete #entete-image a { - padding-top: 5px; - padding-left: 5px; } +#CACHE{3600*100,cache-client} +#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} +#HTTP_HEADER{Vary: Accept-Encoding} +/* ---------------------------------------------- + Beespip 3 + Contingences + 2011 + ------------------------------------------------ */ +/* Valeurs par defaut : +#SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});] +#SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});] +#SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});] +#SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});] +#SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});] +#SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});] +#SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});] +#SET{couleur_menu_fond,#CONFIG{BeeSpip/couleur/couleur_menu_fond,#f5f4f3}} [ couleur_menu_fond: (#GET{couleur_menu_fond});] +#SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});] +#SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});] +#SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});] +#SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});] + +*/ +/* Evitement */ +#evitement {line-height:1;z-index:100;font-size:1.1em;font-weight:bold;} +#evitement a {position:absolute;left:0;top:-10em;padding:.5em 1em;box-shadow:0 10px 10px rgba(0, 0, 0, 0.4);} +#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};} + +#conteneur { + width: 100%; + padding: 0 0 5px 0; + border-bottom: 1px solid #E8E8E8; + border-top: 1px solid #E8E8E8; + text-align: left; +} +#conteneur-wrapper { + background: #fff; + margin: 0 auto; + padding: 5px 0 35px 0; + overflow: auto; +} +#entete-wrap { + width: 100%; + + margin: 0; padding: 0; +} +#entete { + position: relative; + margin: 0 auto; + height: #CONFIG{BeeSpip/affichage/hauteur_entete}px; + background: #GET{couleur_principale}; + border-right: 1px solid #E8E8E8; + border-left: 1px solid #E8E8E8; +} +#entete p#logo-text { margin: 0; padding: 0; } +#entete p#logo-text a { + position: absolute; + margin: 0; padding: 0 5px 0 0; + font-size: 55px; + #GET{typo_titre} + letter-spacing: -1px; + color: #GET{couleur_liens}; + text-decoration: none; + line-height:1em; + + /* change the values of top and left to adjust the position of the logo*/ + top: 90px; left: 20px; +} +#entete h1#logo-text a:hover { border: none; } +#entete p#intro { + position: absolute; + margin: 0; padding: 0; + #GET{typo_titre} + font-weight: normal; + font-size: 14px; + line-height: 1.6em; + font-style: italic; + letter-spacing: -.5px; + color: #GET{couleur_secondaire_foncee}; + width: 700px; + + /* change the values of top and left to adjust the position */ + top: 65px; left: 5px; +} +#entete #entete-image { + position: absolute; + width: 960px; + height: #CONFIG{BeeSpip/affichage/hauteur_entete}px; + left: 0px; top: 0px; + text-align: left; +} +#entete #entete-image a { + padding-top: 5px; + padding-left: 5px; +} #entete #entete-image #logo { - float:right; -} /* Entete recherche */ #entete #formulaire_recherche form, #conteneur #formulaire_recherche form { float:right; padding: 0; margin: 0; border: 1px solid #e3e3e3; width: 210px; height: 25px; background: #fcfcfc; z-index: 50; } #entete #formulaire_recherche form { position: absolute; top: 2px; right: 10px; } #conteneur #formulaire_recherche form { margin:0 10px 10px 10px; } #entete #formulaire_recherche input, #conteneur #formulaire_recherche input { border: none; background: transparent; color: #bababa; float: left; margin: 0; padding: 5px; } #entete #formulaire_recherche input:focus, #conteneur #formulaire_recherche input:focus { color: #GET{couleur_secondaire_claire}; } #entete #formulaire_recherche .saisie, #conteneur #formulaire_recherche .saisie { margin: 4px 0 0 5px; width: 156px; display: inline; } #entete #formulaire_recherche .submit, #conteneur #formulaire_recherche .submit { width: 24px; height: 24px; border: none; font-size:0; background: [(#GET{couleur_principale})] url(#CHEMIN{/images/recherche.png}) no-repeat center center; } #entete #formulaire_recherche label, #conteneur #formulaire_recherche label { display: none; } /* navigation */ #entete #nav { position: absolute; margin: 0; padding: 0; width: 960px; height:#CONFIG{BeeSpip/affichage/taille_menu}px; left: 0; top: 5px; z-index:99; background:#GET{couleur_menu_fond}; }/* #entete #nav ul { float: left; list-style: none; margin: 5px 0 0 0; height: 45px; padding: 0 0 0 15px; } #entete #nav ul li { float: left; margin: 0; padding: 0 0 0 10px; } #entete #nav ul li a { float: left; margin: 0; padding: 0 15px 0 5px; color: #GET{couleur_principale_texte}; font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; /*text-transform: uppercase;*/ /*}*/ /*#entete #nav ul li a:hover, #entete #nav ul li a:active { border: none; color: #111; background: transparent; border }*/ #entete #nav ul li#current { background:#FFF; border: 1px solid #E8E8E8; border-bottom:0; } #entete #nav ul li#current a { color: #GET{couleur_titres}; } /* Contenu */ #hierarchie {font-size:0.8em; padding: 0 15px; } #contenu h1, #contenu_presentation h1 { font-weight: normal; /*font-size: 3.7em;*/ #GET{typo_titre} line-height: 1em; color: #GET{couleur_titres}; letter-spacing: -1px; margin-left: 5px; margin-right: 15px; padding-left: 5px; padding-bottom: 3px; border-bottom: 1px solid #GET{couleur_filets_titres}; } #contenu h1 a { color: #GET{couleur_titres}; border: none; } #contenu h2.sommaire, #contenu h3.sommaire { color: #GET{couleur_titres}; letter-spacing: -0.6px; /*line-height: 1em;*/ margin-left: 5px; margin-right: 15px; padding-left: 5px; padding-bottom: 3px; border-bottom: 1px solid #GET{couleur_filets_titres}; } /* Colonne en bandeau */ #colonne_bandeau {border-top: 1px solid #GET{couleur_filets_colonnes};} /* Colonne de droite */ #colonne .grid_4 {border-left: 1px solid #GET{couleur_filets_colonnes};} #colonne .grid_4 .grid_4 {border-left: none;} #colonne h3, #colonne_bandeau h3 { color: #GET{couleur_titres}; font-size: 2em; font-weight: normal; line-height: 1em; #GET{typo_titre} letter-spacing: -0.5px; padding: 5px 10px; margin: 12px 0 5px 0; } /* Pied de page */ #pied-wrapper { clear: both; margin: 0 auto; text-align: left; } #pied-wrapper h3 { color: #GET{couleur_titres}; font: normal 1.8em 'Lucida Grande', Verdana, Helvetica, sans-serif; text-transform: none; letter-spacing: -0.5px; } #pied-wrapper h3, #pied-wrapper p { padding-left: 0; } #pied-wrapper a:link, #pied-wrapper a:visited{ color: #333; background: transparent; } /* Pied liste */ #pied-wrapper ul.pied-list { border-top: 1px solid #E6E6E6; list-style: none; padding: 0; margin-left: 0; } #pied-wrapper ul.pied-list li { border-bottom: 1px solid #E6E6E6; } #pied-wrapper ul.pied-list li a { display: block; width: 98%; line-height: 2em; font-weight: bold; padding: 7px 0; margin-left: 0; padding-left: 0; color: #888; border: none; } #pied-wrapper ul.pied-list li a span { font-style: italic; font-weight: normal; font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; } #pied-wrapper ul.pied-list li a:hover, #pied-wrapper ul.pied-list li a:hover span, #pied-wrapper ul.pied-list li a:focus, #pied-wrapper ul.pied-list li a:focus span { color: #333; } /* pied contenu */ #pied-content { float: left; width: 100%; padding: 0 0 35px 0; margin: 10px 0 0 5px; } /* pied-bottom */ #pied-bottom { clear: both; /*border-top: 1px solid #dadada;*/ width: 940px; margin: 0 auto; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif; } #pied-bottom a:hover, #pied-bottom a:focus { color: #GET{couleur_liens_survol};border: none } #pied-bottom ul.bottom-left { float: left; list-style: none; margin:0; padding: 5px 0 10px 5px; } #pied-bottom ul.bottom-left li {display: inline;} #pied-bottom .bottom-right { text-align: right; padding-right: 0; } .pieddate {text-align:center;clear:both;background:#F8F8F8;border:1px solid #EBEBEB;} /* Alignement */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .no-border { border: none; } /* clear */ .clearer { clear: both; } .clear { display:inline-block; } .clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; } \ No newline at end of file + float:right; +} +/* Entete recherche */ +#entete #formulaire_recherche form, #conteneur #formulaire_recherche form { + float:right; + padding: 0; margin: 0; + border: 1px solid #e3e3e3; + width: 210px; height: 25px; + background: #fcfcfc; + z-index: 50; +} +#entete #formulaire_recherche form { + position: absolute; + top: 2px; right: 10px; +} +#conteneur #formulaire_recherche form { + margin:0 10px 10px 10px; +} +#entete #formulaire_recherche input, #conteneur #formulaire_recherche input { + border: none; + background: transparent; + color: #bababa; + float: left; + margin: 0; padding: 5px; +} +#entete #formulaire_recherche input:focus, #conteneur #formulaire_recherche input:focus { + color: #GET{couleur_secondaire_claire}; +} +#entete #formulaire_recherche .saisie, #conteneur #formulaire_recherche .saisie { + margin: 4px 0 0 5px; + width: 156px; + display: inline; +} +#entete #formulaire_recherche .submit, #conteneur #formulaire_recherche .submit { + width: 24px; height: 24px; + border: none; + font-size:0; + background: [(#GET{couleur_principale})] url(#CHEMIN{/images/recherche.png}) no-repeat center center; +} +#entete #formulaire_recherche label, #conteneur #formulaire_recherche label { + display: none; +} + +/* navigation */ +#entete #nav { + position: absolute; + margin: 0; padding: 0; + width: 960px; + height:#CONFIG{BeeSpip/affichage/taille_menu}px; + left: 0; top: 5px; + z-index:99; + background:#GET{couleur_menu_fond}; +}/* +#entete #nav ul { + float: left; + list-style: none; + margin: 5px 0 0 0; + height: 45px; + padding: 0 0 0 15px; +} +#entete #nav ul li { + float: left; + margin: 0; padding: 0 0 0 10px; +} +#entete #nav ul li a { + float: left; + margin: 0; + padding: 0 15px 0 5px; + color: #GET{couleur_principale_texte}; + font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; + /*text-transform: uppercase;*/ +/*}*/ +/*#entete #nav ul li a:hover, +#entete #nav ul li a:active { + border: none; + color: #111; + background: transparent; + border +}*/ +#entete #nav ul li#current { + background:#FFF; + border: 1px solid #E8E8E8; + border-bottom:0; +} +#entete #nav ul li#current a { + color: #GET{couleur_titres}; +} + + + +/* Contenu */ +#hierarchie {font-size:0.8em; padding: 0 15px; } +#contenu h1, #contenu_presentation h1 { + font-weight: normal; + /*font-size: 3.7em;*/ + #GET{typo_titre} + line-height: 1em; + color: #GET{couleur_titres}; + letter-spacing: -1px; + margin-left: 5px; + margin-right: 15px; + padding-left: 5px; + padding-bottom: 3px; + border-bottom: 1px solid #GET{couleur_filets_titres}; +} +#contenu h1 a { + color: #GET{couleur_titres}; + border: none; +} +#contenu h2.sommaire, #contenu h3.sommaire { + color: #GET{couleur_titres}; + letter-spacing: -0.6px; + /*line-height: 1em;*/ + margin-left: 5px; + margin-right: 15px; + padding-left: 5px; + padding-bottom: 3px; + border-bottom: 1px solid #GET{couleur_filets_titres}; +} +/* Colonne en bandeau */ +#colonne_bandeau {border-top: 1px solid #GET{couleur_filets_colonnes};} +/* Colonne de droite */ +#colonne .grid_4 {border-left: 1px solid #GET{couleur_filets_colonnes};} +#colonne .grid_4 .grid_4 {border-left: none;} +#colonne h3, #colonne_bandeau h3 { + color: #GET{couleur_titres}; + font-size: 2em; + font-weight: normal; + line-height: 1em; + #GET{typo_titre} + letter-spacing: -0.5px; + padding: 5px 10px; + margin: 12px 0 5px 0; +} +/* Pied de page */ +#pied-wrapper { + clear: both; + margin: 0 auto; + text-align: left; +} +#pied-wrapper h3 { + color: #GET{couleur_titres}; + font: normal 1.8em 'Lucida Grande', Verdana, Helvetica, sans-serif; + text-transform: none; + letter-spacing: -0.5px; +} +#pied-wrapper h3, +#pied-wrapper p { + padding-left: 0; +} +#pied-wrapper a:link, #pied-wrapper a:visited{ + color: #333; + background: transparent; +} + +/* Pied liste */ +#pied-wrapper ul.pied-list { + border-top: 1px solid #E6E6E6; + list-style: none; + padding: 0; + margin-left: 0; +} +#pied-wrapper ul.pied-list li { + border-bottom: 1px solid #E6E6E6; +} +#pied-wrapper ul.pied-list li a { + display: block; + width: 98%; + line-height: 2em; + font-weight: bold; + padding: 7px 0; + margin-left: 0; + padding-left: 0; + color: #888; + border: none; +} +#pied-wrapper ul.pied-list li a span { + font-style: italic; + font-weight: normal; + font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; +} +#pied-wrapper ul.pied-list li a:hover, #pied-wrapper ul.pied-list li a:hover span, +#pied-wrapper ul.pied-list li a:focus, #pied-wrapper ul.pied-list li a:focus span { + color: #333; +} + +/* pied contenu */ +#pied-content { + float: left; + width: 100%; + padding: 0 0 35px 0; + margin: 10px 0 0 5px; +} + +/* pied-bottom */ +#pied-bottom { + clear: both; + /*border-top: 1px solid #dadada;*/ + width: 940px; + margin: 0 auto; + font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif; +} +#pied-bottom a:hover, #pied-bottom a:focus { color: #GET{couleur_liens_survol};border: none } +#pied-bottom ul.bottom-left { + float: left; + list-style: none; + margin:0; + padding: 5px 0 10px 5px; +} +#pied-bottom ul.bottom-left li {display: inline;} +#pied-bottom .bottom-right { + text-align: right; + padding-right: 0; +} +.pieddate {text-align:center;clear:both;background:#F8F8F8;border:1px solid #EBEBEB;} + +/* Alignement */ +.float-left { float: left; } +.float-right { float: right; } +.align-left { text-align: left; } +.align-right { text-align: right; } +.no-border { border: none; } + +/* clear */ +.clearer { clear: both; } +.clear { display:inline-block; } +.clear:after { + display:block; + visibility:hidden; + clear:both; + height:0; + content: "."; +} -- 2.20.1