MediaWiki:Common.css
Versione del 7 ago 2019 alle 14:38 di Giulio (discussione | contributi) (Aggiunti tag tema responsive home (Desktop))
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
Nota: dopo aver salvato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.
- Firefox / Safari: tenere premuto il tasto delle maiuscole Shift e fare clic su Ricarica, oppure premere Ctrl-F5 o Ctrl-R (⌘-R su Mac)
- Google Chrome: premere Ctrl-Shift-R (⌘-Shift-R su un Mac)
- Internet Explorer: tenere premuto il tasto Ctrl e fare clic su Aggiorna, oppure premere Ctrl-F5
- Opera: Vai nel Menu → Impostazioni (Opera → Preferenze su un Mac) e poi in Privacy & sicurezza → Pulisci dati del browser → Immagini e file nella cache.
/* Gli stili CSS inseriti qui si applicano a tutti i temi (Desktop) */
/* Schermi con larghezza di almeno 600px */
@media only screen and (min-width: 600px) {
.golem-main-header {
background-color: #A6F9C7;
border: 2px solid #00BA4A;
border-radius: 10px;
margin: 5px;
padding: 5px;
}
/* Colonna di sinistra in home page */
.golem-main-left {
width: 62%;
border: 1px solid #002BB8;
padding: 10px;
vertical-align: top;
border-radius: 10px;
background-color: #E6EBFF;
}
/* Colonna di destra in home page */
.golem-main-right {
width: 30%;
border: 1px solid #BA0000;
padding: 10px;
vertical-align: top;
border-radius: 10px;
background-color: #FFE6E6;
}
/* Generiche classi per div affiancati responsive */
.golem-tb-container {
display: table;
width: 100%;
border-spacing: 5px;
}
.golem-tb-column {
display: table-cell;
}
}
/* Schermi con larghezza inferiore a 600px */
@media only screen and (max-width: 600px) {
/* Forza le colonne a larghezza massima */
.golem-tb-column {
width: 100% !important;
}
}