Differenze tra le versioni di "MediaWiki:Common.css"
Jump to navigation
Jump to search
imported>Demos |
imported>Demos |
||
(44 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 1: | Riga 1: | ||
/* Gli stili CSS inseriti qui si applicano a tutte le skin */ | /* 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"); | |||
/* @import url("https://use.fontawesome.com/releases/v5.7.0/css/all.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 { | div#footer { | ||
border-bottom: 1px solid #7AAFFF; | border-bottom: 1px solid #7AAFFF; | ||
border-top: 1px solid #7AAFFF; | border-top: 1px solid #7AAFFF; | ||
} | } | ||
div#f-copyrightico { | |||
visibility: hidden; | |||
} | |||
Versione attuale delle 09:52, 1 dic 2021
/* 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"); /* @import url("https://use.fontawesome.com/releases/v5.7.0/css/all.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; } div#f-copyrightico { visibility: hidden; }