Utente:Superspritz/Template2/styles.css

Da Wikipedia, l'enciclopedia libera.
Vai alla navigazione Vai alla ricerca

Questa pagina definisce alcuni parametri di aspetto e comportamento generale di tutte le pagine. Per personalizzarli vedi Aiuto:Stile utente.


Nota: dopo aver salvato è necessario pulire la cache del proprio browser per vedere i cambiamenti (per le pagine globali è comunque necessario attendere qualche minuto). Per Mozilla / Firefox / Safari: fare clic su Ricarica tenendo premuto il tasto delle maiuscole, oppure premere Ctrl-F5 o Ctrl-R (Command-R su Mac); per Chrome: premere Ctrl-Shift-R (Command-Shift-R su un Mac); per Konqueror: premere il pulsante Ricarica o il tasto F5; per Opera può essere necessario svuotare completamente la cache dal menù Strumenti → Preferenze; per Internet Explorer: mantenere premuto il tasto Ctrl mentre si preme il pulsante Aggiorna o premere Ctrl-F5.

/* {{Protetta}} */

.arb-request {
	background: #ffffff;
	border: 3px solid #deadff;
	margin: auto;
	width: 99%;
}

.arb-request-header {
	background: #eeccee;
	border-bottom: 1px solid black;
	font-weight: bold;
	padding: .4em 0;
	text-align: center;
}

.arb-request-block {
	display: flex;
	border-bottom: 1px solid black;
}

.arb-request-left-block {
	border-right:1px solid black; 
	padding: .4em;
}

.arb-request-right-block {
	flex: 1;
}

.arb-request-half-block {
	padding: .4em;
}

.arb-request-result-header {
	background: #eeccee;
	border-bottom: 1px solid black;
	font-weight: bold;
	padding: .1em 0 .1em 0;
	text-align: center;
}

.arb-request-result-block {
	display: flex;
}

.arb-request-result-left-block {
	border-right: 1px solid black; 
}

.arb-request-half-result {
	border-top: 1px solid black; 
	padding: .4em;
}

@media all and ( min-width: 600px ) {
	.arb-request-left-block {
		flex-basis: 25%;
	}
	.arb-request-result-left-block {
		flex-basis: 35%;
	}
}

@media all and ( max-width: 599px ) {
	.arb-request-users > .arb-request-block {
		flex-wrap: wrap;
	}

	.arb-request-left-block,
	.arb-request-result-left-block {
		flex-basis: 100%;
	}

}