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

Éclatement de la CSS en 2 car plantage inexpliqué et silencieux (pas de log)... 

Éclatement de la CSS en 2 car plantage inexpliqué et silencieux (pas de log) de Laragon si ce fichier avait trop de lignes
parent 3f3319a4
Branches
Étiquettes
Aucune requête de fusion associée trouvée
Tout étendre Masquer les modifications d'espaces
En ligne Côte à côte
css/inc_stylessoyezcreateurs.css.html 0 → 100644
+ 1937
− 0
Voir le fichier @ 9a3c8f76
[(#REM)<style>/*
Ce squelette definit les styles de SoyezCréateurs
Note: l'entete "Vary:" sert a repousser l'entete par
defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
genant en cas de "rotation du cookie de session" apres
un changement d'IP (effet de clignotement).
*/]
#CACHE{3600*24,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}
#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
[(#CONFIG{soyezcreateurs_layout/largeurcolonnes,0}|=={0}|?
{
[(#SET{Largeurcontent_central,[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|div{3}|floor)]})]
,
[(#SET{Largeurcontent_central,[(#CONFIG{soyezcreateurs_layout/largeurcolonnes})]})]
}
)]
[(#CONFIG{soyezcreateurs_layout/largeurvideoaccueil,0}|=={0}|?
{
[(#SET{LargeurArretSurImg,[(#GET{Largeurcontent_central}|moins{2})]})]
,
[(#SET{LargeurArretSurImg,[(#CONFIG{soyezcreateurs_layout/largeurvideoaccueil})]})]
}
)]
[(#CONFIG{soyezcreateurs_layout/hauteurvideoaccueil,0}|=={0}|?
{
[(#SET{HauteurArretSurImg,[(#GET{LargeurArretSurImg}|div{1.245}|floor)]})]
,
[(#SET{HauteurArretSurImg,[(#CONFIG{soyezcreateurs_layout/hauteurvideoaccueil})]})]
}
)]
#SET{margescolonnes,#CONFIG{soyezcreateurs_layout/margescolonnes,12}}
[(#SET{largeurtotale,[(#GET{Largeurcontent_central}|mult{3})]})]
[(#SET{largeurMenu,[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}}|moins{20})]})]
#SET{c_body_bk,(#CONFIG{soyezcreateurs_couleurs/body_bk,#eceded})}
#SET{c_triadea,(#CONFIG{soyezcreateurs_couleurs/triadea,#be1621})}
#SET{c_triadeb,(#CONFIG{soyezcreateurs_couleurs/triadeb,#129b9b})}
#SET{c_triadec,(#CONFIG{soyezcreateurs_couleurs/triadec,#c38f06})}
#SET{c_logo_bk,(#CONFIG{soyezcreateurs_couleurs/logo_bk,transparent})}
#SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header,#262626})}
#SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff})}
#SET{c_nomsite,(#CONFIG{soyezcreateurs_couleurs/nomsite,(#CONFIG{soyezcreateurs_couleurs/header,#262626})})}
#SET{c_nomsite_bk,(#CONFIG{soyezcreateurs_couleurs/nomsite_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff})})}
#SET{c_outils,(#CONFIG{soyezcreateurs_couleurs/outils,(#CONFIG{soyezcreateurs_couleurs/header,#262626})})}
#SET{c_fildariane,(#CONFIG{soyezcreateurs_couleurs/fildariane,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})})}
#SET{c_fildariane_bk,(#CONFIG{soyezcreateurs_couleurs/fildariane_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#02265a})})}
#SET{c_fildarianehome,(#CONFIG{soyezcreateurs_couleurs/fildarianehome,#EA5044})}
#SET{c_chevrons,(#CONFIG{soyezcreateurs_couleurs/fildarianehome_bk,#EA5044})}
#SET{c_footer,(#CONFIG{soyezcreateurs_couleurs/footer,#595959})}
#SET{c_footer_bk,(#CONFIG{soyezcreateurs_couleurs/footer_bk,#ffffff})}
#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})}
#SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#ffffff})}
#SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#017ca5})}
#SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#ffffff})}
#SET{c_menuhautderoulant,(#CONFIG{soyezcreateurs_couleurs/menuhautderoulant,#1766ab})}
#SET{c_menuhautderoulantsurvol,(#CONFIG{soyezcreateurs_couleurs/menuhautderoulant_bk,#ffffff})}
#SET{c_menuhautderoulant2,(#CONFIG{soyezcreateurs_couleurs/menuhautderoulant2,#1766ab})}
#SET{c_menuhautderoulantsurvol2,(#CONFIG{soyezcreateurs_couleurs/menuhautderoulant2_bk,#ffffff})}
#SET{c_menubas,(#CONFIG{soyezcreateurs_couleurs/menubas,#017ca5})}
#SET{c_menubas_bk,(#CONFIG{soyezcreateurs_couleurs/menubas_bk,#ffffff})}
#SET{c_menubas_hover,#(#CONFIG{soyezcreateurs_couleurs/menubas,#017ca5}|couleur_extreme)}
#SET{c_menubas_hover_bk,#(#CONFIG{soyezcreateurs_couleurs/menubas_bk,#ffffff}|couleur_extreme)}
[(#GET{c_menubas}|=={#FFFFFF}|oui)#SET{c_menubas_hover,#EFEFEF}]
[(#GET{c_menubas}|=={#000000}|oui)#SET{c_menubas_hover,#333333}]
[(#GET{c_menubas_bk}|=={#FFFFFF}|oui)#SET{c_menubas_hover_bk,#EFEFEF}]
[(#GET{c_menubas_bk}|=={#000000}|oui)#SET{c_menubas_hover_bk,#333333}]
#SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})}
#SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})}
#SET{c_datemajsite,(#CONFIG{soyezcreateurs_couleurs/datemajsite,#595959})}
#SET{c_datemajsite_bk,(#CONFIG{soyezcreateurs_couleurs/datemajsite_bk,#ffffff})}
#SET{c_menu_a,(#CONFIG{soyezcreateurs_couleurs/menu_a,#005e7a})}
#SET{c_menu_a_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_bk,#ffffff})}
#SET{c_menu_a_hover,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover,#ffffff})}
#SET{c_menu_a_hover_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover_bk,#0b7899})}
#SET{c_menu_a_active,(#CONFIG{soyezcreateurs_couleurs/menu_a_active,#ffffff})!important}
#SET{c_menu_a_active_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_active_bk,#0b7899})!important}
#SET{c_menu_a_strong,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong,#ffffff})}
#SET{c_menu_a_strong_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong_bk,#0b7899})}
#SET{c_menu_a_deroulant,(#CONFIG{soyezcreateurs_couleurs/menu_a_deroulant,#1766ab})}
#SET{c_menu_a_deroulantsurvol,(#CONFIG{soyezcreateurs_couleurs/menu_a_deroulant_bk,#1766ab})}
#SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})}
#SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#f6f6f6})}
#SET{c_fildariane,(#CONFIG{soyezcreateurs_couleurs/fildariane,#02265a})}
#SET{c_fildariane_bk,(#CONFIG{soyezcreateurs_couleurs/fildariane_bk,#f6f6f6})}
#SET{c_titraille,(#CONFIG{soyezcreateurs_couleurs/titraille,#005e7a})}
#SET{c_titraille_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_bk,#f6f6f6})}
#SET{c_titraille_ssniveaux,(#CONFIG{soyezcreateurs_couleurs/titraille_ssniveaux,#005e7a})}
#SET{c_titraille_ssniveaux_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_ssniveaux_bk,#f6f6f6})}
#SET{c_link,(#CONFIG{soyezcreateurs_couleurs/link,#017ca5})}
#SET{c_visited,(#CONFIG{soyezcreateurs_couleurs/visited,#595959})}
#SET{c_hover,(#CONFIG{soyezcreateurs_couleurs/hover,#02265a})}
#SET{c_active,(#CONFIG{soyezcreateurs_couleurs/active,#595959})}
#SET{c_cadrestexte,(#CONFIG{soyezcreateurs_couleurs/cadrestexte,#02265a})}
#SET{c_cadrestexte_bk,(#CONFIG{soyezcreateurs_couleurs/cadrestexte_bk,#eceded})}
#SET{f_navigation,(#CONFIG{soyezcreateurs_couleurs/fontsnavigation,'Verdana, Arial, Geneva, sans-serif'})}
#SET{f_content,(#CONFIG{soyezcreateurs_couleurs/fontscontent,'Verdana, Arial, Geneva, sans-serif'})}
#SET{d_body_degrade,#CONFIG{soyezcreateurs_couleurs/body_degrade,on}}
#SET{d_footer_degrade,#CONFIG{soyezcreateurs_couleurs/footer_degrade,on}}
#SET{d_titraille_degrade,#CONFIG{soyezcreateurs_couleurs/titraille_degrade,on}}
#SET{d_menuhaut_degrade,#CONFIG{soyezcreateurs_couleurs/menuhaut_degrade,on}}
#SET{d_menubas_degrade,#CONFIG{soyezcreateurs_couleurs/menubas_degrade,on}}
#SET{d_cartouche_degrade,#CONFIG{soyezcreateurs_couleurs/cartouche_degrade,on}}
#SET{d_cadreinfo_degrade,#CONFIG{soyezcreateurs_couleurs/cadreinfo_degrade,on}}
#SET{d_citations_degrade,#CONFIG{soyezcreateurs_couleurs/citations_degrade,on}}
/* Pour les mobiles, inspiré de http://www.alsacreations.com/astuce/lire/1177 */
@media (max-width: [(#GET{LargeurContaineur})]px) {
/* passer tous les éléments de largeur fixe en largeur automatique */
body, #container, #shadow, #content {
width: 100% !important;
margin: auto !important;
padding: 0 !important;
}
#menu {
width: auto !important;
}
#header { background-image: none !important; min-height: inherit !important; padding-top: 0!important; }
#mobile-header { background-color: #333333; display: block; height: 32px; width: 32px; z-index: 1000; }
#responsive-menu-button { background: url("[(#CHEMIN{images/nav-icon.svg}|embarque_fichier)]") no-repeat scroll center center transparent; display: block; height: 32px; width: 32px; }
#responsive-menu-button span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
max-width: 100% !important;
}
/* gestion des mots longs */
textarea, table, td, th, code, pre, samp {
word-wrap: break-word; /* césure forcée */
}
code, pre, samp {
white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}
#navigation, #extra, #content {
height: auto !important;
}
#navigation, #extra {
width: 50% !important;
margin: auto !important;
padding: 0 !important;
}
#mairie_content_left, #mairie_content_extra {
width: 100%;
margin: auto !important;
padding: 0 !important;
}
#mairie_content_central {
width: 100%;
margin:0;
}
/* masquer les éléments superflus */
.hide_mobile {
display: none !important;
}
#sommaire_mode_mairie .dessousbreves {
width: 31%;
padding:0 1%;
}
#sommaire_mode_mairie #content .socialtags {
top:0;
}
.encart a, .encart img {
width: 100%!important;
height: auto!important;
}
.vertical .encart-label {
border-radius: 6px 6px 0 0;
display: inherit;
transform: inherit;
position: inherit;
}
.rainette_previsions_24h {
width:31%;
}
#cef-root, #cef_navigation { display:none !important }
}
@media (max-width: 640px) {
#spip-admin { top: 0; }
/* passer tous les éléments de largeur fixe en largeur automatique */
#artrecents {
width: auto !important;
margin: auto !important;
padding: 0 !important;
display: block;
max-height: inherit;
}
/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
#wrapper, #content, #navigation, #navHaute, #extra, #artrecents, #escapelinks {
float: none !important;
width: 100% !important
}
#escapelinks { margin: 0 0 1em; color: #000; background-color: rgba(255, 255, 255, 0.8); }
#escapelinks li { background: transparent; }
#escapelinks li, #navHaute li { display: block; text-align: center; }
#escapelinks li a,#navHaute li a { display: block; padding: .6em 0; font-size: 1.2em; }
#header #logo {
height: auto;
left: 0;
top: 0;
max-width: 100vw;
box-sizing: border-box;
}
#header h1 {
clear: both; float: none; margin: 0;
}
#cadre_outils { clear: both; }
#cadre_outils ul { float: none; padding: 0 1em; width: inherit; }
#header #citations { width: inherit; }
#menufooter {
padding-left: 0;
text-align: center;
}
#menufooter ul li, #menufooter ul li a {
display: block;
}
#menufooter ul li {
padding: 0 24px 4px 24px;
}
#menufooter ul li a {
margin-right: 0;
padding: 4px 1em;
text-align: center;
}
.menu_haut_logo {
vertical-align: middle;
}
.modeactualites #col1, .modeactualites #col2 {
float:none;
margin-left:0;
width:100%;
}
#sommaire_mode_mairie .dessousbreves {
width: 100%;
float: none;
}
body {
margin-top: 0 !important;
}
.columns2 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
.rainette_previsions_24h {
width:47%;
margin: .4em 1% 2em 1%;
}
}
@media screen and (max-width:640px) and (orientation: landscape) {
body {
-webkit-text-size-adjust: 70%;
}
}
/* Mode d'affichage Cognac, éléments communs à toutes les pages */
.portailcognac body {
font-size: 1rem;
line-height: 1.75em;
}
@media screen and (max-width: 70em) {
.portailcognac body {
font-size: 0.89473685rem;
}
}
.portailcognac #mobile-header {
position: absolute;
top: 18px;
z-index: initial;
}
.portailcognac #header #logo a:hover,
.portailcognac #header #logo a:focus,
.portailcognac #header #logo a:active {
background-color: transparent;
display: inline-block;
border: none;
}
.portailcognac #header .searchfrm label {
overflow: hidden;
position: relative;
top: auto;
left: auto;
height: auto;
width: auto;
}
.portailcognac [type="text"],
.portailcognac [type="password"],
.portailcognac [type="date"],
.portailcognac [type="datetime"],
.portailcognac [type="datetime-local"],
.portailcognac [type="month"],
.portailcognac [type="week"],
.portailcognac [type="email"],
.portailcognac [type="number"],
.portailcognac [type="search"],
.portailcognac [type="tel"],
.portailcognac [type="time"],
.portailcognac [type="url"],
.portailcognac [type="color"],
.portailcognac textarea {
box-shadow: none;
}
.portailcognac body {
background-color: #GET{c_container_bk};
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: #GET{c_container};
line-height: 1.75em;
}
@media screen and (max-width: 80em) {
.portailcognac body {
font-size: 1.0625rem;
}
}
@media screen and (max-width: 64em) {
.portailcognac body {
font-size: 1rem;
}
}
a[href]:hover,
a[href]:focus {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.portailcognac a[href]:hover,
.portailcognac a[href]:focus {
color: #GET{c_container};
text-decoration: none;
}
.portailcognac a[href]:focus {
background-color: #ddd;
}
.portailcognac #spip-admin a[href]:hover {
color: white!important;
}
.portailcognac .spip-admin-float {
top: 104px;
right: 0px;
}
.portailcognac #header #logo a:hover,
.portailcognac #header #logo a:focus,
.portailcognac #header #logo a:active {
background-color: transparent;
display: inline-block;
border: none;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.flexbox-flex {
display: flex;
align-items: unset;
}
.flexbox-center-center {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.flexbox-center-top {
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
}
.flexbox--center {
display: flex;
align-items: center;
}
.flexbox-flex-row-reverse {
display: flex;
flex-direction: row-reverse;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flexbox-wrap-space-between {
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.flexbox-wrap-space-around {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.flexbox-center-space-between {
display: flex;
align-items: center;
justify-content: space-between;
}
.flexbox-start-space-between {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media screen and (max-width: 47.9375em) {
.flex-nowrap {
flex-wrap: wrap;
}
}
.flexbox-stretch {
display: flex;
align-items: stretch;
}
@media screen and (max-width: 40em) {
.flexbox-stretch {
display: block;
}
}
.portailcognac .label-input {
font-size: 1.25rem;
font-weight: 300;
}
.sans-border {
border: 0;
}
.avec-border {
border: 1px solid #be1621 ;
}
.avec-border-top {
border-top: 1px solid #be1621 ;
}
.avec-border-bottom {
border-bottom: 1px solid #be1621 ;
}
.avec-border-left {
border-left: 1px solid #be1621 ;
}
.sans-margin {
margin: 0;
}
.avec-margin {
margin: 1.5em;
}
.avec-margin-top {
margin-top: 1.5em;
}
.avec-margin-right {
margin-right: 1.5em;
}
.avec-margin-bottom {
margin-bottom: 1.5em;
}
.avec-margin-bottom05 {
margin-bottom: .5em;
}
.avec-margin-bottom015 {
margin-bottom: .15em;
}
.avec-margin-left {
margin-left: 1.5em;
}
@media screen and (min-width: 40em) {
.avec-margin-bottom-for-medium {
margin-bottom: 1.5em;
}
}
.sans-padding {
padding: 0;
}
@media screen and (max-width: 40em) {
.sans-padding-for-small {
padding: 0;
}
}
.avec-padding {
padding: 1em;
}
.avec-padding05 {
padding: .5em;
}
.avec-padding-top {
padding-top: 1em;
}
.avec-padding-top05 {
padding-top: .5em;
}
.avec-padding-top15 {
padding-top: 1.5em;
}
.avec-padding-right {
padding-right: 1em;
}
.avec-padding-right05 {
padding-right: .5em;
}
.avec-padding-bottom {
padding-bottom: 1em;
}
.avec-padding-left {
padding-left: 1em;
}
.avec-padding-leftright {
display: block;
padding-right: 1em;
padding-left: 1em;
}
.display-block {
display: block;
}
.text-transform-none {
text-transform: none;
}
.text-uppercase {
text-transform: uppercase;
}
.font-style-italic {
font-style: italic;
}
.position-relative {
position: relative;
}
.float-left {
float: left ;
}
.float-right {
float: right ;
}
.float-center {
display: table;
margin-right: auto ;
margin-left: auto ;
}
.z-index-999 {
z-index: 999;
}
.cursor-pointer {
cursor: pointer;
}
.portailcognac #header .searchfrm label {
overflow: hidden;
position: relative;
top: auto;
left: auto;
height: auto;
width: auto;
}
.portailcognac #contenu h1,
.portailcognac #content h2,
.portailcognac #content h3,
.portailcognac #content h4,
.portailcognac #content h5,
.portailcognac #content h6 {
margin: 0;
font-weight: 400;
border-width: 0;
}
.portailcognac p,
.portailcognac ul,
.portailcognac ol,
.portailcognac dl {
font-weight: 300;
}
.portailcognac p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
.portailcognac a {
text-decoration: none;
font-weight: 300;
}
a,
li,
button {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.portailcognac img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
.portailcognac select {
cursor: pointer;
}
.portailcognac .spip_logo {
max-width: 100%;
}
.portailcognac .ariaformprop {
padding: 0;
margin: 0;
position: relative;
z-index: 99;
background-color: white;
font-size: 80%;
}
.portailcognac .erreur_message {
padding: 0 1em;
text-align: left;
display: inline-block;
line-height: 1.1;
}
.portailcognac .reponse_formulaire {
margin-bottom: .1em;
}
.portailcognac .ajaxbloc {
height: 100%;
}
.row {
margin-right: auto;
margin-left: auto;
max-width: #GET{LargeurContaineur}px;
}
.button,
button {
padding: .55rem 1.5rem .625rem;
font-size: 1.2em;
border: 1px solid transparent;
border-radius: 4px;
}
.button:hover,
.button:focus,
a.button:hover,
a.button:focus,
#footer a.button:hover,
#footer a.button:focus,
button:hover,
button:focus {
background-color: white;
border: 1px solid #GET{c_triadea};
color: #333;
}
.triadeA:hover,
.triadeA:focus,
a.triadeA:hover,
a.triadeA:focus,
#footer a.triadeA:hover,
#footer a.triadeA:focus {
background-color: [(#GET{c_triadea}|couleur_extreme|=={000000}|?{#000000,#FFFFFF})];
border: 1px solid #GET{c_triadea};
color: [(#GET{c_triadea}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
}
.triadeB:hover,
.triadeB:focus,
a.triadeB:hover,
a.triadeB:focus,
#footer a.triadeB:hover,
#footer a.triadeB:focus {
background-color: [(#GET{c_triadeb}|couleur_extreme|=={000000}|?{#000000,#FFFFFF})];
border: 1px solid #GET{c_triadeb};
color: [(#GET{c_triadeb}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
}
.button.triadeC:hover,
.button.triadeC:focus,
a.button.triadeC:hover,
a.button.triadeC:focus,
#footer a.button.triadeC:hover,
#footer a.button.triadeC:focus {
background-color: [(#GET{c_triadec}|couleur_extreme|=={000000}|?{#000000,#FFFFFF})];
border: 1px solid #GET{c_triadec};
color: [(#GET{c_triadec}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
}
.portailcognac #container {
width: 100%;
}
.portailcognac #contenu {
max-width: #GET{LargeurContaineur}px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 960px) {
.portailcognac #content {
max-width: 100%;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.portailcognac #content .cartouche {
margin-top: 1em;
}
}
.hide {
display: none!important;
}
.portailcognac #header #logo {
position: relative;
left: auto;
margin: 0 20px;
z-index: 2;
}
[(#CONFIG{soyezcreateurs/centrerlogo,non}|=={oui}|oui)
.portailcognac #header #logo {
position: absolute;
left: calc(50% - [(#LOGO_SITE_SPIP_NORMAL|largeur|div{2})]px);
margin: 0;
z-index: 2;
}]
.portailcognac #mobile-header {
top: 18px;
}
.portailcognac #mobile-header #responsive-menu-button {
background: #GET{c_header_bk};
width: 100px;
height: 3.75em;
}
.portailcognac #mobile-header #responsive-menu-button:before {
display: inline-block;
padding: 7px 30px;
font-family: 'picto-soyezcreateurs' !important;
content: "\2630";
color: #GET{c_header};
font-size: 2.75em;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 670px) {
.portailcognac #mobile-header {
top: 22px;
}
.portailcognac #mobile-header #responsive-menu-button {
width: 70px;
height: 50px;
}
.portailcognac #mobile-header #responsive-menu-button:before {
padding: 7px 10px 7px 15px;
font-size: 2.35em;
}
}
.portailcognac #menuhaut {
text-align: center;
max-width: 100%;
position: relative;
}
.portailcognac #menuhaut #menuh {
display: inline-block;
text-align: center;
}
.portailcognac #menuhaut #menuh a {
padding: calc(.35rem + 3px) 2rem .35rem;
font-size: 27px;
font-weight: 400;
border-bottom: 3px solid transparent;
}
.portailcognac #menuhaut #menuh strong a,
.portailcognac #menuhaut #menuh a:hover {
border-bottom: 3px solid [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];;
}
.portailcognac #menuhaut #menuh ul li {
line-height: 1em;
}
.portailcognac #menuhaut #menuh ul a {
margin: 0;
padding: .5em .5em .5em 1.5em;
text-transform: inherit;
font-size: 19px;
font-family: inherit;
font-weight: 300;
}
.portailcognac #menuhaut #menuh.drop ul {
width: 300px;
box-shadow: -4px 4px 4px rgba(170, 170, 170, 0.3);
}
.portailcognac #menuhaut #menuh > li:not(:first-child) {
border-left: 1px solid #222;
}
.portailcognac #menuh li li a {
border-left-color: #FFF;
border-right-color: #FFF;
}
.portailcognac #menuhaut #menuh li li a {
background-color: #FFF;
color: #333;
}
[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})
#header #cadre_outils {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 8px;
z-index: 1;
}
#header #cadre_outils .icon {
padding-right: 3px;
padding-left: 3px;
font-size: 30px;
}
#header #cadre_outils ul {
margin: 0;
}
#header #cadre_outils ul > li {
display: inline-block;
vertical-align: middle;
}
#header #cadre_outils ul,
#header #cadre_outils ul a {
background-color: transparent;
width: auto;
}
#header #cadre_outils a, #header #cadre_outils strong {
padding: 8px .5vw 8px;
border-bottom: 3px solid transparent;
background-color: transparent;
color: #GET{c_outils};
}
#header #cadre_outils a:hover, #header #cadre_outils a:focus {
background-color: transparent;
border-bottom: 3px solid #GET{c_outils};
}
]
.portailcognac #content {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.portailcognac #content, .portailcognac #navigation {
padding-top: 0.5em;
}
.portailcognac .boutonstexte,
.portailagence .boutonstexte {
right: calc(50% - [(#GET{LargeurContaineur}|div{2})]px);
}
.portailcognac .boutonstexte a {
height: 38px;
width: 32px;
}
.portailcognac .boutonstexte a.textsizeup img {
width: 32px;
}
.portailcognac .boutonstexte a.textsizedown img {
width: 16px;
}
#miettesdepain ul {
text-align: left;
font-size: 15px;
font-style: normal;
color: #GET{c_fildariane};
}
#miettesdepain ul li a {
padding-right: 16px;
}
#miettesdepain ul li:first-child {
display: inline-block;
width: 37px;
height: 23px;
}
#miettesdepain ul li:first-child a {
position: absolute;
font-size: 0;
line-height: 1.7;
color: #GET{c_fildarianehome};
}
#miettesdepain ul li:first-child a:before {
font-family: 'picto-soyezcreateurs' !important;
content: "\2302";
font-size: 20px;
vertical-align: middle;
color: #GET{c_fildarianehome};
}
#miettesdepain ul li:first-child a:hover:before,
#miettesdepain ul li:first-child a:focus:before {
color: [#(#GET{c_fildarianehome}|couleur_saturation{1})];
}
.portailcognac #content h2,
.portailcognac #content h3 {
padding: 1em 0 .5em;
color: #GET{c_titraille_ssniveaux};
border-bottom: 1px solid rgba([(#GET{c_titraille_ssniveaux_bk}|sc_rgb)], 0.5);
}
.portailcognac #content #artrecents h2 {
padding: .5em 0;
}
.portailcognac #sommaire {
clear: both!important;
background-color: rgba([(#GET{c_titraille_ssniveaux_bk}|sc_rgb)], 0.1);
margin: 2em 0 1em;
border-bottom: 1px rgba([(#GET{c_titraille_ssniveaux}|sc_rgb)], 0.5);
}
.portailcognac #sommaire h2 {
background-color: rgba([(#GET{c_titraille_ssniveaux_bk}|sc_rgb)], 0.75);
padding: .5em;
color: white;
}
.portailcognac #sommaire > ul {
margin-left: 1.5rem;
padding: 1rem;
columns: 2;
column-rule: 1px dotted #ccc;
column-gap: 4em;
}
.portailcognac #letexte #sommaire > ul ul { margin: 0; }
.portailcognac .cartouche .logo_article,
.portailcognac .cartouche .logo_rubrique {
float: right;
padding: 0 0 1rem 2rem;
}
.portailcognac .cartouche .logo_article.contenthauttitre, .portailcognac .cartouche .logo_article.contentbastitre
#content .logo_article.contenthauttitre, #content .logo_article.contentbastitre
{ float: none; padding: 0;}
.portailcognac .cartouche .titrepage h1 {
padding-left: 0;
font-size: 2.35em;
color: #GET{c_titraille};
line-height: 1;
}
.portailcognac #letexte {
display: inline;
padding: 0;
font-size: inherit;
}
@media screen and (max-width: #GET{LargeurContaineur}px) {
[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})
#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:60px;
]
[(#PLUGIN{SIDR}|non)
margin-left:0;
]
padding: 0;
}
#header #cadre_outils ul {
padding-left: 0em;
padding-right: 0em;
}
#header #cadre_outils ul li {
display: inline-block;
}
]
.portailcognac #header #logo {
position: initial;
margin-top: 4em;
margin-bottom: .5em;
text-align: center;
margin-left:0;
width: 100%;
height: auto;
}
.portailcognac #header #logo img {
display: inline-block;
width:80%;
}
#header_inner {
min-height: auto!important;
margin-top: 0!important;
}
#header:before, #content:before, #content:after { display: none!important; }
#menu .logo_rubrique { width: 100%; }
#content, #navigation, #extra { min-height: auto!important; }
#footer {
background: #GET{c_footer_bk}!important;
min-height: auto!important;
height: auto!important;
}
.portailcognac #letexte {
display: block;
padding: 0 0.75em;
}
.portailcognac .boutonstexte, .portailagence .boutonstexte {
right: 0;
}
}
#footer #bandeaucontact p {
margin: 0;
padding-left: 1em;
font-size: 19px;
text-align: left;
}
#footer #bandeaucontact p a {
font-size: inherit;
}
#footer #bandeaucontact p .icon-envelope {
font-size: 1.75em;
vertical-align: text-bottom;
}
.portailcognac #footer #footerbas {
margin: 0;
padding: 0;
}
.portailcognac #footer #footerbas div {
display: block;
}
.portailcognac #footer p {
font-weight: 300;
}
.portailcognac #footer #copymentions {
padding: 1em;
}
.portailcognac #footer #w3cgohome {
font-size: 70%;
}
.portailcognac #footer #footerbas div#droitsauteurs {
display: none;
}
#footer #informations #coordonnees .adresse,
#footer #informations #coordonnees .telephone,
#footer #informations #coordonnees .fax,
#footer #informations #coordonnees .accueil {
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
#footer #informations {
display: flex;
justify-content: space-between;
}
#footer #informations #coordonnees {
margin-top: 1rem;
width: 60%;
}
#footer #informations #carte {
width: 40%;
}
}
.portailcognac #letexte .innermulticolonnes h2 {
border: none;
}
.portailcognac #letexte .innermulticolonnes h2 a {
display: block;
width: 100%;
margin: 0;
padding: .75rem 0 .75rem 1.3rem;
font-size: 2rem;
line-height: 1em;
}
.portailcognac #letexte #listearticlerubrique dt,
.portailcognac #letexte #listerubriquerubrique dt {
padding: .75rem 1.3rem;
border: none;
}
.portailcognac #letexte #listearticlerubrique dt a,
.portailcognac #letexte #listerubriquerubrique dt a {
display: block;
width: 100%;
margin: 1em 0 0;
padding: .75rem 0 .75rem 1.3rem;
font-weight: 400;
font-size: 2rem;
line-height: 1em;
}
.portailcognac #letexte #listearticlerubrique dd,
.portailcognac #letexte #listerubriquerubrique dd {
padding: .75rem 1.3rem;
margin: 0;
border: none;
}
.portailcognac #content dt.h2 { margin-top: 1.6em; margin-bottom: 0; }
.portailcognac #letexte #listearticlerubrique dt a,
.portailcognac #letexte #listerubriquerubrique dt a { padding: 0; margin: 0; }
.portailcognac #content dd p:first-of-type { margin-top: 0; }
.portailcognac #letexte .ps,
.portailcognac #letexte #artrecents.artrecent_bas,
.portailcognac #letexte .notes {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.portailcognac #letexte hr.spip {
width: 100%;
}
.portailcognac #letexte thead,
.portailcognac #letexte table.spip tr.row_first,
.portailcognac #letexte table.spip thead th {
font-size: inherit;
}
.portailcognac #letexte .spip td,
.portailcognac #letexte .spip th {
padding: 10px 15px;
}
.portailcognac #letexte ul,
.portailcognac #letexte ol {
margin: 1rem;
line-height: 1.2;
}
.portailcognac #letexte ol { margin-left: 2.25em; }
#letexte ul ul, #letexte ul ol, #letexte ol ul,
.portailcognac #letexte ul ul, .portailcognac #letexte ul ol, .portailcognac #letexte ol ul { margin-top: .25em; }
.portailcognac #letexte .texteencadre-spip {
padding: .5em 1em;
border: none;
border-top: 1px solid;
border-bottom: 1px solid;
}
@media screen and (max-width: 768px) {
.portailcognac #letexte .logo_modenews {
display: none;
}
}
.portailcognac.bodyarticle .surtitre,
.portailcognac.bodyarticle .soustitre,
.portailcognac.bodyarticle .datepublication {
padding: 0;
font-size: 1em;
font-weight: 400;
}
.portailcognac.bodyarticle .datepublication {
float: none;
text-align: right;
padding-left: 0.5em;
padding-right: 0.5em;
}
.portailcognac.bodyarticle .surtitre {
padding-bottom: .5rem;
}
.portailcognac.bodyarticle .soustitre {
padding-top: .5rem;
}
.portailcognac.bodyarticle .chapo p {
font-weight: 700;
}
.portailcognac.bodyarticle .cartouche .titrepage h1 {
display: block;
width: 100%;
margin: 1em 0 0;
padding: .75rem 0 .75rem 1.3rem;
font-weight: 400;
font-size: 2rem;
line-height: 1em;
}
@media screen and (max-width: 640px) {
.portailcognac.bodyarticle .cartouche .titrepage h1 {
display: flex;
background: none;
padding: 0;
justify-content: center;
flex-direction: column-reverse;
align-items: flex-start;
border: none;
}
.portailcognac.bodyarticle .cartouche .titrepage h1 .logo_article,
.portailcognac.bodyarticle .cartouche .titrepage h1 .logo_rubrique {
float: none;
margin: 0;
padding: 1rem 0 0 0;
}
}
.portailcognac.bodyarticle .cartouche .notation .ariaformprop {
background-color: transparent;
}
.portailcognac.bodyarticle .cartouche .notation .notation_note {
display: inline-block;
}
.portailcognac.bodyarticle .cartouche .notation .note {
padding-left: 7px;
font-size: 1rem;
font-weight: 300;
border: none;
}
.portailcognac #artrecents {
margin: 1em 0 0 0;
padding-bottom: 1em;
border-radius: 0;
}
.portailcognac #artrecents h2 {
padding-bottom: 1rem;
}
.portailcognac #artrecents ul {
line-height: 2;
}
.portailcognac #extra .rss_bottom a {
margin: 0 .5rem;
}
.portailcognac #documents_portfolio img {
margin: 0 .75em .75em 0;
}
.portailcognac #navigation .navstuff {
margin-top: .65rem;
padding-right: 1rem;
padding-left: 1rem;
}
.portailcognac #navigation .navstuff .espaceavant {
margin-top: 0;
}
.portailcognac #navigation .navstuff li img + a span,
.portailcognac #navigation .navstuff li img + strong a span {
padding-left: 10px;
}
.portailcognac #navigation .navstuff img.menu_plus,
.portailcognac #navigation .navstuff img.menu_minus {
cursor: pointer;
}
.portailcognac #navigation a {
margin: 0;
padding: .5rem 1rem;
border-top: 1px solid #ccc;
}
.portailcognac #navigation strong a,
.portailcognac #navigation a:hover {
margin: 0;
}
.portailcognac .titre-plan {
margin-top: 4em;
}
.portailcognac .titre-plan:before {
content: "";
display: block;
background-color: #GET{c_footer};
width: 100%;
height: 1px;
}
.portailcognac .titre-plan h1 {
display: table;
background-color: #GET{c_footer_bk};
margin: -1.1em 1em 1em 0.75em;
padding: .25em .8em .3em!important;
color: #GET{c_footer};
font-size: 2rem;
border-left: 1px solid #GET{c_footer};
}
.portailcognac #footer .menu > li > a {
padding-left: 0;
}
.portailcognac #footer h2 a {
padding-bottom: 7px;
font-weight: 300;
font-size: .85em;
border-bottom: 2px dotted transparent;
}
#footer .liste-rubriques section {
max-width: 300px;
padding: 0 0 0 1em;
}
#footer .liste-rubriques a,
#footer .liste-rubriques a:hover,
#footer .liste-rubriques a:focus {
color: #GET{c_footer};
}
#footer .liste-rubriques li {
line-height: 1.25em;
border-bottom: 2px dotted transparent;
}
#footer .liste-rubriques li:hover,
#footer .liste-rubriques li:focus {
border-bottom: 2px dotted #GET{c_footer};
}
#footer .liste-rubriques li a {
display: inline-block;
padding: .35em 0!important;
}
@media screen and (max-width: 800px) {
#footer .liste-rubriques section {
border-bottom: 1px solid #GET{c_footer};
}
}
@media screen and (max-width: 400px) {
#footer .liste-rubriques section {
width: 100%;
}
}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
}
.icon-lg {
font-size: 2.33333333em;
line-height: 0.75em;
}
.portailcognac .icon-lg {
font-size: 1.33333333em;
}
.icon-2x {
font-size: 2em;
vertical-align: middle;
}
.icon-25x {
font-size: 2.5em;
}
.icon-3x {
font-size: 3em;
}
.icon-4x {
font-size: 4em;
}
.icon-5x {
font-size: 5em;
}
.icon-fw {
width: 1.28571429em;
text-align: center;
}
.portailcognac .formulaire_spip .boutons {
text-align: center;
}
#js-modal.sombre-modal {
position: fixed;
background-color: rgba(34, 34, 34, 0.95);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 0;
width: auto;
height: auto;
z-index: 9999;
}
#js-modal #form_rech {
max-width: 640px;
margin: 0 auto;
}
#js-modal.sombre-modal .sombre-modal__wrapper {
max-width: 640px;
margin: 15vh auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
[color: #(#GET{c_menu_a}|couleur_inverserluminosite{20,true});]
background: transparent;
}
#js-modal #menu_lang {
float: none;
font-size: 3em;
background-color: transparent;
}
#js-modal #form_rech label {
width: 100%;
text-align: center;
color: white;
font-size: 2em;
font-weight: 300;
padding: 1em;
}
#js-modal #form_rech .searchfield {
width: auto;
padding: .5rem 1rem;
font-size: 2rem;
font-weight: 300;
border: none;
border-right: 1px solid;
}
#js-modal #sendsearch {
padding: .85rem;
font-size: 1.5rem;
border: none;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
@media screen and (max-width: 640px) {
#js-modal #form_rech label,
#js-modal #form_rech .searchfield {
font-size: 1.5em;
}
#js-modal #form_rech .sendsearch {
font-size: 1.2em;
}
}
#js-modal .socialtags ul {
background: #fff;
padding: 2em 3em !important;
border: 3px solid #000;
}
#js-modal-close {
position: absolute;
right: 1em;
top: .5em;
width: 70px;
height: 70px;
opacity: 0.75;
z-index: 9999;
background-color: transparent;
border: none;
}
#js-modal-close .sombre-modal-close__text {
display: none;
}
#js-modal-close:hover {
opacity: 1;
}
#js-modal-close:hover:before {
background-color: #e5222e;
transform: rotate(-45deg);
-webkit-transition: all .5s ease!important;
transition: all .5s ease!important;
}
#js-modal-close:hover:after {
background-color: #e5222e;
transform: rotate(45deg);
-webkit-transition: all .5s ease!important;
transition: all .5s ease!important;
}
#js-modal-close:before,
#js-modal-close:after {
position: absolute;
top: 0;
left: 35px;
content: ' ';
height: 70px;
width: 2px;
background-color: #fff;
}
#js-modal-close:before {
transform: rotate(45deg);
-webkit-transition: all .5s ease!important;
transition: all .5s ease!important;
}
#js-modal-close:after {
transform: rotate(-45deg);
-webkit-transition: all .5s ease!important;
transition: all .5s ease!important;
}
#js-modal .socialtags {
height: auto!important;
margin-bottom: 1rem;
}
#js-modal .socialtags img {
width: auto;
height: auto;
margin: 0 5px;
}
#js-modal .socialtags img:hover,
#js-modal socialtags img:focus {
-webkit-transition: all .3s ease!important;
transition: all .3s ease!important;
-webkit-transform: scale(1.05, 1.05) !important;
transform: scale(1.05, 1.05) !important;
}
@media screen and (max-width: 40em) {
#js-modal .socialtags {
text-align: center;
}
}
#js-modal .socialtags-hovers,
#js-modal .socialtags-hovers:hover,
#js-modal .socialtags-hovers:focus {
-webkit-transition: all .3s ease!important;
transition: all .3s ease!important;
}
[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})
.hasJS #socialtags,
.hasJS #cadre_lang,
.hasJS #cadre_recherche,
.hasJS #miniagenda,
.hasJS #newsletterinscription,
.call-js-modal {
display: none;
}
#js-modal-content #socialtags,
#js-modal-content #cadre_lang,
#js-modal-content #cadre_recherche,
#js-modal-content #miniagenda,
#js-modal-content #newsletterinscription {
display: block;
}
]
#js-modal-content #cadre_recherche { padding: 2em 0 0.5em; }
#js-modal-content #formulaire_recherche_par_mot {
text-align: right;
float: none;
margin: 0.5em;
}
/* MiniAgenda Modale */
#js-modal.sombre-modal .cadreinfo{max-height:70vh;padding:1.5em;margin:0;border-radius:7px;overflow:auto}
.cadreinfo table.agenda th,.cadreinfo table.agenda td{padding:.5em .95em}
.cadreinfo table.agenda tr,.cadreinfo table.agenda th{background-color:#ddd}
.cadreinfo table.agenda td.agendathismonth{background-color:#ccc;color:#333}
.cadreinfo table.agenda td.agendathisday{background-color:#GET{c_triadeb};color:#FFF}
.cadreinfo table.agenda td.event,
.cadreinfo table.agenda td.events {padding:0}
.cadreinfo table.agenda td.event a,
.cadreinfo table.agenda td.events a {background-color:#GET{c_triadea};background-image:none;padding:.5em .95em;color:#FFF}
.cadreinfo table.agenda td.agendanotthismonth{background-color:#aaa;color:#ccc}
.cadreinfo .caractencadre-spip{color:#GET{c_triadea}}
.cadreinfo li > a strong{font-weight:400}
.cadreinfo li{padding:.3em .5em;border:1px solid #FFF;border-bottom-color:#ddd}
.cadreinfo .miniagenda > h2:nth-child(1){margin-bottom:.25em;padding-bottom:.5em;border-bottom:1px solid #ccc}
.portailcognac #js-modal-content .ariaformprop { background-color: transparent; }
.hasJS .call-js-modal {
display: initial;
}
@media screen and (max-width: 768px) {
#miettesdepain,
.boutonstexte,
.socialtags {
display: none;
}
}
.portailcognac .menu {
margin: 0;
list-style-type: none;
}
.portailcognac .menu > li {
display: table-cell;
vertical-align: middle;
}
.portailcognac .vertical > li {
display: block;
vertical-align: middle;
}
.portailcognac .title-bar-center .menu > li:hover,
.portailcognac .title-bar-center .menu > li:focus,
.portailcognac .title-bar-center .menu > li.rubActive {
font-weight: normal;
}
.portailcognac .rubActive strong {
font-weight: inherit;
}
.portailcognac h1,
.portailcognac h2,
.portailcognac h3,
.portailcognac h4,
.portailcognac h5,
.portailcognac h6,
.portailcognac .h1,
.portailcognac .h2,
.portailcognac .h3,
.portailcognac .h4,
.portailcognac .h5,
.portailcognac .h6 {
font-weight: 400;
letter-spacing: .02rem;
}
.flex-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex-item {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.masonry {
display: flex;
flex-flow: row wrap;
margin-left: 0;
width: calc(100% + 20px);
}
.masonry-brick {
flex: auto;
min-width: calc(25% - 20px);
margin: 0 20px 20px 0!important; /* Some gutter */
float: none!important;
height: auto!important;
}
/* grid-item */
.grid-item .h2 .icon:before {
font-size: 30px;
}
.grid-item-x2 {
width: calc(50% - 20px) ;
}
.grid-item-x3 {
width: calc(75% - 20px) ;
}
.grid {
text-align: center;
}
.grid-item {
margin-bottom: 20px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
background-color: #eae9e5;
color: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];
float: left;
margin-right: 20px;
}
.grid-item a {
color: inherit;
}
.grid-item .content-actus:hover,
.grid-item .content-actus:focus {
/* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
background-color: rgba([(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|sc_rgb)], 0.2);
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.grid-item .content-actus {
/* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
background-color: #[(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|couleur_foncerluminosite{20})];
}
.grid-item .content-actus:nth-child(2) {
margin-top: 16px;
}
.grid-item header {
font-size: 1.5em;
font-weight: 300;
line-height: 21px;
overflow: auto;
}
.grid-item .h2 {
display: flex;
flex-direction: row;
width: 100%;
height: 95px;
margin: 0;
font-size: 1.3125em;
font-weight: 400;
color: inherit;
line-height: 1em;
padding: 10px;
text-align: right;
border: none;
overflow-y: auto;
scrollbar-width: thin; // https://developer.mozilla.org/fr/docs/Web/CSS/scrollbar-width
scrollbar-color: #GET{c_fildarianehome} #F5F5F5; // https://developer.mozilla.org/fr/docs/Web/CSS/scrollbar-color
}
.grid-item .h2::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.grid-item .h2::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #F5F5F5;
}
.grid-item .h2::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #GET{c_fildarianehome};
}
.grid-item .h2 .icon {
font-size: 0;
align-self: center;
padding: 7px 0 7px 7px;
}
.grid-item .h2 .titre-actus {
width: 100%;
align-self: top;
padding: 10px 10px 10px 0;
border-right: 1px solid;
}
.petitestuiles .grid-item .h2 .titre-actus {
font-size: 85.7144%;
}
#content .grid-item img { padding: 0; }
.grid-item img {
max-width: 100%;
width: 100%;
max-height: [(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px;
background-color: #GET{c_body_bk};
}
.grid-item {
margin-bottom: 20px;
}
#SET{masonry,308}
/*
M : [(#GET{masonry}|mult{4}|moins{100})]
LC: #GET{LargeurContaineur}
*/
.gutter-sizer { width: 20px; }
[(#GET{masonry}|mult{4}|moins{100}|<={#GET{LargeurContaineur}}|oui)
/* M <= LC */
.grid-sizer, .grid-item {
width: calc(25% - 20px);
min-width: 263px;
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 65px);
}
.grid-item-autoheight {
height: auto;
}
.grid-item-demie {
height: calc(127px + 65px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(50% - 20px);
}
.grid-item-x3 {
width: calc(75% - 20px);
}
@media only screen and (max-width: #GET{LargeurContaineur}px) {
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
}
]
[(#GET{masonry}|mult{4}|moins{100}|<={#GET{LargeurContaineur}}|non)
/* M > LC */
.grid-sizer, .grid-item {
width: calc(33.333% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(66.666% - 20px);
}
.grid-item-x3 {
width: calc(100% - 20px);
}
]
@media only screen and (max-width:[(#GET{masonry}|mult{4}|moins{100})]px) {
.grid-sizer, .grid-item {
width: calc(33.333% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(66.666% - 20px);
}
.grid-item-x3 {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: [(#GET{masonry}|mult{3}|moins{80})]px) {
.grid-sizer, .grid-item {
width: calc(50% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: [(#GET{masonry}|mult{2}|moins{60})]px) {
.grid-sizer, .grid-item {
width: calc(100% - 20px);
}
.grid-item {
height: auto;
}
}
<BOUCLE_CouleursRubriques(MOTS){type=_CouleurRubrique}{par id_mot}>
.grid-item .couleurrubrique#ID_MOT,
#projets .couleurrubrique#ID_MOT { [background-color: #(#TEXTE|textebrut);][ color: #(#TEXTE|textebrut|couleur_extreme|couleur_inverser);] }
.grid-item .couleurrubrique#ID_MOT:hover,
.grid-item .couleurrubrique#ID_MOT:focus,
#projets .couleurrubrique#ID_MOT:hover,
#projets .couleurrubrique#ID_MOT:focus { [background-color: #(#TEXTE|textebrut|couleur_eclaircir);] }
</BOUCLE_CouleursRubriques>
.agenda strong {
font-size: 1.8em;
vertical-align: bottom;
}
.agenda .annee {
font-size: 1.8em;
}
.agenda time {
padding: 0 .25em;
}
.agenda {height: 95px; }
.grid-item .agenda .h2 {
font-size: 1em;
overflow-x: hidden;
}
.grid-item .agenda .date {
padding: 0;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.agenda time {
text-align: center;
}
.agenda .debutfin time {
text-align: left;
}
.grid-item .agenda .date.debutfin {
display: block;
align-items: left;
justify-content: left;
}
/* Affichage des dates. cf https://codepen.io/jpyrat/pen/EmZrpR */
.date {
width: 95px;
height: 95px;
position: relative;
background: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];
color: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header},#GET{c_header_bk}})];
}
.debutfin.horaires:after, .debutfin.journees:after {
content: "";
position: absolute;
right: 0;
top: 0;
border-top: 2px solid #fff;
width: 142%;
transform: rotate(-45deg);
transform-origin: 99% 0%;
}
.debut, .fin {
width: 75%;
height: 50%;
position: absolute;
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
line-height: 1.2em;
font-size: 75%;
}
.debutfin.journee .debut {
font-size: 100%;
width: 100%;
top: 20%;
height: auto;
text-align: center;
line-height: 2em;
}
.agenda .debutfin time.fin {
right: 0;
top: 50%;
text-align: right;
}
.ladate {
margin:0;
padding:0;
}
.annee {
font-size: 1.2em;
line-height: 0.82em;
display: block;
}
.grid-item .year { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
.grid-item .year .h2 .titre-actus { border: none; font-weight: bold; font-size: 2em; }
.grid-item .month { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
.grid-item .month .h2 .titre-actus { border: none; font-weight: bold; font-size: 1.5em; }
stylessoyezcreateurs.css.html
+ 12
− 1825
Voir le fichier @ 9a3c8f76
Ce diff est replié.
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