v0.4.0
nettoyage et inclusion perso.css
This commit is contained in:
chankalan
parent
e8372c2960
commit
b2e9123d68
@ -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>
|
||||
@ -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>
|
||||
@ -1,2 +0,0 @@
|
||||
|
||||
[(#REM) rien pour l'instant ]
|
||||
@ -1 +0,0 @@
|
||||
<INCLURE{fond=aside/dist,env} />
|
||||
@ -33,7 +33,7 @@
|
||||
|
||||
<div class="page_connexplus">
|
||||
<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>
|
||||
|
||||
|
||||
@ -31,9 +31,9 @@
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
@ -18,4 +18,4 @@
|
||||
<//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} />
|
||||
|
||||
@ -1,14 +1,15 @@
|
||||
<BOUCLE_trans(RUBRIQUES){composition=transcriptions}>
|
||||
[(#REM) Articles trouves ]
|
||||
<B_articles>
|
||||
<div class="liste_articles">
|
||||
#ANCRE_PAGINATION
|
||||
<h2><:articles:/> (#GRAND_TOTAL)</h2>
|
||||
<ul>
|
||||
<BOUCLE_articles(ARTICLES) {recherche} {lang} {!par points} {pagination 5}>
|
||||
<li class="block-link-parent">
|
||||
<strong><a class="block-link" href="#URL_ARTICLE"[ hreflang="(#LANG)"]>#TITRE</a></strong>[
|
||||
(#COMPOSITION|=={transcriptions}|non)[(#INTRODUCTION{150})]
|
||||
]</li>
|
||||
<h2 class="h2"><:articles:/> (#GRAND_TOTAL)</h2>
|
||||
<div>
|
||||
<BOUCLE_articles(ARTICLES) {id_rubrique} {recherche} {lang} {!par points} {pagination 5}>
|
||||
#INCLURE{fond=inclure/resume/article, id_article, env, couper=#ENV{couper}, compteur=#COMPTEUR_BOUCLE}
|
||||
</BOUCLE_articles>
|
||||
</ul>
|
||||
</div>
|
||||
[<p class="pagination">(#PAGINATION)</p>]
|
||||
</div>
|
||||
</B_articles>
|
||||
</BOUCLE_trans>
|
||||
|
||||
@ -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>
|
||||
@ -1,16 +1,17 @@
|
||||
|
||||
<div class="liste liste_mots">
|
||||
[<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">
|
||||
#SET{popmot,#ARRAY}
|
||||
<BOUCLE_popmots(MOTS){id_groupe=1}>
|
||||
<BOUCLE_popmots(MOTS){id_groupe=1}{par titre}>
|
||||
<BOUCLE_pop(ARTICLES){id_mot}>
|
||||
</BOUCLE_pop>
|
||||
#SET{popmot,#GET{popmot}|array_merge{#ARRAY{mot#ID_MOT,#TOTAL_BOUCLE}}}
|
||||
</B_pop>
|
||||
</BOUCLE_popmots>
|
||||
<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)]})]">
|
||||
[(#VALEUR|>={100}|oui)<strong>][(#INFO_TITRE{mot,[(#CLE|retiremot)]})] <small>(#VALEUR)</small>[(#VALEUR|>={100}|oui)</strong>]
|
||||
</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{3}}|oui)</ul><ul>]
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -6,7 +6,10 @@ $(function() {
|
||||
$(this).toggleClass('on').siblings('ul').toggle().toggleClass('ouvert');
|
||||
});
|
||||
$('.sommaire-back').on('click', function(){
|
||||
var hash = "#sommaire-titre";
|
||||
$('.sommaire_titre:not(.on)').toggleClass('on').siblings('ul:not(.ouvert)').toggle().addClass('ouvert');
|
||||
window.location.hash = hash;
|
||||
// return false;
|
||||
});
|
||||
|
||||
$('.formulaire_signaler').toggle();
|
||||
@ -14,4 +17,13 @@ $(function() {
|
||||
$('.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');
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@ -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}
|
||||
@ -1 +1 @@
|
||||
<INCLURE{fond=inclure/themes} />
|
||||
<INCLURE{fond=inclure/themes,env,ajax} />
|
||||
|
||||
@ -1,40 +1,54 @@
|
||||
/* 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 {
|
||||
|
||||
&.tp {
|
||||
background:none !important;
|
||||
padding:0;
|
||||
color:$couleurPrincipale;
|
||||
color:$couleurBouton;
|
||||
position:relative;
|
||||
border:0 !important;
|
||||
font-weight:700;
|
||||
text-decoration:none;
|
||||
&:before {
|
||||
content:'...';
|
||||
display:inline-block;
|
||||
margin: 0 -2em 0 0;
|
||||
font-size: 1.2rem;
|
||||
float: left;
|
||||
line-height: 1.8;
|
||||
content:'' !important;
|
||||
display:inline-block !important;
|
||||
position:absolute;
|
||||
bottom:-0.5em;
|
||||
left:0;
|
||||
color: $couleurSecondaire;
|
||||
min-width:24px;
|
||||
/*padding-bottom: 4px;
|
||||
background-image:radial-gradient(circle, $couleurSecondaire 1px, rgba(255,255,255,0) 1.5px);
|
||||
min-width:18px;
|
||||
padding-bottom: 10px;
|
||||
background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
|
||||
background-position: bottom left;
|
||||
background-size: 8px 4px;
|
||||
background-repeat: repeat-x;*/
|
||||
background-size: 6px 4px;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
&.taille3 {
|
||||
&:before {
|
||||
line-height:2.2;
|
||||
}
|
||||
}
|
||||
&:hover, &:focus {
|
||||
/*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;*/
|
||||
&:hover, &:focus, &.on {
|
||||
color:$couleurSecondaire;
|
||||
&:before {
|
||||
/* background:none; */
|
||||
content:'......';
|
||||
background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
|
||||
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 {
|
||||
background:$couleurConnex;
|
||||
@include gradient-4();
|
||||
@ -122,8 +186,10 @@ a {
|
||||
padding:($spacer*2) 0;
|
||||
h2 {
|
||||
margin-bottom:($spacer);
|
||||
font-weight:700;
|
||||
color:white;
|
||||
color: lighten(desaturate($couleurConnex,40%),48%)/*#C5EBF0*/;
|
||||
line-height: inherit;
|
||||
font-size: 1.1em;
|
||||
font-weight: 200;
|
||||
}
|
||||
.liste_articles {
|
||||
position:relative;
|
||||
@ -132,34 +198,51 @@ a {
|
||||
&:last-child {
|
||||
margin-bottom:0;
|
||||
}
|
||||
.btn {
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:($spacer/3);
|
||||
}
|
||||
.article-resume.block-link-parent {
|
||||
margin-bottom:0;
|
||||
border: 0;
|
||||
background: none;
|
||||
color: white;
|
||||
padding:$spacer 0 0;
|
||||
}
|
||||
.article-resume__texte {
|
||||
padding-top:$spacer;
|
||||
padding-top:($spacer/2);
|
||||
color: white;
|
||||
border-top:1px solid lighten(desaturate($couleurConnex,50%),30%);
|
||||
}
|
||||
.article-resume__date {
|
||||
margin-top:0;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
.article-resume .article-resume__titre {
|
||||
font-size:1.2rem;
|
||||
line-height:1.4;
|
||||
a {
|
||||
color:white;
|
||||
&:hover {
|
||||
color:$couleur-texte;
|
||||
}
|
||||
}
|
||||
}
|
||||
.article-resume__intro, .article-resume__soustitre {
|
||||
color:white;
|
||||
font-size:0.9rem;
|
||||
}
|
||||
.spip_logo, .tp {
|
||||
@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){
|
||||
> div {
|
||||
@include flex();
|
||||
@ -179,24 +262,20 @@ a {
|
||||
.page_connexplus {
|
||||
padding:($spacer*1.5) 0;
|
||||
background:$couleurConnexplus;
|
||||
color:#000;
|
||||
color:$couleur-titres;
|
||||
margin-bottom:($spacer*1.5);
|
||||
.liste.liste_mots .listes {
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
> ul {
|
||||
width:25%;
|
||||
margin:0;
|
||||
list-style:none;
|
||||
@include media($bp-small) {
|
||||
width:50%;
|
||||
}
|
||||
.liste.liste_mots {
|
||||
h2 {
|
||||
/* color:$couleur-lien; */
|
||||
}
|
||||
li {
|
||||
margin: 0 0 0.2em;
|
||||
a {
|
||||
line-height:1.1;
|
||||
margin: 0 2em 0 0;
|
||||
.listes {
|
||||
> ul {
|
||||
font-size:0.85rem;
|
||||
}
|
||||
li {
|
||||
a {
|
||||
line-height:1.1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -223,6 +302,15 @@ a {
|
||||
.page_sommaire {
|
||||
.page_content {
|
||||
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 {
|
||||
@ -230,13 +318,17 @@ a {
|
||||
margin-bottom:$spacer;
|
||||
font-family:$typo-Merriweather;
|
||||
font-weight:200;
|
||||
color:$couleurPrincipale;
|
||||
color:$couleur-lien;
|
||||
@include clearfix();
|
||||
@include flex();
|
||||
.main {
|
||||
max-width: 65%;
|
||||
font-size: 1.6rem;
|
||||
padding:$spacer ($spacer*4) $spacer ;
|
||||
padding:$spacer ($spacer*4) $spacer 0;
|
||||
.btn {
|
||||
margin-bottom:2rem;
|
||||
margin-right:2rem;
|
||||
}
|
||||
}
|
||||
aside {
|
||||
max-width:35%;
|
||||
@ -256,12 +348,58 @@ a {
|
||||
}
|
||||
.formulaire_spip.formulaire_recherche {
|
||||
font-size:1rem;
|
||||
form {
|
||||
border:0;
|
||||
box-shadow: inset 0 0 5px 0px rgba(10,115,141, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
/* page 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;
|
||||
border-left:solid $couleurConnexplus ($spacer/3);
|
||||
background-color:$couleurBkgT;
|
||||
padding:($spacer*2.5) $spacer $spacer ($spacer*3.2);
|
||||
/* surcharger la feuille perso.css */
|
||||
html & .spip_logo {
|
||||
width:auto;
|
||||
}
|
||||
&.hero .spip_logo {
|
||||
margin-bottom:$spacer;
|
||||
}
|
||||
padding:($spacer*2.5) $spacer $spacer ($spacer*1.5);
|
||||
margin-bottom:($spacer*2);
|
||||
|
||||
&, a {
|
||||
color:#0a4756;
|
||||
color:$couleur-lien-resume;
|
||||
}
|
||||
&:after {
|
||||
content:'';
|
||||
@ -288,9 +421,12 @@ a {
|
||||
clear:both;
|
||||
}
|
||||
.article-resume__titre {
|
||||
font-size: 2rem;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
&.hero .article-resume__titre {
|
||||
font-size:1.8rem;
|
||||
}
|
||||
.article-resume__soustitre {
|
||||
font-weight:700;
|
||||
margin:0;
|
||||
@ -303,10 +439,11 @@ a {
|
||||
}
|
||||
.article-resume__date {
|
||||
position:absolute;
|
||||
top:$spacer;
|
||||
left:($spacer*2);
|
||||
@include media($bp-medium-up) {
|
||||
left:($spacer*3.5);
|
||||
top:($spacer/2);
|
||||
/* left:($spacer*1.5); */
|
||||
font-size:0.75rem;
|
||||
.aside & {
|
||||
left:$spacer;
|
||||
}
|
||||
&:before {
|
||||
display:none;
|
||||
@ -369,6 +506,10 @@ a {
|
||||
padding:($spacer*2.5) $spacer $spacer ($spacer*4);
|
||||
}
|
||||
}
|
||||
.article__texte br + b {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
}
|
||||
}
|
||||
.article__infos {
|
||||
position:relative;
|
||||
@ -438,10 +579,13 @@ a {
|
||||
.cartouche {
|
||||
border-left:($spacer/2) solid $couleurBkgTOrigine;
|
||||
padding-left:($spacer*1.5);
|
||||
margin-left:-($spacer*2);
|
||||
.composition_transcriptions & {
|
||||
margin-left:-($spacer*2);
|
||||
}
|
||||
@include clearfix;
|
||||
.spip_logo {
|
||||
float:right;
|
||||
border:1px solid $couleurBordureBleue;
|
||||
}
|
||||
}
|
||||
.mots {
|
||||
@ -457,9 +601,11 @@ a {
|
||||
display:inline-block;
|
||||
background:#fff;
|
||||
border-radius:($spacer/3);
|
||||
padding:0 ($spacer/2);
|
||||
|
||||
padding:0 ($spacer/1.5);
|
||||
border: 1px solid lighten($couleurBkgTOrigine,12);
|
||||
font-size:0.9em;
|
||||
margin: 0.2em 0.05em;
|
||||
line-height: 2em;
|
||||
&:hover {
|
||||
background:$couleurSecondaire;
|
||||
color:#fff;
|
||||
@ -492,7 +638,22 @@ a {
|
||||
}
|
||||
}
|
||||
> 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 {
|
||||
@ -524,11 +685,11 @@ a {
|
||||
.modele_citation {
|
||||
@include clearfix();
|
||||
.citation_texte {
|
||||
background:$couleurBkgCitation;
|
||||
background:$couleurBkgBleu;
|
||||
border-radius:$spacer/2;
|
||||
padding:$spacer;
|
||||
font-size:1.4rem;
|
||||
color:$couleurPrincipale;
|
||||
font-size:1.15rem;
|
||||
color:$couleur-lien;
|
||||
}
|
||||
.citation_image {
|
||||
float:right;
|
||||
@ -538,7 +699,7 @@ a {
|
||||
&:after {
|
||||
display:block; content:''; width:0; height:0;
|
||||
position:absolute; left:0; top:-32px;
|
||||
border-top: 60px solid $couleurBkgCitation;
|
||||
border-top: 60px solid $couleurBkgBleu;
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-bottom: 0;
|
||||
@ -549,12 +710,32 @@ a {
|
||||
}
|
||||
|
||||
|
||||
.spip_poesie {
|
||||
background:$couleurBkgCitation;
|
||||
.fond {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,21 +1,35 @@
|
||||
/* des variables perso pour chacun */
|
||||
$spacer: 20px;
|
||||
$spacer:20px;
|
||||
|
||||
|
||||
$couleurPrincipale: #00748f;
|
||||
$couleurSecondaire: #d57301;
|
||||
$couleurFooter1: #00748f;
|
||||
$couleurPrincipale:#00748f;
|
||||
$couleurSecondaire:#d57301;
|
||||
$couleurFooter1:#00748f;
|
||||
|
||||
$couleurBackgroundTexte: #fcf7f2;
|
||||
$couleurBouton:#002b35;
|
||||
$couleurBackgroundTexte:#fcf7f2;
|
||||
|
||||
$couleurConnex: #0099a8;
|
||||
$couleurConnexplus: #62c0c9;
|
||||
$couleurConnex:#0099a8;
|
||||
$couleurConnexplus:#62c0c9;
|
||||
|
||||
$couleurBkgT: #fdf7f2;
|
||||
$couleurBkgTOrigine: #b8d9dd;
|
||||
$couleurTDetails: #1f6b7c;
|
||||
$couleurBkgT:#fdf7f2;
|
||||
$couleurBkgTOrigine:#b8d9dd;
|
||||
$couleurTDetails:#1f6b7c;
|
||||
|
||||
$couleurBkgCitation: #e1f7f9;
|
||||
$couleurBkgAvertissement: #ebf6f7;
|
||||
$couleurBkgBleu:#e1f7f9;
|
||||
$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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user