Template:Sommario/styles.css

/*********************************************

       STILI PER IL SOMMARIO VERTICALE

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

/* struttura base del template sommario V */

.index-content {
	float: right;
	margin: 0 0 5px 5px;
	font-size: 90%;
	width: 250px;
}
.sommario-v-header {
	text-align: center; 
	border-radius: .5em .5em 0 0; 
	padding: 5px
}
.sommario-v-title {
	font-size: 150%;
	padding: 10px;
}
.sommario-v-content {
	padding: 5px
}
.sommario-v-modify {
	text-align: right;
	font-size: .7em;
}
.sommario-v-footer {
	padding: 5px; 
	border-radius: 0 0 .5em .5em;
}

/* Classe speciale per il Sommario orizzontale */

.sommario-footer {
	padding: 5px; 
	border-radius: 0 0 .5em .5em;
	text-align: center;
}

/* sommario AZZURRO, di default */

.h-azzurro {
	border: 1px solid #b3bbff;
	background: #e6effe;
}
.c-azzurro {
	border: 1px solid #b3bbff;
	border-top: 0; 
	background: #f7f8ff;
}

/* sommario GIALLO */

.h-giallo {
	border: 1px solid #fc0;
	background: #fff8dc;
}
.c-giallo {
	border: 1px solid #fc0;
	border-top: 0; 
	background: #ffffe6;
}

/* sommario BEIGE */

.h-beige {
	border: 1px solid #d9b38c;
	background: #efe6c3;
}
.c-beige {
	border: 1px solid #d9b38c;
	border-top: 0; 
	background: #fdf8e8;
}

/*** RESPONSIVE LAYOUT ***/

/* gestisce i bottoni con schermo normale */

#responsive-menu {
	display: none;
}
.responsive-menu-button {
	float: right;
	width: 2em;
	height: 2em;
	text-align: center;
	cursor: pointer; 
	color: #ffffff;
	background:#333;
	border-radius: 4px;
}

/* gestisce apparenza dei bottoni e del menu con schemo inferiore a 700px */

@media all and (max-width: 700px) {
#responsive-menu { 
	display: block; 
	font-weight: bold;
	border-radius: 4px;
	background-color: #cce6ff;
	padding: 4px;
	overflow: auto;
}
.index-content { 
	display: none; 
	float: none; 
	width: auto; 
	margin: 0; 
	background-color: #e6f2ff;
}
.c-azzurro, .c-beige, .c-giallo {
	background-color: #e6f2ff;
	border: none;
}
.sommario-v-header, .sommario-v-footer { 
	display: none; 
}
}