siteweb/librealire
7
1
Fork 0
Code Pull Requests Releases Wiki Activity

v0.4.0

Browse Source 
nettoyage et inclusion perso.css
This commit is contained in:
chankalan 2020-12-07 15:39:55 +01:00
parent e8372c2960
commit b2e9123d68
15 changed files with 322 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
squelettes/aside/article-blog.html
View File

@ -1,12 +0,0 @@
[(#REM) Articles dans la meme rubrique ]
<B_articles_rubrique>
#ANCRE_PAGINATION
<ul>
<BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {tri_rubrique} {pagination 5}>
<li><INCLURE{fond=inclure/resume/article,id_article} /></li>
</BOUCLE_articles_rubrique>
</ul>
[<p class="pagination">(#PAGINATION{page})</p>]
</B_articles_rubrique>

7
squelettes/aside/article.html
View File

@ -1,7 +0,0 @@
<BOUCLE_article(ARTICLES){id_article}>
[<div class="ps">
<div class="#EDIT{ps} article__ps">(#PS|image_reduire{#CONST{_CONTENT_WIDTH},0})</div>
</div>]
</BOUCLE_article>

2
squelettes/aside/rubrique-blog.html
View File

@ -1,2 +0,0 @@
[(#REM) rien pour l'instant ]

1
squelettes/aside/rubrique.html
View File

@ -1 +0,0 @@
<INCLURE{fond=aside/dist,env} />

2
squelettes/body.html
View File

@ -33,7 +33,7 @@
<div class="page_connexplus"> <div class="page_connexplus">
<div class="page_container page_connexplus__container"> <div class="page_container page_connexplus__container">
<INCLURE{fond=inclure/themes,titre=Thèmes récents} /> <INCLURE{fond=inclure/themes,env,ajax,titre=Thèmes récents} />
</div> </div>
</div> </div>

4
squelettes/content/article.html
View File

@ -31,9 +31,9 @@
<div class="main"> <div class="main">
[<div class="#EDIT{chapo} article__chapo">(#CHAPO)</div>] [<div class="#EDIT{chapo} article__chapo">(#CHAPO|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>]
[<div class="#EDIT{texte} article__texte">(#TEXTE|image_reduire{#CONST{_CONTENT_WIDTH},0})</div>] [<div class="#EDIT{texte} article__texte">(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>]
</div> </div>

2
squelettes/content/sommaire.html
View File

@ -18,4 +18,4 @@
<//B_accueil> <//B_accueil>
<INCLURE{fond=inclure/liste/articles-resume,env,ajax,parpage=10,id_rubrique=1,hero=oui,class=blog,titre=Toute l'actualité} /> <INCLURE{fond=inclure/liste/articles-resume,env,ajax,parpage=10,id_rubrique=1,hero=oui,class=blog,class=taille130,align=center,voirtous=Toutes les transcriptions} />

17
squelettes/inclure/recherche/articles.html
View File

@ -1,14 +1,15 @@
<BOUCLE_trans(RUBRIQUES){composition=transcriptions}>
[(#REM) Articles trouves ] [(#REM) Articles trouves ]
<B_articles> <B_articles>
<div class="liste_articles">
#ANCRE_PAGINATION #ANCRE_PAGINATION
<h2><:articles:/> (#GRAND_TOTAL)</h2> <h2 class="h2"><:articles:/> (#GRAND_TOTAL)</h2>
<ul> <div>
<BOUCLE_articles(ARTICLES) {recherche} {lang} {!par points} {pagination 5}> <BOUCLE_articles(ARTICLES) {id_rubrique} {recherche} {lang} {!par points} {pagination 5}>
<li class="block-link-parent"> #INCLURE{fond=inclure/resume/article, id_article, env, couper=#ENV{couper}, compteur=#COMPTEUR_BOUCLE}
<strong><a class="block-link" href="#URL_ARTICLE"[ hreflang="(#LANG)"]>#TITRE</a></strong>[
(#COMPOSITION|=={transcriptions}|non)[(#INTRODUCTION{150})]
]</li>
</BOUCLE_articles> </BOUCLE_articles>
</ul> </div>
[<p class="pagination">(#PAGINATION)</p>] [<p class="pagination">(#PAGINATION)</p>]
</div>
</B_articles> </B_articles>
</BOUCLE_trans>

33
squelettes/inclure/resume/article.html
View File

@ -1,33 +0,0 @@
<BOUCLE_articles(ARTICLES) {id_article}>
<article class="article-resume[ article-resume--(#ENV{class})] block-link-parent[(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|oui) hero]">
<div class="article-resume__logo">[(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|oui)<a href="#URL_ARTICLE">]
[(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|oui)
[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/nologo.png}}|image_reduire{#CONST{_CONTENT_WIDTH}|div{3}} )]
][(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|non)
[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/nologo.png}}|image_recadre{#CONST{_IMAGE_RATIO}, -, focus}|image_reduire{140} )]
]
[(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|oui)</a>]</div>
<div class="article-resume__texte">
<[(#ENV{h,h2})] class="article-resume__titre"><a href="#URL_ARTICLE" class="[(#ENV{hero}|=={oui}|oui)[(#ENV{compteur}|=={1}|non)block-link]][(#ENV{hero}|=={oui}|non)block-link][ (#ENV{class_link})]">#TITRE</a></[(#ENV{h,h2})]>
<p class="article-resume__soustitre">#SOUSTITRE</p>[(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|oui)[(#COMPOSITION|=={blog}|non)
<a href="#URL_ARTICLE" class="[ (#ENV{class_link})]"><span class="btn"><:baz_april:lire:></span></a>]]
<div class="article-resume__infos">
[<span class="article-resume__date">(#DATE|nom_jour|ucfirst) [(#DATE|affdate)]</span>]
</div>[(#COMPOSITION|=={blog}|oui)
<div class="article-resume__intro">
[(#INTRODUCTION{#ENV{longueur,180}}|PtoBR)]
</div>][(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|ou{#COMPOSITION|=={blog}}|non)
<a class="tp"><:baz_april:lire:></a>]
<BOUCLE_groupes(GROUPES_MOTS){si #ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|oui}{par titre}>
<B_tags>
<p class="mots">
#TITRE <BOUCLE_tags(MOTS){id_article}{id_groupe}>
<a href="#URL_MOT">#TITRE</a>
</BOUCLE_tags>
</p>
</B_tags>
</BOUCLE_groupes>
</div>
</article>
</BOUCLE_articles>

13
squelettes/inclure/themes.html
View File

@ -1,16 +1,17 @@
<div class="liste liste_mots"> <div class="liste liste_mots">
[<h2>(#ENV{titre})</h2>] [<h2>(#ENV{titre})</h2>]
<p class="tri">Tri [<a href="(#SELF|parametre_url{tri,titre})" class="ajax">par titre</a>] ou [<a href="(#SELF|parametre_url{tri,''})" class="ajax">par utilisation</a>]</p>
<div class="listes"> <div class="listes">
#SET{popmot,#ARRAY} #SET{popmot,#ARRAY}
<BOUCLE_popmots(MOTS){id_groupe=1}> <BOUCLE_popmots(MOTS){id_groupe=1}{par titre}>
<BOUCLE_pop(ARTICLES){id_mot}> <BOUCLE_pop(ARTICLES){id_mot}>
</BOUCLE_pop> </BOUCLE_pop>
#SET{popmot,#GET{popmot}|array_merge{#ARRAY{mot#ID_MOT,#TOTAL_BOUCLE}}} #SET{popmot,#GET{popmot}|array_merge{#ARRAY{mot#ID_MOT,#TOTAL_BOUCLE}}}
</B_pop> </B_pop>
</BOUCLE_popmots> </BOUCLE_popmots>
<ul> <ul>
<BOUCLE_popop(DATA){source tableau, #GET{popmot}}{!par valeur}> <BOUCLE_popop(DATA){si #ENV{tri}|non}{source tableau, #GET{popmot}}{!par valeur}{par valeur, cle}>
<li><a href="[(#INFO_URL{mot,[(#CLE|retiremot)]})]"> <li><a href="[(#INFO_URL{mot,[(#CLE|retiremot)]})]">
[(#VALEUR|>={100}|oui)<strong>][(#INFO_TITRE{mot,[(#CLE|retiremot)]})] <small>(#VALEUR)</small>[(#VALEUR|>={100}|oui)</strong>] [(#VALEUR|>={100}|oui)<strong>][(#INFO_TITRE{mot,[(#CLE|retiremot)]})] <small>(#VALEUR)</small>[(#VALEUR|>={100}|oui)</strong>]
</a></li> </a></li>
@ -18,6 +19,14 @@
[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{2}}|oui)</ul><ul>] [(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{2}}|oui)</ul><ul>]
[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{3}}|oui)</ul><ul>] [(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{3}}|oui)</ul><ul>]
</BOUCLE_popop> </BOUCLE_popop>
<BOUCLE_popopt(DATA){si #ENV{tri}|=={titre}|oui}{source tableau, #GET{popmot}}>
<li><a href="[(#INFO_URL{mot,[(#CLE|retiremot)]})]">
[(#VALEUR|>={100}|oui)<strong>][(#INFO_TITRE{mot,[(#CLE|retiremot)]})] <small>(#VALEUR)</small>[(#VALEUR|>={100}|oui)</strong>]
</a></li>
[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round}|oui)</ul><ul>]
[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{2}}|oui)</ul><ul>]
[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{3}}|oui)</ul><ul>]
</BOUCLE_popopt>
</ul> </ul>
</div> </div>
</div> </div>

12
squelettes/javascript/perso.js
View File

@ -6,7 +6,10 @@ $(function() {
$(this).toggleClass('on').siblings('ul').toggle().toggleClass('ouvert'); $(this).toggleClass('on').siblings('ul').toggle().toggleClass('ouvert');
}); });
$('.sommaire-back').on('click', function(){ $('.sommaire-back').on('click', function(){
var hash = "#sommaire-titre";
$('.sommaire_titre:not(.on)').toggleClass('on').siblings('ul:not(.ouvert)').toggle().addClass('ouvert'); $('.sommaire_titre:not(.on)').toggleClass('on').siblings('ul:not(.ouvert)').toggle().addClass('ouvert');
window.location.hash = hash;
// return false;
}); });
$('.formulaire_signaler').toggle(); $('.formulaire_signaler').toggle();
@ -14,4 +17,13 @@ $(function() {
$('.formulaire_signaler').toggle(); $('.formulaire_signaler').toggle();
}); });
// effet visuel sur lien lire dans les résumés d'article
$('a.block-link').on({
mouseenter: function(){
$(this).parent().parent().find('.tp').addClass('on');
}, mouseleave: function(){
$(this).parent().parent().find('.tp').removeClass('on');
}
});
}); });

12
squelettes/modeles/sommaire.html
View File

@ -1,12 +0,0 @@
#SET{liste, '*'}
[(#CONFIG{sommaire_automatique_numerote}|=={on}|oui)
#SET{liste, '#'}
]
<B_somm>
<div class="nav-sommaire nav-sommaire-[(#ENV{sommaire}|count)]">
<span class="plein sommaire_titre"><:sommaire:titre_cadre_sommaire:><i class="fas fa-caret-right"></i></span>
<BOUCLE_somm(POUR){tableau #ENV{sommaire}}>
-[(#GET{liste}|str_pad{#VALEUR{niveau},#GET{liste}})] [#VALEUR{id}<-][#VALEUR{titre}->#VALEUR{href}]</BOUCLE_somm>
</div>
</B_somm>
#FILTRE{propre}

2
squelettes/modeles/themes.html
View File

@ -1 +1 @@
<INCLURE{fond=inclure/themes} /> <INCLURE{fond=inclure/themes,env,ajax} />

335
squelettes/scss/styles/_perso.scss
View File

@ -1,40 +1,54 @@
/* les surcharges de chaque site dans un plugin indépendant */ /* les surcharges de chaque site dans un plugin indépendant */
body {
font-family:$typo-Merriweather;
font-size:0.9rem;
font-weight:200;
line-height:1.7;
}
.page_container {
max-width:1068px;
}
a { a {
&.tp { &.tp {
background:none !important; background:none !important;
padding:0; padding:0;
color:$couleurPrincipale; color:$couleurBouton;
position:relative;
border:0 !important;
font-weight:700;
text-decoration:none;
&:before { &:before {
content:'...'; content:'' !important;
display:inline-block; display:inline-block !important;
margin: 0 -2em 0 0; position:absolute;
font-size: 1.2rem; bottom:-0.5em;
float: left; left:0;
line-height: 1.8;
color: $couleurSecondaire; color: $couleurSecondaire;
min-width:24px; min-width:18px;
/*padding-bottom: 4px; padding-bottom: 10px;
background-image:radial-gradient(circle, $couleurSecondaire 1px, rgba(255,255,255,0) 1.5px); background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
background-position: bottom left; background-position: bottom left;
background-size: 8px 4px; background-size: 6px 4px;
background-repeat: repeat-x;*/ background-repeat: repeat-x;
} }
&.taille3 { &.taille3 {
&:before { &:before {
line-height:2.2; line-height:2.2;
} }
} }
&:hover, &:focus { &:hover, &:focus, &.on {
/*color:$couleurSecondaire; color:$couleurSecondaire;
background-image:radial-gradient(circle, $couleurSecondaire 1px, rgba(255,255,255,0) 1.5px);
background-position: bottom left;
background-size: 8px 4px;
background-repeat: repeat-x;*/
&:before { &:before {
/* background:none; */ background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
content:'......'; background-position: bottom left;
background-size: 14px 4px;
background-repeat: repeat-x;
min-width:70px;
left:-4px;
} }
} }
} }
@ -113,8 +127,58 @@ a {
} }
} }
/* blocs */ //
// modele themes = liste de mots-clefs
.liste.liste_mots {
.tri {
a {
text-decoration:underline;
}
}
.listes {
display:flex;
flex-wrap:wrap;
> ul {
width:25%;
margin:0;
list-style:none;
@include media($bp-small) {
width:50%;
}
}
li {
margin: 0 1.5em 0.2em 0;
a {
line-height:1.1;
display:block;
padding:0.3rem 0;
}
}
}
}
/* blocs */
.page_header .header_initiatives, .page_header .header_initiatives .nav, .btn-nav, .page_header .header_initiatives .btn-initiatives {
@include gradient-4($couleurPrincipale,$couleurPrincipale,$couleurPrincipale,#184f5e);
opacity:1;
}
.nav {
a {
padding-bottom: 10px;
border:0;
background-position: bottom left;
background-size: 6px 4px;
background-repeat: repeat-x;
&.on, &:hover, &:focus {
background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
}
}
}
.page_connex { .page_connex {
background:$couleurConnex; background:$couleurConnex;
@include gradient-4(); @include gradient-4();
@ -122,8 +186,10 @@ a {
padding:($spacer*2) 0; padding:($spacer*2) 0;
h2 { h2 {
margin-bottom:($spacer); margin-bottom:($spacer);
font-weight:700; color: lighten(desaturate($couleurConnex,40%),48%)/*#C5EBF0*/;
color:white; line-height: inherit;
font-size: 1.1em;
font-weight: 200;
} }
.liste_articles { .liste_articles {
position:relative; position:relative;
@ -132,34 +198,51 @@ a {
&:last-child { &:last-child {
margin-bottom:0; margin-bottom:0;
} }
.btn {
position:absolute;
right:0;
top:($spacer/3);
}
.article-resume.block-link-parent { .article-resume.block-link-parent {
margin-bottom:0; margin-bottom:0;
border: 0; border: 0;
background: none; background: none;
color: white; color: white;
padding:$spacer 0 0;
} }
.article-resume__texte { .article-resume__texte {
padding-top:$spacer; padding-top:($spacer/2);
color: white; color: white;
border-top:1px solid lighten(desaturate($couleurConnex,50%),30%);
} }
.article-resume__date { .article-resume__date {
margin-top:0; top:0;
left:0;
} }
.article-resume .article-resume__titre { .article-resume .article-resume__titre {
font-size:1.2rem; font-size:1.2rem;
line-height:1.4; line-height:1.4;
a {
color:white;
&:hover {
color:$couleur-texte;
}
}
} }
.article-resume__intro, .article-resume__soustitre { .article-resume__intro, .article-resume__soustitre {
color:white; color:white;
font-size:0.9rem;
} }
.spip_logo, .tp { .spip_logo, .tp {
@include visuallyhidden; @include visuallyhidden;
} }
.btn {
position:absolute;
right:0;
top:($spacer/3);
background:none;
color:white;
font-size:0.8rem;
&:focus {
background:transparent !important;
color:lighten(desaturate($couleurConnex,50%),30%);
}
}
@include media($bp-medium-up){ @include media($bp-medium-up){
> div { > div {
@include flex(); @include flex();
@ -179,24 +262,20 @@ a {
.page_connexplus { .page_connexplus {
padding:($spacer*1.5) 0; padding:($spacer*1.5) 0;
background:$couleurConnexplus; background:$couleurConnexplus;
color:#000; color:$couleur-titres;
margin-bottom:($spacer*1.5); margin-bottom:($spacer*1.5);
.liste.liste_mots .listes { .liste.liste_mots {
display:flex; h2 {
flex-wrap:wrap; /* color:$couleur-lien; */
> ul {
width:25%;
margin:0;
list-style:none;
@include media($bp-small) {
width:50%;
}
} }
li { .listes {
margin: 0 0 0.2em; > ul {
a { font-size:0.85rem;
line-height:1.1; }
margin: 0 2em 0 0; li {
a {
line-height:1.1;
}
} }
} }
} }
@ -223,6 +302,15 @@ a {
.page_sommaire { .page_sommaire {
.page_content { .page_content {
margin-right:0; margin-right:0;
.liste_articles {
.btn.voirtous {
display: block;
width: 300px;
margin:0 auto;
padding:1.5rem;
box-shadow:6px 6px 6px #90abb3;
}
}
} }
} }
.texte_accueil { .texte_accueil {
@ -230,13 +318,17 @@ a {
margin-bottom:$spacer; margin-bottom:$spacer;
font-family:$typo-Merriweather; font-family:$typo-Merriweather;
font-weight:200; font-weight:200;
color:$couleurPrincipale; color:$couleur-lien;
@include clearfix(); @include clearfix();
@include flex(); @include flex();
.main { .main {
max-width: 65%; max-width: 65%;
font-size: 1.6rem; font-size: 1.6rem;
padding:$spacer ($spacer*4) $spacer ; padding:$spacer ($spacer*4) $spacer 0;
.btn {
margin-bottom:2rem;
margin-right:2rem;
}
} }
aside { aside {
max-width:35%; max-width:35%;
@ -256,12 +348,58 @@ a {
} }
.formulaire_spip.formulaire_recherche { .formulaire_spip.formulaire_recherche {
font-size:1rem; font-size:1rem;
form {
border:0;
box-shadow: inset 0 0 5px 0px rgba(10,115,141, 0.7);
}
} }
/* page blog */ /* page blog */
.rubrique-blog { .rubrique-blog {
.cartouche .publication {
@include visuallyhidden; }
.cartouche .publication {
@include visuallyhidden;
}
.liste.articles {
.liste-items {
margin-left:0;
list-style:none;
}
&.blog {
// resume
.article-resume {
border-left:0;
background-color:transparent;
padding:1.5rem 0 0;
margin-bottom:($spacer*2);
.article-resume__texte {
border-top:1px solid $couleurBordureBleue;
}
.article-resume__titre {
/* font-size: 1.4rem; */
/* line-height: 1.6; */
}
.hero .article-resume__titre {
/* font-size:1.8rem; */
}
.article-resume__soustitre {
/* font-weight:700; */
/* margin:0; */
}
.article-resume__logo {
}
.article-resume__date {
top:0.2rem;
left:0;
}
}
} }
} }
@ -271,16 +409,11 @@ a {
display:block; display:block;
border-left:solid $couleurConnexplus ($spacer/3); border-left:solid $couleurConnexplus ($spacer/3);
background-color:$couleurBkgT; background-color:$couleurBkgT;
padding:($spacer*2.5) $spacer $spacer ($spacer*3.2); padding:($spacer*2.5) $spacer $spacer ($spacer*1.5);
/* surcharger la feuille perso.css */ margin-bottom:($spacer*2);
html & .spip_logo {
width:auto;
}
&.hero .spip_logo {
margin-bottom:$spacer;
}
&, a { &, a {
color:#0a4756; color:$couleur-lien-resume;
} }
&:after { &:after {
content:''; content:'';
@ -288,9 +421,12 @@ a {
clear:both; clear:both;
} }
.article-resume__titre { .article-resume__titre {
font-size: 2rem; font-size: 1.4rem;
line-height: 1.6; line-height: 1.6;
} }
&.hero .article-resume__titre {
font-size:1.8rem;
}
.article-resume__soustitre { .article-resume__soustitre {
font-weight:700; font-weight:700;
margin:0; margin:0;
@ -303,10 +439,11 @@ a {
} }
.article-resume__date { .article-resume__date {
position:absolute; position:absolute;
top:$spacer; top:($spacer/2);
left:($spacer*2); /* left:($spacer*1.5); */
@include media($bp-medium-up) { font-size:0.75rem;
left:($spacer*3.5); .aside & {
left:$spacer;
} }
&:before { &:before {
display:none; display:none;
@ -369,6 +506,10 @@ a {
padding:($spacer*2.5) $spacer $spacer ($spacer*4); padding:($spacer*2.5) $spacer $spacer ($spacer*4);
} }
} }
.article__texte br + b {
display: block;
margin-top: 1em;
}
} }
.article__infos { .article__infos {
position:relative; position:relative;
@ -438,10 +579,13 @@ a {
.cartouche { .cartouche {
border-left:($spacer/2) solid $couleurBkgTOrigine; border-left:($spacer/2) solid $couleurBkgTOrigine;
padding-left:($spacer*1.5); padding-left:($spacer*1.5);
margin-left:-($spacer*2); .composition_transcriptions & {
margin-left:-($spacer*2);
}
@include clearfix; @include clearfix;
.spip_logo { .spip_logo {
float:right; float:right;
border:1px solid $couleurBordureBleue;
} }
} }
.mots { .mots {
@ -457,9 +601,11 @@ a {
display:inline-block; display:inline-block;
background:#fff; background:#fff;
border-radius:($spacer/3); border-radius:($spacer/3);
padding:0 ($spacer/2); padding:0 ($spacer/1.5);
border: 1px solid lighten($couleurBkgTOrigine,12);
font-size:0.9em; font-size:0.9em;
margin: 0.2em 0.05em;
line-height: 2em;
&:hover { &:hover {
background:$couleurSecondaire; background:$couleurSecondaire;
color:#fff; color:#fff;
@ -492,7 +638,22 @@ a {
} }
} }
> ul { > ul {
background-color: $couleurPrincipale;
margin-left:0;
padding:0 2.5em 1em;
list-style-type: decimal;
color: #FFF;
font-size: 0.8em;
ul {
margin-left: 2.5em;
}
a.spip_ancre {
color:white;
display:inline-block;
width:100%;
border-bottom: 1px solid $couleurBordureBleue;
line-height: 2em;
}
} }
} }
.article__notes { .article__notes {
@ -524,11 +685,11 @@ a {
.modele_citation { .modele_citation {
@include clearfix(); @include clearfix();
.citation_texte { .citation_texte {
background:$couleurBkgCitation; background:$couleurBkgBleu;
border-radius:$spacer/2; border-radius:$spacer/2;
padding:$spacer; padding:$spacer;
font-size:1.4rem; font-size:1.15rem;
color:$couleurPrincipale; color:$couleur-lien;
} }
.citation_image { .citation_image {
float:right; float:right;
@ -538,7 +699,7 @@ a {
&:after { &:after {
display:block; content:''; width:0; height:0; display:block; content:''; width:0; height:0;
position:absolute; left:0; top:-32px; position:absolute; left:0; top:-32px;
border-top: 60px solid $couleurBkgCitation; border-top: 60px solid $couleurBkgBleu;
border-left: 20px solid transparent; border-left: 20px solid transparent;
border-right: 10px solid transparent; border-right: 10px solid transparent;
border-bottom: 0; border-bottom: 0;
@ -549,12 +710,32 @@ a {
} }
.spip_poesie { .fond {
background:$couleurBkgCitation; padding:($spacer*1.5);
margin:($spacer*2) 0;
&.lienstp a {
@extend .tp;
display:inline-block;
margin-bottom:1.5em;
}
div > &:first-child {
margin-top:0;
}
}
.fondbleu {
background:$couleurBkgBleu;
}
.fondbeige {
background:$couleurBkgBeige;
}
.periode {
color:$couleurBordureBleue;
.annees {
color:$couleur-lien;
}
} }

40
squelettes/scss/utils/_variables-perso.scss
View File

@ -1,21 +1,35 @@
/* des variables perso pour chacun */ /* des variables perso pour chacun */
$spacer: 20px; $spacer:20px;
$couleurPrincipale: #00748f; $couleurPrincipale:#00748f;
$couleurSecondaire: #d57301; $couleurSecondaire:#d57301;
$couleurFooter1: #00748f; $couleurFooter1:#00748f;
$couleurBackgroundTexte: #fcf7f2; $couleurBouton:#002b35;
$couleurBackgroundTexte:#fcf7f2;
$couleurConnex: #0099a8; $couleurConnex:#0099a8;
$couleurConnexplus: #62c0c9; $couleurConnexplus:#62c0c9;
$couleurBkgT: #fdf7f2; $couleurBkgT:#fdf7f2;
$couleurBkgTOrigine: #b8d9dd; $couleurBkgTOrigine:#b8d9dd;
$couleurTDetails: #1f6b7c; $couleurTDetails:#1f6b7c;
$couleurBkgCitation: #e1f7f9; $couleurBkgBleu:#e1f7f9;
$couleurBkgAvertissement: #ebf6f7; $couleurBkgBeige:#F3E7D7;
$couleurBordureBleue: #0099a8; $couleurBkgAvertissement:#ebf6f7;
$couleurBordureBleue:#b8d9dd;/*#0099a8*/
$couleur-texte:#0A4250;
$couleur-titres:$couleur-texte;
$couleur-lien:#0A738D;
$couleur-lien-resume:#0a4756;
$couleur-lien-hover:$couleurSecondaire;
$couleur-boutons: $couleurPrincipale;
$couleur-placeholder: $couleurPrincipale;
$couleur-boutons-hover: $couleurSecondaire;