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; }
}

/* 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; }

/* 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 all and (max-width: 649px) { #title4 { font-size:10px; } #title1 { font-size:35px; } .bg_title p { font-size:15px } #title6 { font-size:8px } #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 #DDDDDD; 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 #DDDDDD; -webkit-column-rule-style:double; -moz-column-count: 2; -moz-column-gap: 1.5em; -moz-column-rule: 1px solid #DDDDDD; -moz-column-rule-style:double; -o-column-count: 2; -o-column-gap: 1.5em; -o-column-rule: 1px solid #DDDDDD; -o-column-rule-style:double; -ms-column-count: 2; -ms-column-gap: 1.5em; -ms-column-rule: 1px solid #DDDDDD; -ms-column-rule-style:double; } } @media all and (min-width: 901px) { #trecolonne { column-count: 3; column-gap: 1.5em; column-rule: 1px solid #DDDDDD; 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 #DDDDDD; -webkit-column-rule-style:double; -moz-column-count: 3; -moz-column-gap: 1.5em; -moz-column-rule: 1px solid #DDDDDD; -moz-column-rule-style:double; -o-column-count: 3; -o-column-gap: 1.5em; -o-column-rule: 1px solid #DDDDDD; -o-column-rule-style:double; -ms-column-count: 3; -ms-column-gap: 1.5em; -ms-column-rule: 1px solid #DDDDDD; -ms-column-rule-style:double; } #duecolonne { column-count: 2; column-gap: 1.5em; column-rule: 1px solid #DDDDDD; 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 #DDDDDD; -webkit-column-rule-style:double; -moz-column-count: 2; -moz-column-gap: 1.5em; -moz-column-rule: 1px solid #DDDDDD; -moz-column-rule-style:double; -o-column-count: 2; -o-column-gap: 1.5em; -o-column-rule: 1px solid #DDDDDD; -o-column-rule-style:double; -ms-column-count: 2; -ms-column-gap: 1.5em; -ms-column-rule: 1px solid #DDDDDD; -ms-column-rule-style:double; } }