Template:Proofreadpage index template/styles.css

/* box intestazione */
#indiceHeader {
	 padding: 2ex;
	 margin: auto;
	 margin-bottom: 20px;
}
/* colonna di sx con l'immagine */
#indiceLeft {
	/* larghezza immagine = 250 + 10 bordi e spazi interni + 20 di padding */
	width: 280px;
	float: left;
	text-align: center;
}
/* contenitore per le colonne centrale e di dx */
#indiceMain {
	margin-left: 280px;
}
#indiceRightContent table {
	display: inline-table !important;
}
@media only screen and (min-width: 1040px) {
	/* contenuto della colonna di destra */
	#indiceRightContent {
		padding-left: 20px;
	}
}
@media only screen and (min-width: 760px) and (max-width: 1039px) {
	#indiceMain {
		margin-left: 280px; /* come la larghezza di indiceLeft */
	}
	#indiceCenter {
		width: 100% !important;
	}
	#indiceRight {
		width: 100% !important;
	}
}
@media only screen and (max-width: 759px) {
	#indiceMain {
		float: left;
		margin-left: 0;
	}
	#indiceCenter {
		width: 100% !important;
	}
	#indiceRight {
		width: 100% !important;
	}
}
/* colonna centrale con le pagine */
#indiceCenter {
	float: left;
	min-width: 280px;
}
/* colonna di destra con il Sommario */
#indiceRight {
	float: left;
	width: 50%;
	min-width: 280px;
}
/* barra del titolo di ciascuna sezione */
.indiceSectionTitle {
	text-align: center;
	border-top: 2px solid #808080;
}
/* contenuto di ciascuna sezione */
.indiceSectionContent {
	padding: 10px 0 10px 0;
}
.pagineDellEdizione {
	background-color: #F5F5F5;
	text-align: center;
	margin: 0.5em 0;
	padding: 1em;
}
#pagineDellEdizioneInner a {
	min-width: 24px;
    display: inline-block;
    text-align: right;
}
/* padding per compensare il fatto che le pagine rosse non hanno icona */
.pagineDellEdizione .new {
	padding-right: 11px;
}
.top_icon_cont {
	float: right;
}
/* stile per le iconcine in alto a dx sulla barra del titolo */
.top_icon_raw {
	float: right;
	margin: 5px;
}