Differenze tra le versioni di "MediaWiki:Common.css"

/* Gli stili CSS inseriti qui si applicano a tutti i temi */


/* Template:Titolobg */
.bgsi { display: block; }
.bgno { display: none; }
.bgno blockquote { font-family: 'Linux Libertine', serif; font-style: italic; font-size: 1.1em; }
@media only screen 
  and (orientation: portrait) {
  .bgsi { display: none; }
  .bgno { display: block; word-wrap: break-word; }
}

/* SegoeUI 
@font-face { font-family: 'Segoe UI Semilight'; src: url('font/SegoeUI/SEGOEUISL.TTF'); }
@font-face { font-family: 'Segoe UI Light'; src: url('font/SegoeUI/segoeuil.ttf'); } */

/* Roboto */
@font-face{font-family:'Roboto';font-style:normal;font-weight:200;src:local('Roboto-Thin'),url(//brick.a.ssl.fastly.net/fonts/roboto/200.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto-Regular'),url(//brick.a.ssl.fastly.net/fonts/roboto/400.woff) format('woff')}@font-face{font-family:'Roboto';font-style:italic;font-weight:200;src:local('Roboto-ThinItalic'),url(//brick.a.ssl.fastly.net/fonts/roboto/200i.woff) format('woff')}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto-Italic'),url(//brick.a.ssl.fastly.net/fonts/roboto/400i.woff) format('woff')}

/* Linux Libertine */
@font-face{font-family:'Linux Libertine';font-style:normal;font-weight:400;src:local('Linux Libertine O'),url(//brick.a.ssl.fastly.net/fonts/linuxlibertine/400.woff) format('woff')}@font-face{font-family:'Linux Libertine';font-style:italic;font-weight:400;src:local('Linux Libertine O Italic'),url(//brick.a.ssl.fastly.net/fonts/linuxlibertine/400i.woff) format('woff')}

html, body { font-family: Helvetica, Arial, sans-serif; }
.mw-body h1 { font-family: 'Roboto', 'Segoe UI Light', sans-serif; padding-bottom: 4px; font-weight: 200; }
.mw-body h2, mw-body-content h2 { font-family: 'Roboto', 'Segoe UI Semilight', sans-serif; padding-bottom: 0.5px; font-weight: 400; }

.fullwidth img, fullwidth a, fullwidth object { width:100%; height:auto; }
.libertine { font-family: 'Linux Libertine', serif; } 
.tablediv { width: 100%; overflow: auto; }

/* Tabella */
table.sottotab { background-color: #f8f9fa; color: #222; margin: 1em 0; border: 2px solid #fff; border-collapse: collapse; }
table.sottotab > * > tr > th, table.sottotab > * > tr > td { border: 2px solid #fff; padding: 0.2em 0.4em; }
table.sottotab > * > tr > th { background-color: #eaecf0; text-align: center; }

/* Infobox */
.infobox { border: 1px solid #ddd; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; font-size:95%; }
.infobox td, .infobox th { vertical-align: top; }
.infobox caption { font-size: larger; margin-left: inherit; }
.infobox.bordered { border-collapse: collapse; }
.infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; }
.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }
.infobox.sisterproject { width: 20em; font-size: 90%; }

/* Infobox:Film */
.film_titolo {background:#666699;text-align:center;font-size:116%;color:white;}
.film_sinistra {text-align:right;background:#eee;padding:0em 0.5em;width:100px;}
.film_attori {background:#666699;text-align:center;width:100%;line-height:1.4em;padding:0.1em;color:white;}

/* Infobox:Ricette */
.ricetta_titolo {background:#FF3333;text-align:center;font-size:116%;color:white;}
.ricetta_cottura {background:#FF3333;text-align:left;line-height:1.4em;padding:0.1em;color:white;}
.ricetta_tabella li { list-style-type:none; border-bottom: 1px solid #ddd; }
.ricetta_tabella ul { list-style-image: url(); list-style-type:none; margin: 0.3em 0 0 0;}

/* Metrolook */
div#mw-panel div.portal div.body ul li a, 
div#mw-panel div.portal div.body ul li a:visited { color: white; }

#mw-panel.collapsible-nav .portal h5 a,
#mw-panel.collapsible-nav .portal.collapsed h5 a, 
#mw-panel.collapsible-nav .portal.collapsed h5 a:visited { color: #CCCCCC; }

#mw-panel.collapsible-nav .portal.collapsed h5 a:hover { text-decoration: none; }

@media screen and (orientation:portrait) { .verticale { display: block; } .orizzontale { display: none; } }
@media screen and (orientation:landscape) { .verticale { display: none; } .orizzontale { display: block; } }

@media all and (max-width: 649px) { #duecolonne, #trecolonne { -webkit-column-count: auto; -moz-column-count: auto; -o-column-count: auto; -ms-column-count: auto; column-count: auto; font-size: {text:Font size mobile}; } } @media screen and (orientation:portrait) { #duecolonne, #trecolonne { -webkit-column-count: auto; -moz-column-count: auto; -o-column-count: auto; -ms-column-count: auto; column-count: auto; font-size: {text:Font size mobile}; } } @media all and (min-width: 650px) and (max-width: 900px) { #title4 { font-size:13px; } #title1 { font-size:45px; } .bg_title p { font-size:17px } #title6 { font-size:6px } #duecolonne, #trecolonne { column-count: 2; column-gap: 1.5em; column-rule: 1px solid #c8ccd1; column-rule-style:double; -ms-box-align: middle; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-column-count: 2; -webkit-column-gap: 1.5em; -webkit-column-rule: 1px solid #c8ccd1; -webkit-column-rule-style:double; -moz-column-count: 2; -moz-column-gap: 1.5em; -moz-column-rule: 1px solid #c8ccd1; -moz-column-rule-style:double; -o-column-count: 2; -o-column-gap: 1.5em; -o-column-rule: 1px solid #c8ccd1; -o-column-rule-style:double; -ms-column-count: 2; -ms-column-gap: 1.5em; -ms-column-rule: 1px solid #c8ccd1; -ms-column-rule-style:double; } } @media all and (min-width: 901px) { #trecolonne { column-count: 3; column-gap: 1.5em; column-rule: 1px solid #c8ccd1; column-rule-style:double; -ms-box-align: middle; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-column-count: 3; -webkit-column-gap: 1.5em; -webkit-column-rule: 1px solid #c8ccd1; -webkit-column-rule-style:double; -moz-column-count: 3; -moz-column-gap: 1.5em; -moz-column-rule: 1px solid #c8ccd1; -moz-column-rule-style:double; -o-column-count: 3; -o-column-gap: 1.5em; -o-column-rule: 1px solid #c8ccd1; -o-column-rule-style:double; -ms-column-count: 3; -ms-column-gap: 1.5em; -ms-column-rule: 1px solid #c8ccd1; -ms-column-rule-style:double; } #duecolonne { column-count: 2; column-gap: 1.5em; column-rule: 1px solid #c8ccd1; column-rule-style:double; -ms-box-align: middle; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-column-count: 2; -webkit-column-gap: 1.5em; -webkit-column-rule: 1px solid #c8ccd1; -webkit-column-rule-style:double; -moz-column-count: 2; -moz-column-gap: 1.5em; -moz-column-rule: 1px solid #c8ccd1; -moz-column-rule-style:double; -o-column-count: 2; -o-column-gap: 1.5em; -o-column-rule: 1px solid #c8ccd1; -o-column-rule-style:double; -ms-column-count: 2; -ms-column-gap: 1.5em; -ms-column-rule: 1px solid #c8ccd1; -ms-column-rule-style:double; } }