Template:Biblioteca/styles.css

/* STILI PER LA BIBLIOTECA E LA BIBLIOTECA SCOLASTICA */

/* [[Categoria:Fogli di stile TemplateStyles]] */

/*** HEADER ***/

.biblio-testata {
	background-color: #fcfcfc;
	margin: 0 0 10px 0;
	border: 4px solid #DEDED3;
	padding: 30px 10px;
	border-radius: 1em;
	text-align: center;
}
.biblio-titolo {
	font-size: 350%; 
	font-family: Georgia; 
	color: #B00000;
}
.biblio-sottotitolo {
	font-size: 150%; 
	font-style: italic;
}

/*** WIKIBOOKS:BIBLIOTECA SCOLASTICA ***/

#biblio-scol-testata {
	background-color: Seashell;
	margin: 0; 
	margin-bottom: 5px; 
	border: 2px solid #ffb580; 
	padding: 7px 7px 0 7px; 
	overflow: auto;
	border-radius: .7em;
}
#biblio-scol-titolo {
	font-size: 350%; 
	font-family: Georgia; 
	color: #B00000; 
	margin: 10px 0 15px 0;
}
#biblio-scol-scuole {
	text-align: center;
	padding: 7px;
	font-size: 1.2em;
	border: 2px solid #ffe699;
	background-color: LightYellow;
	border-radius: .7em;
	margin-bottom: 20px;
}

/*** INDICE ***/

.biblio-index {
	text-align:left;
	background-color: #F7F8FF; 
	border: 1px #bba solid; 
	margin: 0.5em auto;
	overflow: auto;
}
.biblio-index-ripiano {
	padding-left: 10px;
	padding-top: 10px;
	clear: both;
}
.biblio-index-subject {
	float: left;
	width: 20%;
	display: table;
}
.biblio-index-subsubject {
	float: right;
	width: 80%;
	font-size: 85%;
}
.biblio-index-leftcol {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.biblio-index-rightcol {
	float: right;
	width: 48%;
}

/*** stili indice per dispositivi mobile ***/

@media all and (max-width: 1200px) {
		.biblio-index-leftcol, .biblio-index-rightcol {
		width: 100%;
		float: none;
	}
}

/*** RIPIANI E SOTTORIPIANI ***/

.biblio-ripiano {
	background: #ffa500;
	text-align: center;
	border-radius: 1em 1em 0 0;
}
.biblio-sottoripiano {
	background: #ffdead;
	text-align: center;
}
.biblio-libri-100 {
	background-color: #ddf2d5; 
	margin: 5px; 
	padding-right: 10px;
}
.biblio-libri-75 {
	background-color: #ffebe6;
	margin: 5px;
	padding-right: 10px;
}
.biblio-libri-50 {
	background-color: #eadaf2;
	margin: 5px; 
	padding-right: 10px;
}
.biblio-libri-25 {
	background-color: #f2dada; 
	margin: 5px; 
	padding-right: 10px;
}
.biblio-libri-00 {
	background-color: #eeeeee; 
	margin: 5px; 
	padding-right: 10px;
}

/*** CLASSI PER LE DOPPIE COLONNE ***/

.biblio-leftcol {
	width: 49%; 
	float: left; 
	margin: 1px; 
	border: 1px solid #ffa500; 
	border-radius: 1em;
}
.biblio-rightcol {
	width: 49%; 
	float: right; 
	margin: 1px;  
	border: 1px solid #ffa500; 
	border-radius: 1em;
}

/*** stili colonne per i dispositivi mobile ***/

@media all and (max-width: 1000px) {
	.biblio-leftcol, .biblio-rightcol {
		width: 100%;
		float: none;
	}
}

/*** DARK MODE ***/

@media screen {
	html.skin-theme-clientpref-night .biblio-testata, html.skin-theme-clientpref-night #biblio-scol-testata, html.skin-theme-clientpref-night #biblio-scol-scuole { /* Biblioteca generale */
		background: #1f1f23;
	}
	html.skin-theme-clientpref-night .biblio-titolo, html.skin-theme-clientpref-night #biblio-scol-titolo {
		color: #a55247;
	}
    html.skin-theme-clientpref-night .biblio-index {
	    background: #1f1f23 !important;
	    color: #f8f9fa;
	}
	html.skin-theme-clientpref-night .biblio-ripiano { /* Ripiani e sottoripiani */
		background: #332100;
	}
	html.skin-theme-clientpref-night .biblio-sottoripiano {
		background: #663d00;
	}
	html.skin-theme-clientpref-night .biblio-leftcol, html.skin-theme-clientpref-night .biblio-rightcol {
		border: 1px solid #663d00;
	}
	html.skin-theme-clientpref-night .biblio-libri-100 { /* sfondo dei libri per avanzamento */
		background: #0b1e1c;
	}
	html.skin-theme-clientpref-night .biblio-libri-75 {
		background: #4d0f00;
	}
	html.skin-theme-clientpref-night .biblio-libri-50 {
		background: #0d1a27;
	}
	html.skin-theme-clientpref-night .biblio-libri-25 {
		background: #4b1b1b;
	}
	html.skin-theme-clientpref-night .biblio-libri-00 {
		background: #333333;
	}
}

@media screen and ( prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .biblio-testata, html.skin-theme-clientpref-os #biblio-scol-testata, html.skin-theme-clientpref-os #biblio-scol-scuole { /* Biblioteca generale */
		background: #1f1f23;
	}
	html.skin-theme-clientpref-os .biblio-titolo, html.skin-theme-clientpref-os #biblio-scol-titolo {
		color: #a55247;
	}
    html.skin-theme-clientpref-os .biblio-index {
	    background: #1f1f23 !important;
	    color: #f8f9fa;
	}
	html.skin-theme-clientpref-os .biblio-ripiano { /* Ripiani e sottoripiani */
		background: #332100;
	}
	html.skin-theme-clientpref-os .biblio-sottoripiano {
		background: #663d00;
	}
	html.skin-theme-clientpref-os .biblio-leftcol, html.skin-theme-clientpref-os .biblio-rightcol {
		border: 1px solid #663d00;
	}
	html.skin-theme-clientpref-os .biblio-libri-100 { /* sfondo dei libri per avanzamento */
		background: #0b1e1c;
	}
	html.skin-theme-clientpref-os .biblio-libri-75 {
		background: #4d0f00;
	}
	html.skin-theme-clientpref-os .biblio-libri-50 {
		background: #0d1a27;
	}
	html.skin-theme-clientpref-os .biblio-libri-25 {
		background: #4b1b1b;
	}
	html.skin-theme-clientpref-os .biblio-libri-00 {
		background: #333333;
	}
}