baz_april/squelettes/scss/styles/_perso.scss

// 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%; }
}