/* CSS placed here will affect users of the Metrolook skin */
body, #mw-page-base {
background-color: #9C9284;
background-image: url("/file/Mushroom_pair_in_the_forest_by_danimatie_3000.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background-size: cover;
}
img.line { display: none; }
div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #CCCC99; }
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; }
div.vectorMenu h5 span {
background-color: none;
background-color: transparent;
}
/* 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; }
/* Standard */
@media only screen and (min-width:769px) {
div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #CCCC99; }
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; }
div.vectorMenu h5 span {
background-color: none;
background-color: transparent;
}
}
/* Portrait */
@media (max-width: 768px) {
body, #mw-page-base {
background-color: #9C9284;
background-image: url("/file/Mushroom_pair_in_the_forest_by_danimatie_portrait.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background-size: cover;
}
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited { color: #000000; }
#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: #555555; }
}
/*
div.vectorMenu h5 span:hover, div.vectorMenu h5 span:active, div.vectorMenu h5 span:focus { background-color: #5B7290; }
div.vectorTabs a:hover {
background-color: #5B7290;
}
div.onhoverbg:hover {
background-color: #5B7290;
}
img.downarrow:hover{
background-color: #5B7290;
}
div.vectorMenu:hover h5 a {
background-color: #5B7290;
}
div.vectorMenu h5 a {
background-color: #B1BDCD;
}
div.vectorMenu:hover {
background-color: #5B7290;
}
div.vectorMenu ul {
border: solid 2px #B1BDCD;
border-top: none;
}
@media (max-width: 768px) {
#hamburgerIcon:hover {
background-color: #5B7290;
}
img.editbutton:hover {
background-color: #5B7290;
}
div.actionmenu ul {
border-top: solid 2px #B1BDCD;
}
#left-navigation {
background-color: #B1BDCD;
}
}
*/
@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; } }
