475 lines
7.6 KiB
SCSS
Executable File
475 lines
7.6 KiB
SCSS
Executable File
//
|
|
// baz-theme.scss
|
|
// 2020 - collectif APRIL
|
|
|
|
// Elements principaux
|
|
// ------------------------------------------
|
|
|
|
|
|
.page__header {
|
|
.spip_logo {
|
|
float:left;
|
|
}
|
|
.nom_site_spip {
|
|
@extend .visuallyhidden;
|
|
}
|
|
}
|
|
|
|
|
|
.page__footer {
|
|
color:white;
|
|
background-color:$couleurPrincipale;
|
|
p {
|
|
font-size:0.9rem;
|
|
}
|
|
a {
|
|
&, &:visited { color:white; }
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page_article.composition_dossier {
|
|
.contentMain {
|
|
background-color:$couleurBackgroundTexte;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// Hyperliens
|
|
// ----------------------------------------------
|
|
a {
|
|
text-decoration:none; border-bottom:1px dotted;
|
|
}
|
|
a, a:visited {
|
|
color: $couleurLien;
|
|
}
|
|
a:focus,
|
|
a:hover,
|
|
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;
|
|
}
|
|
|
|
|
|
.accesrapide {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// ------------------------------------------
|
|
// Habillage des elements du contenu
|
|
// ------------------------------------------
|
|
|
|
// fil d'ariane
|
|
.arbo {
|
|
clear: none;
|
|
font-size: .7em;
|
|
|
|
}
|
|
.arbo * {
|
|
font-weight: normal;
|
|
}
|
|
.arbo, .arbo a,
|
|
.arbo a:visited {
|
|
color: lighten($couleurTexte, 30%);
|
|
}
|
|
.arbo a:hover {
|
|
background: $gray;
|
|
color: white;
|
|
}
|
|
|
|
.cartouche {
|
|
margin-bottom: 1.5em;
|
|
h1 { margin-bottom: 0; font-weight:700;
|
|
.soustitre {
|
|
display:block;
|
|
}
|
|
}
|
|
p { margin-bottom: 0; }
|
|
.surtitre {
|
|
|
|
}
|
|
.soustitre {
|
|
|
|
}
|
|
}
|
|
abbr.published {
|
|
border: 0;
|
|
}
|
|
@media print {
|
|
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;
|
|
}
|
|
.traductions { font-size: .9em; }
|
|
.traductions a[hreflang]:after {
|
|
content: '';
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
h1,.h1,
|
|
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 {
|
|
padding-bottom: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;
|
|
}
|
|
}
|
|
.item {
|
|
clear:both;
|
|
margin:2em 0 3em;
|
|
}
|
|
}
|
|
|
|
.spip_logo {
|
|
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;
|
|
}
|
|
|
|
// Listes et tableaux
|
|
dl.spip dt {
|
|
background: url(img/def.png) no-repeat 25px .5em;
|
|
}
|
|
dl.spip dd {}
|
|
|
|
/*table.spip {margin:1em 0;}
|
|
table.spip caption { background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
|
|
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
|
|
table.spip tbody tr th,
|
|
table.spip tr td { background: none; }
|
|
table.spip tbody tr.odd th,
|
|
table.spip tr.odd td { background: $grayLight; }
|
|
table.spip tr:hover td {background: #AAD;}
|
|
table.spip tfoot { border-top: 1px solid; }*/
|
|
|
|
|
|
// Formulaires : variantes et cas particuliers
|
|
// -----------------------------------------------
|
|
.formulaire_spip {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
fieldset {
|
|
width: 100%; margin: 0;
|
|
-ms-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
label {
|
|
display: block;
|
|
}
|
|
.erreur_message {
|
|
display: block;
|
|
}
|
|
input.text,textarea {
|
|
width: 100%;
|
|
-ms-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-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: $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 */
|
|
.flex {
|
|
.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, 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;
|
|
}
|
|
}
|
|
|
|
.formulaire_spip .bugajaxie {
|
|
display: none;
|
|
} //IE/Win
|
|
|
|
|
|
// Formulaire de login dans une page
|
|
.formulaire_login {
|
|
.editer-groupe .editer {
|
|
clear: left;
|
|
}
|
|
.editer_password .details {
|
|
display: block;
|
|
}
|
|
.spip_logo_auteur {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
// Fomulaire de contact
|
|
.formulaire_ecrire_auteur {
|
|
.saisie_sujet_message_auteur input.text {
|
|
width: 100%;
|
|
}
|
|
}
|
|
// page auteur cf js/script.js
|
|
.formulaire_ecrire_auteur {
|
|
margin-top:3em;
|
|
padding-top:1em;
|
|
border-top:1px solid $grayLighter;
|
|
legend {
|
|
cursor:pointer; color:$couleurLien;
|
|
&:hover {
|
|
background-color:$couleurPrincipale;
|
|
color:$couleurPrincipaleDowner;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Habillage des portfolios
|
|
// ----------------------------------------------
|
|
.documents_portfolio {
|
|
a {
|
|
display:inline-block;
|
|
margin:0 $spacer $spacer 0;
|
|
padding:0;
|
|
}
|
|
a:hover {
|
|
color:#999;
|
|
opacity:0.8;
|
|
}
|
|
img {
|
|
margin:0;
|
|
}
|
|
}
|
|
|
|
.documents_joints .descriptif p {
|
|
margin:0;
|
|
}
|
|
// eviter les lignes de texte trop courtes
|
|
.spip_documents.spip_documents_left:not(.modedoc), .spip_documents.spip_documents_right:not(.modedoc) {
|
|
max-width:50%;
|
|
}
|
|
|
|
.documents_joints {
|
|
a {
|
|
.spip_logo {
|
|
float:left;
|
|
margin:0 0.5em 0.5em 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// aside
|
|
// ------------------------------------
|
|
.contentAside {
|
|
h2 { font-size:1em; }
|
|
li {
|
|
ul { margin-bottom:0.5em; padding-left:1em;
|
|
a { line-height:1.2; }
|
|
}
|
|
}
|
|
.liste { margin-top:1em; padding-left:0.5em; border-left:1px solid darken($grayLighter,10);
|
|
.item { margin:0.5em 0; }
|
|
&.groupes_mots {
|
|
.h2 { margin-bottom:0; margin-top:1em;
|
|
&:first-child { margin-top:0; }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// special GIS
|
|
.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
|
|
padding: 0 0 4px;
|
|
height: auto;
|
|
display: block;
|
|
@include border-radius(50%);
|
|
margin:2px;
|
|
}
|
|
|
|
// ------------------------------------------
|
|
// Autres medias
|
|
// ------------------------------------------
|
|
|
|
@media print {
|
|
|
|
// Ne pas imprimer
|
|
.spip-admin,
|
|
.spip-admin-float,
|
|
.spip-previsu,
|
|
.repondre,
|
|
.formulaire_spip { display: none; }
|
|
|
|
// Souligner et expliciter les liens
|
|
a { color: #600; text-decoration: underline !important; }
|
|
a.spip_out:after,
|
|
a.spip_glossaire:after,
|
|
a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
|
|
|
|
}
|
|
|
|
|
|
// ------------------------------------------
|
|
// adaptable
|
|
// ------------------------------------------
|
|
@media ($bp-medium) {
|
|
|
|
.pagination {line-height:3;}
|
|
|
|
}
|
|
// largeur maximum 640px
|
|
@media (max-width:639px) {
|
|
.header {
|
|
.logo_site_spip { font-size:1em; }
|
|
.spip_logos { max-width:100px; width:100px; float:none; }
|
|
}
|
|
.iconemodele.bloc {
|
|
&.left, &.right { margin-right:0; width:100%; float:none; clear:both; }
|
|
&.largeur { max-width:50%; }
|
|
}
|
|
}
|
|
@media ($bp-small) {
|
|
.spip_documents.spip_documents_left, .spip_documents.spip_documents_right { min-width:100%; margin:0 0 0.5em; }
|
|
.iconemodele.bloc.largeur { max-width:100%; }
|
|
}
|