// perso // // baz-theme.scss // 2020 - collectif APRIL // Elements principaux // ------------------------------------------ .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 { 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; .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 { 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%; } }