diff --git a/squelettes/aside/article-blog.html b/squelettes/aside/article-blog.html deleted file mode 100644 index 422bdc9..0000000 --- a/squelettes/aside/article-blog.html +++ /dev/null @@ -1,12 +0,0 @@ - -[(#REM) Articles dans la meme rubrique ] - - #ANCRE_PAGINATION - - [

(#PAGINATION{page})

] - - diff --git a/squelettes/aside/article.html b/squelettes/aside/article.html deleted file mode 100644 index 99cee21..0000000 --- a/squelettes/aside/article.html +++ /dev/null @@ -1,7 +0,0 @@ - - - [
-
(#PS|image_reduire{#CONST{_CONTENT_WIDTH},0})
-
] - - diff --git a/squelettes/aside/rubrique-blog.html b/squelettes/aside/rubrique-blog.html deleted file mode 100644 index 7406de8..0000000 --- a/squelettes/aside/rubrique-blog.html +++ /dev/null @@ -1,2 +0,0 @@ - -[(#REM) rien pour l'instant ] diff --git a/squelettes/aside/rubrique.html b/squelettes/aside/rubrique.html deleted file mode 100644 index 41078b1..0000000 --- a/squelettes/aside/rubrique.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/squelettes/body.html b/squelettes/body.html index b06bfc5..f0b361d 100644 --- a/squelettes/body.html +++ b/squelettes/body.html @@ -33,7 +33,7 @@
- +
diff --git a/squelettes/content/article.html b/squelettes/content/article.html index 19c5df7..1905717 100644 --- a/squelettes/content/article.html +++ b/squelettes/content/article.html @@ -31,9 +31,9 @@
- [
(#CHAPO)
] + [
(#CHAPO|adaptive_images{#CONST{_CONTENT_WIDTH}})
] - [
(#TEXTE|image_reduire{#CONST{_CONTENT_WIDTH},0})
] + [
(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})
]
diff --git a/squelettes/content/sommaire.html b/squelettes/content/sommaire.html index 2566481..46cd24d 100644 --- a/squelettes/content/sommaire.html +++ b/squelettes/content/sommaire.html @@ -18,4 +18,4 @@ - + diff --git a/squelettes/inclure/recherche/articles.html b/squelettes/inclure/recherche/articles.html index b647514..b4455e7 100644 --- a/squelettes/inclure/recherche/articles.html +++ b/squelettes/inclure/recherche/articles.html @@ -1,14 +1,15 @@ + [(#REM) Articles trouves ] +
#ANCRE_PAGINATION -

<:articles:/> (#GRAND_TOTAL)

-
    - -
  • - #TITRE[ - (#COMPOSITION|=={transcriptions}|non)[(#INTRODUCTION{150})] - ]
    • +

    <:articles:/> (#GRAND_TOTAL)

    +
    + + #INCLURE{fond=inclure/resume/article, id_article, env, couper=#ENV{couper}, compteur=#COMPTEUR_BOUCLE} -
+
[

(#PAGINATION)

] + + diff --git a/squelettes/inclure/resume/article.html b/squelettes/inclure/resume/article.html deleted file mode 100644 index 039af26..0000000 --- a/squelettes/inclure/resume/article.html +++ /dev/null @@ -1,33 +0,0 @@ - -
- -
- <[(#ENV{h,h2})] class="article-resume__titre">#TITRE -

#SOUSTITRE

[(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|oui)[(#COMPOSITION|=={blog}|non) - <:baz_april:lire:>]] -
- [(#DATE|nom_jour|ucfirst) [(#DATE|affdate)]] -
[(#COMPOSITION|=={blog}|oui) -
- [(#INTRODUCTION{#ENV{longueur,180}}|PtoBR)] -
][(#ENV{compteur}|=={1}|et{#ENV{hero}|=={oui}}|ou{#COMPOSITION|=={blog}}|non) - <:baz_april:lire:>] - - -

- #TITRE - #TITRE - -

- - - -
-
- diff --git a/squelettes/inclure/themes.html b/squelettes/inclure/themes.html index f720cd5..dd21ce7 100644 --- a/squelettes/inclure/themes.html +++ b/squelettes/inclure/themes.html @@ -1,16 +1,17 @@
[

(#ENV{titre})

] +

Tri [par titre] ou [par utilisation]

#SET{popmot,#ARRAY} - + #SET{popmot,#GET{popmot}|array_merge{#ARRAY{mot#ID_MOT,#TOTAL_BOUCLE}}}
    ] [(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{3}}|oui)
    ] + [(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{2}}|oui)
    ] + [(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round|mult{3}}|oui)
    ] +
diff --git a/squelettes/javascript/perso.js b/squelettes/javascript/perso.js index b31ee43..6c54add 100644 --- a/squelettes/javascript/perso.js +++ b/squelettes/javascript/perso.js @@ -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'); + } + }); + }); diff --git a/squelettes/modeles/sommaire.html b/squelettes/modeles/sommaire.html deleted file mode 100644 index c9149fb..0000000 --- a/squelettes/modeles/sommaire.html +++ /dev/null @@ -1,12 +0,0 @@ -#SET{liste, '*'} -[(#CONFIG{sommaire_automatique_numerote}|=={on}|oui) - #SET{liste, '#'} -] - -
- <:sommaire:titre_cadre_sommaire:> - --[(#GET{liste}|str_pad{#VALEUR{niveau},#GET{liste}})] [#VALEUR{id}<-][#VALEUR{titre}->#VALEUR{href}] -
- -#FILTRE{propre} diff --git a/squelettes/modeles/themes.html b/squelettes/modeles/themes.html index 09b1d53..2d4257a 100644 --- a/squelettes/modeles/themes.html +++ b/squelettes/modeles/themes.html @@ -1 +1 @@ - + diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index e70f6e0..337d479 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -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; + } } - - - diff --git a/squelettes/scss/utils/_variables-perso.scss b/squelettes/scss/utils/_variables-perso.scss index 1df51d7..4c0343e 100644 --- a/squelettes/scss/utils/_variables-perso.scss +++ b/squelettes/scss/utils/_variables-perso.scss @@ -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;