diff --git a/stylesportailcognac.css.html b/stylesportailcognac.css.html index e5d9746df3e19fda51914ed9941e55d86c1566d3..21be9771f753c0906570c6bf0b3a05b55b55ab66 100644 --- a/stylesportailcognac.css.html +++ b/stylesportailcognac.css.html @@ -779,7 +779,6 @@ img.editologo { text-align: center; } - #masonry { max-width: #GET{LargeurContaineur}px; margin: 0 auto; @@ -787,99 +786,6 @@ img.editologo { text-align: center; } -.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; -} - #projets { margin: 0; padding: 0; diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html index 7c563a016774b3c9ab3960d45f440a9040bd0089..13e34d437f6e6bbbed87488fc8afd8f4387e3cae 100644 --- a/stylessoyezcreateurs.css.html +++ b/stylessoyezcreateurs.css.html @@ -3545,6 +3545,99 @@ LC: #GET{LargeurContaineur} #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}; }