MediaWiki:Gadget-QuickbarStyles-common.css
Aspetto
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 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 mentre si fa clic su Refresh, oppure premere Ctrl-F5
- Opera: svuotare completamente la cache dal menu Strumenti → Preferenze
#content .qb {
border: 1px solid #6cc8f3;
border-radius: 5px;
display: inline-table;
}
.infobox {
float: right;
margin: 0 0 0 1em;
}
.infobox .qb{
width: 250px;
}
body.skin--responsive .mw-parser-output .infobox td:only-child{
/* fixes for a recent WMF modification that breaks Quickbar layout on desktop view */
width: auto;
padding: 0 0 0 0;
}
body.skin--responsive .mw-parser-output .infobox th,
body.skin--responsive .mw-parser-output .infobox td{
/* fixes for a recent WMF modification that breaks Quickbar layout on desktop view */
padding-top: 3px;
padding-bottom: 3px;
}
@media screen and ( max-width: 500px ) {
body.skin-minerva .infobox {
width: 100%;
box-sizing: border-box; /* always use this when setting width to close to 100% */
float: none;
margin: 0 0 0 0; /* (top, right, bottom, left) */
}
body.skin-minerva .qb {
width: 99%;
}
body.skin-minerva .qb th {
width: 30%;
}
}
@media screen and ( min-width: 500px ) {
body.skin-minerva .infobox {
width: 250px;
}
}
.qb td {
padding: 2px 2px;
vertical-align: baseline;
}
.qb th {
padding: 2px 2px 2px 5px;
vertical-align: baseline;
text-align: left;
font-weight: bold;
width: 90px;
}
#content .qb .qbHeader {
text-align: center;
color: #004f80;
padding: 2px 2px;
font-size: 1.2em;
background: #f0f0f0;
border-top: 1px solid #c0c0c0;
}
#content .qb tr:first-child .qbHeader {
border-top: none;
border-radius: 5px 5px 0 0;
}
.qbImage {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.dFlex{
display: flex;
}
.qb .qbImageCell {
padding: 0;
}
.qbImageCell .qbHeader {
border-bottom: none;
}
.qbRowHeader, .qbRowValue {
border-top: 1px solid white;
border-bottom: 1px solid white
}
.qbRowHeader {
background-color:#FAFAFA;
}
.qbRowValue {
background-color:#FDFDFD;
}
@media print {
#content .qb { border-width: 0.25mm; }
#content .qb .qbHeader {
font-size: 1em;
background: #f0f0f0;
border-top: 0.25mm solid #c0c0c0;
border-bottom: 0.25mm solid #c0c0c0;
}
}