MediaWiki:Common.css

Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

• Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
• Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
• Internet Explorer / Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5
• Opera: premi Ctrl-F5.

/* Gli stili CSS inseriti qui si applicano a tutte le skin */


/* Con questa linea di comando, indico di caricare il .css di Google Icons */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");


/* Con questa linea di comando, indico di caricare dei Google Fonts */
/* @import url("https://fonts.googleapis.com/css?family=Roboto|Roboto Slab|Open Sans");

/* continuo con istruzioni .css per Google Icons */
/* in questo caso per le dimensioni */

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons, .icon-text, .icon-text-caps, .icon-text-tweaked { vertical-align: middle; } .icon-text-caps, .icon-text-tweaked {text-transform: uppercase; } .icon-text-tweaked {position:relative;top:1px;}

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }






/* Con questa linea di comando, indico di caricare il .css delle icone di bootstrap */
/* ma per il momento tengo disabilitato per comprendere meglio il meccanismo */

/* @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"); */





div#footer {
  border-bottom: 1px solid #7AAFFF;
  border-top: 1px solid #7AAFFF;
}