baz_april/squelettes/scss/styles/_perso.scss

460 lines
7.4 KiB
SCSS
Raw Normal View History

// perso
2020-02-18 13:23:20 +01:00
//
2020-02-27 13:49:24 +01:00
// baz-theme.scss
2020-02-18 13:23:20 +01:00
// 2020 - collectif APRIL
2020-02-18 23:50:44 +01:00
// Elements principaux
// ------------------------------------------
2020-02-18 13:23:20 +01:00
2020-02-18 13:23:20 +01:00
2020-02-18 23:50:44 +01:00
.page_article.composition_dossier {
.contentMain {
background-color:$couleurBackgroundTexte;
}
}
2020-02-18 13:23:20 +01:00
// Hyperliens
// ----------------------------------------------
2020-02-18 23:50:44 +01:00
a {
text-decoration:none; border-bottom:1px dotted;
}
a, a:visited {
color: $couleurLien;
}
2020-02-18 13:23:20 +01:00
a:focus,
a:hover,
2020-02-18 23:50:44 +01:00
a:active, a.on {
border-color:$couleurSecondaire;
}
a:not([href]) {
cursor:text;
}
2020-02-18 13:23:20 +01:00
// plugin liens sociaux, pas pareil que les autres liens externes
2020-02-18 23:50:44 +01:00
.sociaux a.external:after {
display:none;
}
2020-02-18 13:23:20 +01:00
2020-02-18 23:50:44 +01:00
.accesrapide {
margin:0;
padding:0;
}
2020-02-18 13:23:20 +01:00
// ------------------------------------------
// Habillage des elements du contenu
// ------------------------------------------
// fil d'ariane
2020-02-18 23:50:44 +01:00
.arbo {
clear: none;
font-size: .7em;
}
.arbo * {
font-weight: normal;
}
2020-02-18 13:23:20 +01:00
.arbo, .arbo a,
2020-02-18 23:50:44 +01:00
.arbo a:visited {
color: lighten($couleurTexte, 30%);
}
.arbo a:hover {
background: $gray;
color: white;
}
2020-02-18 13:23:20 +01:00
2020-02-18 23:50:44 +01:00
.cartouche {
margin-bottom: 1.5em;
h1 { m
.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;
}
}
}argin-bottom: 0; font-weight:700;
2020-02-18 23:50:44 +01:00
.soustitre {
display:block;
}
2020-02-18 13:23:20 +01:00
}
p { margin-bottom: 0; }
2020-02-18 23:50:44 +01:00
.surtitre {
}
.soustitre {
}
}
abbr.published {
border: 0;
2020-02-18 13:23:20 +01:00
}
@media print {
2020-02-18 23:50:44 +01:00
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;
2020-02-18 13:23:20 +01:00
}
.traductions { font-size: .9em; }
2020-02-18 23:50:44 +01:00
.traductions a[hreflang]:after {
content: '';
}
2020-02-18 13:23:20 +01:00
2020-02-18 23:50:44 +01:00
.chapo {
font-size:120%;
}
2020-02-18 13:23:20 +01:00
.texte { }
2020-02-18 23:50:44 +01:00
.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;
}
2020-02-18 13:23:20 +01:00
h1,.h1,
2020-02-18 23:50:44 +01:00
h2,.h2 {
line-height: 1.2;
font-weight:700;
}
h2, .h2 {
margin-top:1em;
}
2020-02-18 13:23:20 +01:00
2020-02-18 23:50:44 +01:00
.liste {
margin:2em 0;
&.syndic ul.liste-items {
padding:0 0.5em 0 2em;
}
2020-02-18 13:23:20 +01:00
li.short { margin:1em 0 1.5em;
2020-02-18 23:50:44 +01:00
.publication {
margin:0;
}
}
.item {
clear:both;
margin:2em 0 3em;
2020-02-18 13:23:20 +01:00
}
}
2020-02-18 23:50:44 +01:00
.spip_logo {
max-width:100%;
}
2020-02-18 13:23:20 +01:00
2020-02-18 23:50:44 +01:00
.spip_document {
max-width:100%;
height:auto;
}
iframe {
max-width:100%;
}
2020-02-18 13:23:20 +01:00
2020-02-18 23:50:44 +01:00
.credits {
clear: both;
display:block;
text-align: left;
font-size:0.6em;
}
2020-02-18 13:23:20 +01:00
// Listes et tableaux
2020-02-18 23:50:44 +01:00
dl.spip dt {
background: url(img/def.png) no-repeat 25px .5em;
}
2020-02-18 13:23:20 +01:00
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
// -----------------------------------------------
2020-02-18 23:50:44 +01:00
.formulaire_spip {
margin-bottom: 1.5em;
}
2020-02-18 13:23:20 +01:00
fieldset {
width: 100%; margin: 0;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
2020-02-18 23:50:44 +01:00
label {
display: block;
}
.erreur_message {
display: block;
}
2020-02-18 13:23:20 +01:00
input.text,textarea {
width: 100%;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
2020-02-18 23:50:44 +01:00
.content input.text {
width: 50%;
}
textarea {
width: 100%;
}
button:hover, button:active, button:focus {
background-color: $couleurPrincipale;
color:$couleurPrincipaleDowner;
outline:none !important;
}
2020-02-18 13:23:20 +01:00
// formulaire recherche un peu a part
2020-02-18 23:50:44 +01:00
.recherche {
margin-bottom:$spacer;
max-width:350px; /* placer dans un conteneur mini 350px */
2020-02-18 13:23:20 +01:00
.flex {
2020-02-18 23:50:44 +01:00
.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;
2020-02-18 13:23:20 +01:00
}
2020-02-18 23:50:44 +01:00
input {
padding:0.2rem 0.4rem;
}
button {
padding:0;
margin:0;
2020-02-18 13:23:20 +01:00
}
}
}
// Choix des mots-clefs
2020-02-18 23:50:44 +01:00
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;
}
2020-02-18 13:23:20 +01:00
}
2020-02-27 13:49:24 +01:00
.formulaire_spip .bugajaxie {
display: none;
} //IE/Win
2020-02-18 13:23:20 +01:00
// Formulaire de login dans une page
.formulaire_login {
2020-02-27 13:49:24 +01:00
.editer-groupe .editer {
clear: left;
}
.editer_password .details {
display: block;
}
.spip_logo_auteur {
float: right;
}
2020-02-18 13:23:20 +01:00
}
// Fomulaire de contact
.formulaire_ecrire_auteur {
2020-02-27 13:49:24 +01:00
.saisie_sujet_message_auteur input.text {
width: 100%;
}
2020-02-18 13:23:20 +01:00
}
// page auteur cf js/script.js
2020-02-27 13:49:24 +01:00
.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;
}
2020-02-18 13:23:20 +01:00
}
}
// Habillage des portfolios
// ----------------------------------------------
.documents_portfolio {
2020-02-27 13:49:24 +01:00
a {
display:inline-block;
margin:0 $spacer $spacer 0;
padding:0;
}
a:hover {
color:#999;
opacity:0.8;
}
img {
margin:0;
}
2020-02-18 13:23:20 +01:00
}
2020-02-27 13:49:24 +01:00
.documents_joints .descriptif p {
margin:0;
}
2020-02-18 13:23:20 +01:00
// eviter les lignes de texte trop courtes
2020-02-27 13:49:24 +01:00
.spip_documents.spip_documents_left:not(.modedoc), .spip_documents.spip_documents_right:not(.modedoc) {
max-width:50%;
}
2020-02-18 13:23:20 +01:00
.documents_joints {
a {
2020-02-27 13:49:24 +01:00
.spip_logo {
float:left;
margin:0 0.5em 0.5em 0;
}
2020-02-18 13:23:20 +01:00
}
}
// 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,
2020-02-27 13:49:24 +01:00
.spip-previsu,
2020-02-18 13:23:20 +01:00
.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%; }
}