librealire/squelettes/scss/styles/_perso.scss

756 lines
13 KiB
SCSS
Raw Normal View History

2020-05-22 10:36:20 +02:00
/* 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;
}
2020-05-22 10:36:20 +02:00
2020-10-10 07:49:17 +02:00
a {
2020-12-08 22:02:50 +01:00
&.tp {
background:none !important;
padding:0;
2020-12-07 21:22:28 +01:00
color:$couleur-lien !important;
position:relative;
border:0 !important;
font-weight:700;
text-decoration:none;
&:before {
content:'...';
display:inline-block !important;
position:absolute;
2020-12-08 22:02:50 +01:00
bottom:-0.8rem;
left:0;
min-width:18px;
font-size:130%;
/* padding-bottom: 10px; */
color:$couleurSecondaire;
/*background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
2020-12-03 10:18:50 +01:00
background-position: bottom left;
background-size: 6px 4px;
background-repeat: repeat-x;*/
}
&:hover, &:focus, &.on {
color:$couleurSecondaire !important;
2020-12-03 10:18:50 +01:00
&:before {
content: '. . . . . .';
left:0;
2020-12-08 22:02:50 +01:00
width:80px;
/*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;*/
2020-12-03 10:18:50 +01:00
}
}
2020-10-10 07:49:17 +02:00
}
2020-12-08 23:00:22 +01:00
h2 &:hover, h2 &:focus, h3 &:hover, h3 &:focus {
text-decoration:none;
}
2020-10-10 07:49:17 +02:00
}
2020-10-07 19:01:29 +02:00
//
// modele bouton
//
.btn {
2020-10-10 07:49:17 +02:00
@include bouton();
2020-10-07 19:01:29 +02:00
&.right {
float:right;
margin-left:$spacer;
}
&.left {
float:left;
margin-right:$spacer;
}
}
//
// 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;
}
}
}
}
2020-05-28 00:34:37 +02:00
/* blocs */
2020-12-17 16:39:23 +01:00
.header_initiatives, .header_initiatives .nav, .btn-nav, .header_initiatives .btn-initiatives {
@include gradient-4($couleurPrincipale,$couleurPrincipale,$couleurPrincipale,#184f5e);
opacity:1;
}
.page_header > .page_container .nav > ul a {
@include media($bp-medium) {
border-bottom:1px solid #84BEC7BF;
}
}
.nav {
a {
padding-bottom: 10px;
border:0;
background-position: bottom left;
2020-12-08 22:02:50 +01:00
background-size: 10px 4px;
background-repeat: repeat-x;
2020-12-08 22:02:50 +01:00
position:relative;
2020-12-08 23:40:12 +01:00
}
&.principale a {
&.on, &:hover, &:focus {
2020-12-08 22:02:50 +01:00
&:before {
@include media($bp-medium-up) {
content:'. . . . . .';
color:$couleurSecondaire;
left:-0.8rem;
width:80px;
display:inline-block !important;
position:absolute;
bottom:-0.2rem;
font-size:130%;
}
}
}
}
&.principale .loupe a {
&.on, &:hover, &:focus {
&:before {
content:'';
2020-12-08 22:02:50 +01:00
}
}
}
}
2020-05-28 00:34:37 +02:00
.page_connex {
@include gradient-4();
color:#fff;
2020-12-03 10:18:50 +01:00
padding:($spacer*2) 0;
h2 {
margin-bottom:($spacer);
2020-12-17 16:01:36 +01:00
color: #9ADDE5;
line-height: inherit;
font-size: 1.1em;
font-weight: 200;
2020-12-03 10:18:50 +01:00
}
.liste_articles {
position:relative;
font-size:120%;
margin-bottom:($spacer*3);
&:last-child {
margin-bottom:0;
}
.article-resume.block-link-parent {
margin-bottom:0;
border: 0;
background: none;
color: white;
padding:$spacer 0 0;
2020-12-08 16:38:51 +01:00
@media ($bp-medium) {
margin-bottom:2rem;
}
2020-12-03 10:18:50 +01:00
}
.article-resume__texte {
padding-top:($spacer/2);
2020-12-03 10:18:50 +01:00
color: white;
2020-12-17 16:03:14 +01:00
border-top:1px solid lighten(desaturate($couleurConnex,50%),30%);
2020-12-03 10:18:50 +01:00
}
.article-resume__date {
top:0;
left:0;
2020-12-03 10:18:50 +01:00
}
.article-resume .article-resume__titre {
font-size:1.2rem;
line-height:1.4;
a {
color:white;
2020-12-12 18:07:40 +01:00
&:hover , &:focus{
2020-12-16 09:07:25 +01:00
color:#ff8900;
}
}
.composition_transcriptions & {
font-size:1.1rem;
}
2020-12-03 10:18:50 +01:00
}
.article-resume__intro, .article-resume__soustitre {
color:white;
font-size:0.9rem;
2020-12-03 10:18:50 +01:00
}
.article-resume__logo, .tp {
2020-12-03 10:18:50 +01:00
@include visuallyhidden;
}
.btn {
position:absolute;
right:0;
top:($spacer/3);
background:none;
2020-12-17 16:01:36 +01:00
color: #9ADDE5 !important;
font-size:0.8rem;
&:focus {
background:transparent !important;
2020-12-12 18:18:13 +01:00
color:$couleur-texte !important;
}
}
2020-12-03 10:18:50 +01:00
@include media($bp-medium-up){
> div {
@include flex();
@include vendor-prefix(flex-direction,raw);
@include vendor-prefix(justify-content,space-between);
> * {
width:30%;
}
}
}
}
2020-05-28 00:34:37 +02:00
}
.page_footer {
.page_connexplus {
padding:($spacer*1.5) 0;
background:$couleurConnexplus;
2020-12-08 18:09:04 +01:00
color:$couleurConnexplusTexte;
2020-05-28 00:34:37 +02:00
margin-bottom:($spacer*1.5);
.liste.liste_mots {
h2 {
/* color:$couleur-lien; */
2020-06-30 18:55:43 +02:00
}
.listes {
> ul {
font-size:0.85rem;
}
li {
a {
line-height:1.1;
2020-12-08 18:09:04 +01:00
color:$couleurConnexplusTexte;
}
2020-06-30 22:26:33 +02:00
}
}
2020-06-30 18:55:43 +02:00
}
2020-05-28 00:34:37 +02:00
}
2020-05-27 01:16:39 +02:00
2020-05-28 00:34:37 +02:00
padding-top:0;
.formulaire_spip.formulaire_recherche {
2020-10-07 19:01:29 +02:00
display:none;// pour ne pas surcharger tout le footer
2020-05-28 00:34:37 +02:00
}
2020-05-27 01:16:39 +02:00
}
2020-09-16 10:40:27 +02:00
2020-10-07 19:01:29 +02:00
// layout
.page_content {
margin-bottom:$spacer*2;
2020-12-03 10:18:50 +01:00
.composition_sanscolonne & {
margin-right:0;
}
2020-10-07 19:01:29 +02:00
}
2020-09-16 10:40:27 +02:00
// page sommaire
2020-10-08 13:18:04 +02:00
.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;
}
}
2020-10-08 13:18:04 +02:00
}
}
2020-09-16 10:40:27 +02:00
.texte_accueil {
2020-10-07 19:01:29 +02:00
line-height: 1.6;
2020-09-16 10:40:27 +02:00
margin-bottom:$spacer;
font-family:$typo-Merriweather;
2020-09-16 15:33:09 +02:00
font-weight:200;
color:$couleur-texte-s;
2020-10-07 19:01:29 +02:00
@include clearfix();
@include flex();
2020-10-07 19:01:29 +02:00
.main {
max-width: 65%;
font-size: 1.6rem;
padding:$spacer ($spacer*4) $spacer 0;
.btn {
margin-bottom:2rem;
margin-right:2rem;
}
2020-10-07 19:01:29 +02:00
}
aside {
max-width:35%;
2020-12-03 10:18:50 +01:00
padding-top: $spacer;
}
@media ($bp-medium) {
flex-direction:column;
.main, aside {
max-width:100%;
padding:$spacer;
2020-12-08 16:38:51 +01:00
/* font-size:1.2rem; */
.modele_citation .citation_texte {
/* font-size:1.2rem; */
}
}
2020-12-08 16:38:51 +01:00
.main {
font-size:1.2rem;
padding:0 $spacer;
}
2020-10-07 19:01:29 +02:00
}
}
.formulaire_spip.formulaire_recherche {
font-size:1rem;
form {
border:0;
box-shadow: inset 0 0 5px 0px rgba(10,115,141, 0.7);
}
2020-09-16 10:40:27 +02:00
}
2020-12-03 10:18:50 +01:00
/* page blog */
.rubrique-blog {
}
.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;
}
}
2020-12-03 10:18:50 +01:00
}
}
2020-09-16 15:33:09 +02:00
// resume
.article-resume {
display:block;
border-left:solid $couleurConnexplus ($spacer/3);
background-color:$couleurBkgT;
padding:($spacer*1.5) $spacer $spacer ($spacer*1.5);
margin-bottom:($spacer*2);
2020-09-16 15:33:09 +02:00
&, a {
color:$couleur-lien-resume;
2020-09-16 15:33:09 +02:00
}
&:after {
content:'';
display:block;
clear:both;
}
2020-10-07 19:01:29 +02:00
.article-resume__titre {
font-size: 1.4rem;
2020-10-07 19:01:29 +02:00
line-height: 1.6;
2020-12-08 16:38:51 +01:00
@include media($bp-medium) {
line-height:1.4;
}
2020-10-07 19:01:29 +02:00
}
&.hero .article-resume__titre {
font-size:1.8rem;
}
2020-10-07 19:01:29 +02:00
.article-resume__soustitre {
font-weight:700;
margin:0;
}
2020-09-16 15:33:09 +02:00
.article-resume__logo {
float:right;
margin:-($spacer*0.5) 0 0 ($spacer * 1.5);
2020-09-16 15:33:09 +02:00
max-width:30%;
width:auto;
border:1px solid $couleurBordureBleue;
2020-09-16 15:33:09 +02:00
}
.article-resume__date {
position:absolute;
top:($spacer/2);
/* left:($spacer*1.5); */
font-size:0.75rem;
.aside & {
left:$spacer;
2020-10-07 19:01:29 +02:00
}
2020-09-16 15:33:09 +02:00
&:before {
display:none;
}
}
.article-auteurs {
font-size:110%;
font-weight:700;
}
2021-01-25 08:38:47 +01:00
.btn {
margin:0.5rem 0;
}
2020-09-16 15:33:09 +02:00
}
2020-12-03 10:18:50 +01:00
.article-appel {
border-left:solid $couleurBordureBleue ($spacer/4);
padding:0 0 0 ($spacer);
.soustitre {
margin:0;
}
}
2020-09-16 15:33:09 +02:00
// composition
.composition_transcriptions {
.page_content {
margin-right:0;
> article {
2020-12-08 18:09:04 +01:00
padding:$spacer ($spacer*2);
background-color:$couleurBkgT;
2020-10-07 19:01:29 +02:00
border-radius:0 0 6px 6px;
2020-12-08 22:19:01 +01:00
/* font-size:0.8rem; */
2020-10-07 19:01:29 +02:00
@include media($bp-medium-up) {
2020-12-08 18:09:04 +01:00
padding:$spacer ($spacer*4);
2020-10-07 19:01:29 +02:00
}
.avertissement {
background:$couleurBkgAvertissement;
margin-bottom:-$spacer;
margin-top:0;
2020-12-08 18:09:04 +01:00
padding-top:$spacer;
padding-bottom:$spacer;
2020-10-07 19:01:29 +02:00
border-radius:0 0 6px 6px;
}
2020-12-29 14:05:42 +01:00
.main {
.strong_to_dl {
@include clearfix;
&:first-of-type:before {
content:'Média dorigine';
display:block;
@extend .h2;
dt {
clear:both;
float:left;
margin-right:$spacer/2;
}
dd {
margin:0;
2020-10-07 19:01:29 +02:00
}
}
}
}
2020-12-29 14:05:42 +01:00
2020-10-07 19:01:29 +02:00
}
.liste_articles article {
/* padding:($spacer*2.5) $spacer $spacer ($spacer*2); */
@include media($bp-medium-up) {
/* padding:($spacer*2.5) $spacer $spacer ($spacer*4); */
}
}
.article__texte {
p > strong, br + b {
display: block;
margin-top: 1em;
}
}
}
2020-10-08 13:18:04 +02:00
.article__infos {
position:relative;
height:auto;
width:auto;
2020-12-11 08:53:11 +01:00
overflow:visible;
2020-10-08 13:18:04 +02:00
clip: auto;
2020-12-11 08:53:11 +01:00
clip-path: none;
2021-01-22 17:43:36 +01:00
white-space: normal;
2020-10-08 13:18:04 +02:00
}
2020-12-03 10:18:50 +01:00
footer {
.btn {
margin:($spacer*2) 0;
}
}
}
.article__transcription_origine, .avertissement, .import .main .strong_to_dl:first-of-type, .infos_media {
/* width:100%; */
2020-10-07 19:01:29 +02:00
margin:($spacer*2) -($spacer*2) 0;
2020-10-08 13:18:04 +02:00
padding:($spacer*2);
background:$couleurBkgTOrigine;
color:$couleurTDetails;
@include media($bp-medium-up) {
2020-10-07 19:01:29 +02:00
margin:($spacer*2) -($spacer*4) 0;
2020-10-08 13:18:04 +02:00
padding:($spacer*2) ($spacer*4);
}
> *:last-child {
margin-bottom:0;
}
dt {
float:left;
margin-right:($spacer/2);
}
dd {
margin:0;
2020-12-08 18:09:04 +01:00
font-size:0.9rem;
2020-10-08 09:21:29 +02:00
min-height:1.3rem;
border-bottom:1px solid $couleurBkgT;
&:last-child {
border:0;
2020-09-16 15:33:09 +02:00
}
&.article__personnes {
.sep:first-child {
display:none;
}
}
2020-09-16 15:33:09 +02:00
}
}
.sanssommaire .main .sommaire-back {
display:none;
}
2020-12-03 10:18:50 +01:00
.fiches_personnes {
@include flex();
@include vendor-prefix(justify-content,space-between);
margin:($spacer*4) 0 0;
font-family:$typo-Merriweather;
.fiche {
width:46%;
}
.spip_logo {
float: left;
margin-right: $spacer;
}
p {
margin:0;
}
.fiche__titre {
font-weight:700;
}
.fiche__texte {
font-size:0.8rem;
clear:both;
}
}
2020-09-16 15:33:09 +02:00
2020-10-02 17:54:14 +02:00
.cartouche {
2020-10-08 13:18:04 +02:00
border-left:($spacer/2) solid $couleurBkgTOrigine;
2020-10-10 07:49:17 +02:00
padding-left:($spacer*1.5);
.composition_transcriptions & {
margin-left:-($spacer*2);
}
2020-10-08 13:18:04 +02:00
@include clearfix;
2020-10-02 17:54:14 +02:00
.spip_logo {
float:right;
border:1px solid $couleurBordureBleue;
2020-10-02 17:54:14 +02:00
}
2020-10-10 07:49:17 +02:00
}
.mots {
2020-12-08 22:02:50 +01:00
font-size:0.8rem;
2020-10-10 07:49:17 +02:00
@include clearfix;
&:before {
2020-10-08 13:18:04 +02:00
border-top:1px solid $couleurBkgTOrigine;
2020-10-10 07:49:17 +02:00
}
&:last-child {
border-bottom:1px solid $couleurBkgTOrigine;
}
a {
display:inline-block;
background:#fff;
border-radius:($spacer/3);
padding:0 ($spacer/1.5);
border: 1px solid lighten($couleurBkgTOrigine,12);
2020-10-10 07:49:17 +02:00
font-size:0.9em;
margin: 0.2em 0.05em;
line-height: 2em;
2020-10-10 07:49:17 +02:00
&:hover {
background:$couleurSecondaire;
color:#fff;
text-decoration:none;
2020-10-08 13:18:04 +02:00
}
}
2020-10-02 17:54:14 +02:00
}
2020-09-16 15:33:09 +02:00
2020-10-07 19:01:29 +02:00
// article
.article__soustitre {
display:block;
font-size:1rem;
}
2020-10-08 13:18:04 +02:00
.nav-sommaire-1 {
display:block;
}
2020-10-07 19:01:29 +02:00
.nav-sommaire {
border:0;
margin:($spacer*2) 0;
.sommaire_titre {
font-size:0.8rem;
2020-10-09 08:30:19 +02:00
@include bouton();
2020-10-07 19:01:29 +02:00
&.plein {
border-radius:0;
}
2020-10-10 07:49:17 +02:00
&.on .fas {
&:before {
content:'\f0d7';
}
2020-10-07 19:01:29 +02:00
}
}
> ul {
background-color: $couleurPrincipale;
margin-left:0;
2020-12-07 20:42:11 +01:00
padding:1em 2.5em;
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;
2020-12-07 20:42:11 +01:00
&:hover {
text-decoration:none;
}
}
2020-10-07 19:01:29 +02:00
}
}
2020-12-03 10:18:50 +01:00
.article__notes {
border-top:1px solid $couleurBkgTOrigine;
padding:$spacer;
clear:both;
2020-12-08 18:09:04 +01:00
font-size:0.8rem;
2020-12-03 10:18:50 +01:00
}
2020-10-07 19:01:29 +02:00
2020-12-03 10:18:50 +01:00
.formulaire_signaler {
}
.ariaformprop {
clear:both;
}
2020-10-07 19:01:29 +02:00
// page_mot
.page_mot {
.page_content {
margin-right:0;
}
}
/* modeles */
/* citation */
.modele_citation {
@include clearfix();
.citation_texte {
background:$couleurBkgBleu;
2020-10-07 19:01:29 +02:00
border-radius:$spacer/2;
padding:$spacer;
/* font-size:1.15rem; */
color:$couleur-texte-s;
2020-10-07 19:01:29 +02:00
}
.citation_image {
float:right;
position:relative;
margin-top:10px;
padding-left:46px;
&:after {
display:block; content:''; width:0; height:0;
position:absolute; left:0; top:-32px;
border-top: 60px solid $couleurBkgBleu;
2020-10-07 19:01:29 +02:00
border-left: 20px solid transparent;
border-right: 10px solid transparent;
border-bottom: 0;
@include rotate(-50deg);
z-index:0;
}
}
}
.fond {
padding:($spacer*1.5);
margin:($spacer*2) 0;
&.lienstp a {
@extend .tp;
display:inline-block;
margin-bottom:1.5em;
2020-12-16 09:07:25 +01:00
color:#014c54 !important;
}
div > &:first-child {
margin-top:0;
2020-12-08 22:02:50 +01:00
}
2020-12-08 22:02:50 +01:00
.composition_contact div > &:first-child {
padding:$spacer ($spacer*1.5);
}
}
.fondbleu {
background:$couleurBkgBleu;
}
.fondbeige {
background:$couleurBkgBeige;
2020-12-03 10:18:50 +01:00
}
2020-10-07 19:01:29 +02:00
.periode {
color:$couleurBordureBleue;
.annees {
color:$couleur-lien;
}
}
2020-10-07 19:01:29 +02:00
2020-09-16 15:33:09 +02:00