|
|
|
@ -2,8 +2,8 @@
|
|
|
|
|
// theme-baz.scss |
|
|
|
|
// 2020 - collectif APRIL |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Elements principaux |
|
|
|
|
// ------------------------------------------ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.page__header { |
|
|
|
@ -18,7 +18,7 @@
|
|
|
|
|
|
|
|
|
|
.page__footer { |
|
|
|
|
color:white; |
|
|
|
|
background-color:$gray; |
|
|
|
|
background-color:$couleurPrincipale; |
|
|
|
|
p { |
|
|
|
|
font-size:0.9rem; |
|
|
|
|
} |
|
|
|
@ -31,25 +31,40 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.page_article.composition_dossier { |
|
|
|
|
.contentMain { |
|
|
|
|
background-color:$couleurBackgroundTexte; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Elements principaux |
|
|
|
|
// ------------------------------------------ |
|
|
|
|
|
|
|
|
|
// Hyperliens |
|
|
|
|
// ---------------------------------------------- |
|
|
|
|
a { text-decoration:none; border-bottom:1px dotted; } |
|
|
|
|
a, a:visited { color: $textColor; } |
|
|
|
|
a { |
|
|
|
|
text-decoration:none; border-bottom:1px dotted; |
|
|
|
|
} |
|
|
|
|
a, a:visited { |
|
|
|
|
color: $couleurLien; |
|
|
|
|
} |
|
|
|
|
a:focus, |
|
|
|
|
a:hover, |
|
|
|
|
a:active, a.on { background-color:$colorPrincipale; color:white; } |
|
|
|
|
a:not([href]) { cursor:text; } |
|
|
|
|
a:active, a.on { |
|
|
|
|
border-color:$couleurSecondaire; |
|
|
|
|
} |
|
|
|
|
a:not([href]) { |
|
|
|
|
cursor:text; |
|
|
|
|
} |
|
|
|
|
// plugin liens sociaux, pas pareil que les autres liens externes |
|
|
|
|
.sociaux a.external:after { display:none; } |
|
|
|
|
.sociaux a.external:after { |
|
|
|
|
display:none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.accesrapide { margin:0; padding:0; } |
|
|
|
|
.accesrapide { |
|
|
|
|
margin:0; |
|
|
|
|
padding:0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -60,67 +75,148 @@ a:not([href]) { cursor:text; }
|
|
|
|
|
// ------------------------------------------ |
|
|
|
|
|
|
|
|
|
// fil d'ariane |
|
|
|
|
.arbo { clear: none; font-size: .7em; } |
|
|
|
|
.arbo * { font-weight: normal; } |
|
|
|
|
.arbo { |
|
|
|
|
clear: none; |
|
|
|
|
font-size: .7em; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.arbo * { |
|
|
|
|
font-weight: normal; |
|
|
|
|
} |
|
|
|
|
.arbo, .arbo a, |
|
|
|
|
.arbo a:visited { color: lighten($textColor, 30%); } |
|
|
|
|
.arbo a:hover { background: $gray; color: white; } |
|
|
|
|
.arbo a:visited { |
|
|
|
|
color: lighten($couleurTexte, 30%); |
|
|
|
|
} |
|
|
|
|
.arbo a:hover { |
|
|
|
|
background: $gray; |
|
|
|
|
color: white; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.cartouche { margin-bottom: 1.5em; |
|
|
|
|
.cartouche { |
|
|
|
|
margin-bottom: 1.5em; |
|
|
|
|
h1 { margin-bottom: 0; font-weight:700; |
|
|
|
|
.soustitre { display:block; } |
|
|
|
|
.soustitre { |
|
|
|
|
display:block; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
p { margin-bottom: 0; } |
|
|
|
|
.surtitre{} |
|
|
|
|
.soustitre {} |
|
|
|
|
.surtitre { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.soustitre { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
abbr.published { |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
abbr.published { border: 0; } |
|
|
|
|
@media print { |
|
|
|
|
abbr[title].published:after { content: ""; } |
|
|
|
|
abbr[title].dtreviewed:after { content: ""; } |
|
|
|
|
abbr[title].published:after { |
|
|
|
|
content: ""; |
|
|
|
|
} |
|
|
|
|
abbr[title].dtreviewed:after { |
|
|
|
|
content: ""; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.publication, .info-publi { |
|
|
|
|
margin: 1.5em 0 0; |
|
|
|
|
font-size: .9em; |
|
|
|
|
font-style: italic; |
|
|
|
|
} |
|
|
|
|
html[dir="rtl"] .info-publi { |
|
|
|
|
font-style: normal; |
|
|
|
|
} |
|
|
|
|
.publication, .info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; } |
|
|
|
|
html[dir="rtl"] .info-publi { font-style: normal; } |
|
|
|
|
.traductions { font-size: .9em; } |
|
|
|
|
.traductions a[hreflang]:after { content: ''; } |
|
|
|
|
.traductions a[hreflang]:after { |
|
|
|
|
content: ''; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.chapo { font-size:120%; } |
|
|
|
|
.chapo { |
|
|
|
|
font-size:120%; |
|
|
|
|
} |
|
|
|
|
.texte { } |
|
|
|
|
.hyperlien { display: block; padding: 1.5em 50px; background: $grayLighter; font-weight: bold; } |
|
|
|
|
.ps, .notes { margin: 6em 0 1.5em; clear:both; } |
|
|
|
|
.notes { clear: both; font-size: .9em; } |
|
|
|
|
.hyperlien { |
|
|
|
|
display: block; |
|
|
|
|
padding: 1.5em 50px; |
|
|
|
|
background: $grayLighter; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.ps, .notes { |
|
|
|
|
margin: 6em 0 1.5em; |
|
|
|
|
clear:both; |
|
|
|
|
} |
|
|
|
|
.notes { |
|
|
|
|
clear: both; |
|
|
|
|
font-size: .9em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
h1,.h1, |
|
|
|
|
h2,.h2 { line-height: 1.2; font-weight:700; } |
|
|
|
|
h2, .h2 { margin-top:1em; } |
|
|
|
|
h2,.h2 { |
|
|
|
|
line-height: 1.2; |
|
|
|
|
font-weight:700; |
|
|
|
|
} |
|
|
|
|
h2, .h2 { |
|
|
|
|
margin-top:1em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.liste.articles:not(.periode) { |
|
|
|
|
li { border-top:1px solid $grayLight; padding:2em 0 0; margin:2em 0; |
|
|
|
|
.h3-like { font-size:1.2em; } |
|
|
|
|
.introduction p { margin:0; } |
|
|
|
|
&:last-of-type { /*border-bottom:1px solid $grayLight;*/ padding-bottom:2em; } |
|
|
|
|
li { |
|
|
|
|
border-top:1px solid $grayLight; |
|
|
|
|
padding:2em 0 0; |
|
|
|
|
margin:2em 0; |
|
|
|
|
.h3-like { |
|
|
|
|
font-size:1.2em; |
|
|
|
|
} |
|
|
|
|
.introduction p { |
|
|
|
|
margin:0; |
|
|
|
|
} |
|
|
|
|
&:last-of-type { |
|
|
|
|
padding-bottom:2em; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.liste { margin:2em 0; |
|
|
|
|
&.syndic ul.liste-items { padding:0 0.5em 0 2em; } |
|
|
|
|
.liste { |
|
|
|
|
margin:2em 0; |
|
|
|
|
&.syndic ul.liste-items { |
|
|
|
|
padding:0 0.5em 0 2em; |
|
|
|
|
} |
|
|
|
|
li.short { margin:1em 0 1.5em; |
|
|
|
|
.publication { margin:0; } |
|
|
|
|
.publication { |
|
|
|
|
margin:0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.item { |
|
|
|
|
clear:both; |
|
|
|
|
margin:2em 0 3em; |
|
|
|
|
} |
|
|
|
|
.item { clear:both; margin:2em 0 3em; } |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.spip_logo { max-width:100%; } |
|
|
|
|
.spip_logo { |
|
|
|
|
max-width:100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.spip_document { max-width:100%; height:auto; } |
|
|
|
|
iframe { max-width:100%; } |
|
|
|
|
.spip_document { |
|
|
|
|
max-width:100%; |
|
|
|
|
height:auto; |
|
|
|
|
} |
|
|
|
|
iframe { |
|
|
|
|
max-width:100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.credits { clear: both; display:block; text-align: left; font-size:0.6em; } |
|
|
|
|
.credits { |
|
|
|
|
clear: both; |
|
|
|
|
display:block; |
|
|
|
|
text-align: left; |
|
|
|
|
font-size:0.6em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Listes et tableaux |
|
|
|
|
dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; } |
|
|
|
|
dl.spip dt { |
|
|
|
|
background: url(img/def.png) no-repeat 25px .5em; |
|
|
|
|
} |
|
|
|
|
dl.spip dd {} |
|
|
|
|
|
|
|
|
|
/*table.spip {margin:1em 0;} |
|
|
|
@ -136,7 +232,9 @@ table.spip tfoot { border-top: 1px solid; }*/
|
|
|
|
|
|
|
|
|
|
// Formulaires : variantes et cas particuliers |
|
|
|
|
// ----------------------------------------------- |
|
|
|
|
.formulaire_spip { margin-bottom: 1.5em; } |
|
|
|
|
.formulaire_spip { |
|
|
|
|
margin-bottom: 1.5em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
fieldset { |
|
|
|
|
width: 100%; margin: 0; |
|
|
|
@ -145,8 +243,12 @@ fieldset {
|
|
|
|
|
-moz-box-sizing: border-box; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
label { display: block; } |
|
|
|
|
.erreur_message { display: block; } |
|
|
|
|
label { |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
.erreur_message { |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
input.text,textarea { |
|
|
|
|
width: 100%; |
|
|
|
|
-ms-box-sizing: border-box; |
|
|
|
@ -154,30 +256,71 @@ input.text,textarea {
|
|
|
|
|
-moz-box-sizing: border-box; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
} |
|
|
|
|
.content input.text { width: 50%; } |
|
|
|
|
textarea { width: 100%; } |
|
|
|
|
button:hover, button:active, button:focus { background-color: $colorPrincipale; color:$colorPrincipaleDowner; outline:none !important; } |
|
|
|
|
.content input.text { |
|
|
|
|
width: 50%; |
|
|
|
|
} |
|
|
|
|
textarea { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
button:hover, button:active, button:focus { |
|
|
|
|
background-color: $couleurPrincipale; |
|
|
|
|
color:$couleurPrincipaleDowner; |
|
|
|
|
outline:none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// formulaire recherche un peu a part |
|
|
|
|
.recherche { margin-bottom:$spacer; max-width:350px; /* placer dans un conteneur mini 350px */ |
|
|
|
|
.recherche { |
|
|
|
|
margin-bottom:$spacer; |
|
|
|
|
max-width:350px; /* placer dans un conteneur mini 350px */ |
|
|
|
|
.flex { |
|
|
|
|
.input-group-prepend { width:80%; |
|
|
|
|
input { border-radius:0; border:1px solid #ccc; border-right:0; } |
|
|
|
|
.input-group-prepend { |
|
|
|
|
width:80%; |
|
|
|
|
input { |
|
|
|
|
border-radius:0; |
|
|
|
|
border:1px solid #ccc; |
|
|
|
|
border-right:0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.input-group-append { width:20%; |
|
|
|
|
button { border-radius:0; border:1px solid #ccc; height:100%; } |
|
|
|
|
.input-group-append { |
|
|
|
|
width:20%; |
|
|
|
|
button { |
|
|
|
|
border-radius:0; |
|
|
|
|
border:1px solid #ccc; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
input, button { |
|
|
|
|
width:100%; |
|
|
|
|
line-height:1.8; |
|
|
|
|
} |
|
|
|
|
input { |
|
|
|
|
padding:0.2rem 0.4rem; |
|
|
|
|
} |
|
|
|
|
button { |
|
|
|
|
padding:0; |
|
|
|
|
margin:0; |
|
|
|
|
} |
|
|
|
|
input, button { width:100%; line-height:1.8; } |
|
|
|
|
input { padding:0.2rem 0.4rem; } |
|
|
|
|
button { padding:0; margin:0; } |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Choix des mots-clefs |
|
|
|
|
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; |
|
|
|
|
li { clear: none; float: left; display: block; width: 30%; padding: 1%; } |
|
|
|
|
li label { display: inline; font-weight: normal; } |
|
|
|
|
ul.choix_mots { |
|
|
|
|
display: block; |
|
|
|
|
margin: 0; |
|
|
|
|
padding: 0; |
|
|
|
|
list-style: none; |
|
|
|
|
li { |
|
|
|
|
clear: none; |
|
|
|
|
float: left; |
|
|
|
|
display: block; |
|
|
|
|
width: 30%; |
|
|
|
|
padding: 1%; |
|
|
|
|
} |
|
|
|
|
li label { |
|
|
|
|
display: inline; |
|
|
|
|
font-weight: normal; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.formulaire_spip .bugajaxie { display: none; } //IE/Win |
|
|
|
@ -196,8 +339,8 @@ ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none;
|
|
|
|
|
} |
|
|
|
|
// page auteur cf js/script.js |
|
|
|
|
.formulaire_ecrire_auteur { margin-top:3em; padding-top:1em; border-top:1px solid $grayLighter; |
|
|
|
|
legend { cursor:pointer; color:$linkColor; |
|
|
|
|
&:hover { background-color:$colorPrincipale; color:$colorPrincipaleDowner; } |
|
|
|
|
legend { cursor:pointer; color:$couleurLien; |
|
|
|
|
&:hover { background-color:$couleurPrincipale; color:$couleurPrincipaleDowner; } |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|