Skip to content
Extraits de code Groupes Projets
Valider 04ebac59 rédigé par RealET's avatar RealET :kissing_cat:
Parcourir les fichiers

Ajustements CSS

parent bde4a8f5
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
noisettes/header/header_modeedito.html
+ 3
− 3
Voir le fichier @ 04ebac59
<div id="escapelinks" class="escapelinks"><ul><li><a href="[(#SELF|trim{'/'})]#main"><:soyezcreateurs:accessibilite_texte:></a></li><BOUCLE_MenuHaut(RUBRIQUES){titre_mot=MenuHaut}{par num titre}{!lang_select}{0,1}><li><a href="[(#SELF|trim{'/'})]#menuhaut"><:soyezcreateurs:accessibilite_onglets:></a></li></BOUCLE_MenuHaut>[(#ENV{idbody}|!={sommaire_mode_portailcognac}|?{<li><a href="[(#SELF|trim{'/'})]#menusite"><:soyezcreateurs:accessibilite_menu:></a></li>})]<li><a href="[(#SELF|trim{'/'})]#formulaire_recherche"[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}}) class="js-modal" data-modal-prefix-class="sombre" data-modal-focus-id="formulaire_recherche" data-modal-content-id="cadre_recherche" data-modal-close-text="<:ecrire:bouton_fermer:>" <div id="escapelinks" class="escapelinks"><ul><li><a href="[(#SELF|trim{'/'})]#main"><:soyezcreateurs:accessibilite_texte:></a></li><BOUCLE_MenuHaut(RUBRIQUES){titre_mot=MenuHaut}{par num titre}{!lang_select}{0,1}><li><a href="[(#SELF|trim{'/'})]#menuhaut"><:soyezcreateurs:accessibilite_onglets:></a></li></BOUCLE_MenuHaut>[(#ENV{idbody}|!={sommaire_mode_portailcognac}|?{<li><a href="[(#SELF|trim{'/'})]#menusite"><:soyezcreateurs:accessibilite_menu:></a></li>})]<li><a href="[(#SELF|trim{'/'})]#formulaire_recherche"[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}}) class="js-modal" data-modal-prefix-class="sombre" data-modal-focus-id="formulaire_recherche" data-modal-content-id="cadre_recherche" data-modal-close-text="<:ecrire:bouton_fermer:>"
data-modal-close-title="<:ecrire:bouton_fermer:>"]><:soyezcreateurs:accessibilite_recherche:></a></li><BOUCLE_AccesibiliteLien(ARTICLES){titre_mot=AccesibiliteLien}{0,1}{!par date}><li><a href="#ARTICLE_URL">[(#TITRE)]</a></li></BOUCLE_AccesibiliteLien></ul></div> data-modal-close-title="<:ecrire:bouton_fermer:>"]><:soyezcreateurs:accessibilite_recherche:></a></li><BOUCLE_AccesibiliteLien(ARTICLES){titre_mot=AccesibiliteLien}{0,1}{!par date}><li><a href="#ARTICLE_URL">[(#TITRE)]</a></li></BOUCLE_AccesibiliteLien></ul></div>
[<div id="bandeau_annonce" class="#EDIT{meta-soyezcreateurs/bandeau_annonce}">(#CONFIG{soyezcreateurs/bandeau_annonce}|sinoncrayon{Vous pouvez mettre une annonce vue sur toutes les pages}|propre|ptobr)</div>] [<div id="bandeau_annonce" class="#EDIT{meta-soyezcreateurs/bandeau_annonce}">(#CONFIG{soyezcreateurs/bandeau_annonce}|sinoncrayon{Vous pouvez mettre une annonce vue sur toutes les pages}|propre|ptobr)</div>]
<a id="[(#ENV{titretop}|sinon{<:soyezcreateurs:sommaire|sc_nettoyer_marqueur:>})]"></a>
<div id="header"> <div id="header">
<div id="headerbackground"></div> <div id="headerbackground"></div>
<div id="header_inner"> <div id="header_inner">
<INCLURE{fond=noisettes/menus/menurwd,idbody} /> <INCLURE{fond=noisettes/menus/menurwd,idbody} />
<INCLURE{fond=noisettes/menus/menu_navhaute,env} />
[(#CONFIG{soyezcreateurs/positiondatemajsite,bottom}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>] [(#CONFIG{soyezcreateurs/positiondatemajsite,bottom}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>]
<INCLURE{fond=noisettes/header/cadre_outils,env} />
[(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)<INCLURE{fond=noisettes/logosite} />] [(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)<INCLURE{fond=noisettes/logosite} />]
<INCLURE{fond=noisettes/menus/menu_navhaute,env} />
[(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|non)<div id="cadre_lang"><INCLURE{fond=formulaires/menu_lang,env} /></div>]] [(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|non)<div id="cadre_lang"><INCLURE{fond=formulaires/menu_lang,env} /></div>]]
<a id="[(#ENV{titretop}|sinon{<:soyezcreateurs:sommaire|sc_nettoyer_marqueur:>})]"></a>
<h1 class="#EDIT{meta-nom_site}"><a href="#URL_SITE_SPIP" title="<:accueil_site|attribut_html:>">[(#NOM_SITE_SPIP)][ <sub class="#EDIT{meta-slogan_site}">(#SLOGAN_SITE_SPIP|ptobr)</sub>]</a></h1> <h1 class="#EDIT{meta-nom_site}"><a href="#URL_SITE_SPIP" title="<:accueil_site|attribut_html:>">[(#NOM_SITE_SPIP)][ <sub class="#EDIT{meta-slogan_site}">(#SLOGAN_SITE_SPIP|ptobr)</sub>]</a></h1>
<INCLURE{fond=noisettes/header/cadre_outils,env} />
[(#CONFIG{soyezcreateurs/positionrecherche,header}|=={header}|oui)<INCLURE{fond=noisettes/header/cadre_recherche,env,id_recherche=cadre_recherche} />] [(#CONFIG{soyezcreateurs/positionrecherche,header}|=={header}|oui)<INCLURE{fond=noisettes/header/cadre_recherche,env,id_recherche=cadre_recherche} />]
[(#CONFIG{soyezcreateurs/citationsheader}|=={header}|oui)<INCLURE{fond=noisettes/extra/citations} />] [(#CONFIG{soyezcreateurs/citationsheader}|=={header}|oui)<INCLURE{fond=noisettes/extra/citations} />]
<div class="clearing">&nbsp;</div> <div class="clearing">&nbsp;</div>
......
stylessoyezcreateurs.css.html
+ 27
− 44
Voir le fichier @ 04ebac59
...@@ -662,7 +662,9 @@ a#logo { display: block; clear: right; margin-left: 80px; } ...@@ -662,7 +662,9 @@ a#logo { display: block; clear: right; margin-left: 80px; }
#cadre_outils ul { background-color: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; float:right; margin:1em 0; padding:0; width:[(#GET{LargeurMenuDroit})]px; } #cadre_outils ul { background-color: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; float:right; margin:1em 0; padding:0; width:[(#GET{LargeurMenuDroit})]px; }
#cadre_outils li { display:block; min-height:[(#CONFIG{soyezcreateurs_layout/hauteurlogooutils,16}|plus{4})]px; list-style: none; list-style-image: none; } #cadre_outils li { display:block; min-height:[(#CONFIG{soyezcreateurs_layout/hauteurlogooutils,16}|plus{4})]px; list-style: none; list-style-image: none; }
#cadre_outils a, #cadre_outils strong { display: block; padding: 5px 24px 5px 4px; background-color: #GET{c_menu_a_bk}; border-left: none; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; min-height: 16px; text-align: left; text-decoration: none; } #cadre_outils a, #cadre_outils strong { display: block; padding: 5px 24px 5px 4px; background-color: #GET{c_menu_a_bk}; border-left: none; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; min-height: 16px; text-align: left; text-decoration: none; }
[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|!=={portailcognac}|et{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|!=={avecoutils}})
#cadre_outils img { float: right; margin:0; position: absolute; right: 4px; } #cadre_outils img { float: right; margin:0; position: absolute; right: 4px; }
]
#cadre_outils .menu_lang_item::first-letter { text-transform: uppercase; } #cadre_outils .menu_lang_item::first-letter { text-transform: uppercase; }
#cadre_outils .first.menu_lang_item { padding-left: 1em; } #cadre_outils .first.menu_lang_item { padding-left: 1em; }
#cadre_outils li.menu_lang_item { vertical-align: bottom; margin: 8px 0; } #cadre_outils li.menu_lang_item { vertical-align: bottom; margin: 8px 0; }
...@@ -1646,7 +1648,7 @@ background: rgba([(#GET{c_header_bk}|couleur_hexa_to_dec|table_valeur{red,0})], ...@@ -1646,7 +1648,7 @@ background: rgba([(#GET{c_header_bk}|couleur_hexa_to_dec|table_valeur{red,0})],
#header #citations dt { text-align:right; border-bottom: solid 1px #GET{c_datemajsite_bk}; } #header #citations dt { text-align:right; border-bottom: solid 1px #GET{c_datemajsite_bk}; }
#header #citations dd { border-bottom: none; border-right: none; } #header #citations dd { border-bottom: none; border-right: none; }
#header #citations dd p { text-align:right; } #header #citations dd p { text-align:right; }
#header #logo { clear: left; float: left; height: 50px; } #header #logo { float: left; }
#header #logo a { position: relative; display: inline-block; } #header #logo a { position: relative; display: inline-block; }
#header #logo span { position: relative; display: inline-block; -webkit-transition-duration: 0.3s; #header #logo span { position: relative; display: inline-block; -webkit-transition-duration: 0.3s;
transition-duration: 0.3s; transition-duration: 0.3s;
...@@ -2066,7 +2068,7 @@ div [lang], span [lang] { font-style: italic; } ...@@ -2066,7 +2068,7 @@ div [lang], span [lang] { font-style: italic; }
width: auto !important; width: auto !important;
} }
#header { background-image: none !important; min-height: inherit !important; padding-top: 0!important; } #header { background-image: none !important; min-height: inherit !important; padding-top: 0!important; }
#mobile-header { display: block; } #mobile-header { display: inline-block; float: left; }
#responsive-menu-button-navigation { float: right; } #responsive-menu-button-navigation { float: right; }
.responsive-menu-button { float: left; } .responsive-menu-button { float: left; }
.responsive-menu-button span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; } .responsive-menu-button span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
...@@ -2130,9 +2132,6 @@ div [lang], span [lang] { font-style: italic; } ...@@ -2130,9 +2132,6 @@ div [lang], span [lang] { font-style: italic; }
#cef-root, #cef_navigation { display:none !important } #cef-root, #cef_navigation { display:none !important }
} }
@media (max-width: 640px) { @media (max-width: 640px) {
#spip-admin { top: 0; }
/* passer tous les éléments de largeur fixe en largeur automatique */ /* passer tous les éléments de largeur fixe en largeur automatique */
#artrecents { #artrecents {
width: auto !important; width: auto !important;
...@@ -2152,10 +2151,12 @@ div [lang], span [lang] { font-style: italic; } ...@@ -2152,10 +2151,12 @@ div [lang], span [lang] { font-style: italic; }
#escapelinks li, #navHaute li { display: block; text-align: center; } #escapelinks li, #navHaute li { display: block; text-align: center; }
#escapelinks li a,#navHaute li a { display: block; padding: .6em 0; font-size: 1.2em; } #escapelinks li a,#navHaute li a { display: block; padding: .6em 0; font-size: 1.2em; }
.portailcognac #header #logo {
margin-left: 0;
}
#header #logo { #header #logo {
clear: left;
height: auto; height: auto;
left: 0;
top: 0;
max-width: 100vw; max-width: 100vw;
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -2163,7 +2164,6 @@ div [lang], span [lang] { font-style: italic; } ...@@ -2163,7 +2164,6 @@ div [lang], span [lang] { font-style: italic; }
clear: both; float: none; margin: 0; clear: both; float: none; margin: 0;
} }
#cadre_outils { clear: both; }
#cadre_outils ul { float: none; padding: 0 1em; width: inherit; } #cadre_outils ul { float: none; padding: 0 1em; width: inherit; }
#header #citations { width: inherit; } #header #citations { width: inherit; }
...@@ -2222,7 +2222,6 @@ div [lang], span [lang] { font-style: italic; } ...@@ -2222,7 +2222,6 @@ div [lang], span [lang] { font-style: italic; }
} }
} }
.portailcognac #mobile-header { .portailcognac #mobile-header {
position: absolute;
top: 18px; top: 18px;
z-index: initial; z-index: initial;
} }
...@@ -2299,10 +2298,11 @@ a[href]:focus { ...@@ -2299,10 +2298,11 @@ a[href]:focus {
color: #fff; color: #fff;
background-color: #000; background-color: #000;
} }
.portailcognac .spip-admin-float { .portailcognac .spip-admin-float {
top: 104px; top: 0;
right: 0px; right: auto;
left: 50%;
transform: translateX(-50%);
} }
.portailcognac #header #logo a:hover, .portailcognac #header #logo a:hover,
...@@ -2677,8 +2677,7 @@ a.button.triadeC:focus, ...@@ -2677,8 +2677,7 @@ a.button.triadeC:focus,
background: #GET{c_header_bk}; background: #GET{c_header_bk};
} }
.portailcognac #mobile-header #responsive-menu-button { .portailcognac #mobile-header #responsive-menu-button {
display: inline-block; padding: .4rem 1rem;
padding: 7px 30px;
color: #GET{c_header}; color: #GET{c_header};
font-size: 4rem; font-size: 4rem;
line-height: 1; line-height: 1;
...@@ -2688,10 +2687,6 @@ a.button.triadeC:focus, ...@@ -2688,10 +2687,6 @@ a.button.triadeC:focus,
.portailcognac #mobile-header { .portailcognac #mobile-header {
top: 22px; top: 22px;
} }
.portailcognac #mobile-header #responsive-menu-button {
width: 70px;
height: 50px;
}
.portailcognac #mobile-header #responsive-menu-button:before { .portailcognac #mobile-header #responsive-menu-button:before {
padding: 7px 10px 7px 15px; padding: 7px 10px 7px 15px;
font-size: 2.35em; font-size: 2.35em;
...@@ -2704,8 +2699,8 @@ a.button.triadeC:focus, ...@@ -2704,8 +2699,8 @@ a.button.triadeC:focus,
position: relative; position: relative;
} }
.portailcognac #menuhaut #menuh { .portailcognac #menuhaut #menuh {
display: inline-block; display: flex;
text-align: center; justify-content: center;
} }
.portailcognac #menuhaut #menuh a { .portailcognac #menuhaut #menuh a {
...@@ -2753,9 +2748,11 @@ a.button.triadeC:focus, ...@@ -2753,9 +2748,11 @@ a.button.triadeC:focus,
[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}}) [(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})
#header #cadre_outils { #header #cadre_outils {
display: flex; float: right;
justify-content: flex-end; display: inline-flex;
align-items: center; justify-content: flex-start;
flex-direction: column;
text-align: left;
padding: 8px; padding: 8px;
z-index: 2; // pour passer devant le logo z-index: 2; // pour passer devant le logo
} }
...@@ -2766,6 +2763,7 @@ a.button.triadeC:focus, ...@@ -2766,6 +2763,7 @@ a.button.triadeC:focus,
} }
#header #cadre_outils ul { #header #cadre_outils ul {
margin: 0; margin: 0;
display: flex;
} }
#header #cadre_outils ul > li { #header #cadre_outils ul > li {
display: inline-block; display: inline-block;
...@@ -2895,21 +2893,6 @@ display: none; ...@@ -2895,21 +2893,6 @@ display: none;
@media screen and (max-width: #GET{LargeurContaineur}px) { @media screen and (max-width: #GET{LargeurContaineur}px) {
[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}}) [(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})
#header #cadre_outils { #header #cadre_outils {
margin-top: 0;
position: absolute;
right: 0;
top: 25px;
display: inline-block;
padding-top: 0;
padding-right: 0;
height: auto;
[(#PLUGIN{SIDR}|oui)
margin-left:110px;
]
[(#PLUGIN{SIDR}|non)
margin-left:0;
]
padding: 0;
} }
#header #cadre_outils ul { #header #cadre_outils ul {
padding-left: 0em; padding-left: 0em;
...@@ -2921,14 +2904,14 @@ display: none; ...@@ -2921,14 +2904,14 @@ display: none;
] ]
.portailcognac #header #logo { .portailcognac #header #logo {
position: initial; position: initial;
margin-top: 6em; margin: 36px 0 1em 3em;
margin-bottom: 1.5em; text-align: left;
text-align: center;
margin-left:0;
margin-right:0;
width: 100%;
height: auto; height: auto;
} }
#header h1 {
margin: 0;
clear: both;
}
.portailcognac #header #logo img { .portailcognac #header #logo img {
display: inline-block; display: inline-block;
width:80%; width:80%;
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site