Template:Storia della letteratura italiana/styles.css

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

    STILI PER IL SOMMARIO DI STORIA DELLA 
           LETTERATURA ITALIANA

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

/* STILI DI BASE */

.index-content {
	font-size: .9em; 
	background: #f7f8ff; 
	border: 1px solid #b3b3b3; 
	width: 280px; 
	/* border-radius: .7em; */
	text-align: left; 
	margin: 5px; 
	padding: 5px; 
	float: right;
}
.lettit-header {
	font-size: 200%; 
	text-align: center; 
	line-height: 1em;
	padding: .5em 0;
}
.lettit-menu {
	text-align: center; 
	margin: 1.5em;
}
.lettit-modify {
	text-align: right; 
	font-size: x-small; 
	margin-top: 1em;
}
.lettit-search {
	font-size:90%; 
	padding:5px
}

/*** 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;*/
	background-color: #ccd2ff;
	padding: 4px;
	overflow: auto;
}
.index-content { 
	display: none;
	border: 0;
	float: none; 
	width: auto; 
	margin: 0; 
}
.lettit-main {
	text-align: left; 
	overflow: auto;
	border: none;
}
.lettit-header, .lettit-menu, .lettit-modify, .lettit-search { 
	display: none; 
}
.index-content > hr { 
	display: none; 
}
}