Difference between revisions of "MediaWiki:Common.css"
From Regiapædia
Line 83: | Line 83: | ||
− | @media only screen and (max-width : | + | @media only screen and (max-width : 1350px), |
− | only screen and (max-device-width : | + | only screen and (max-device-width : 1350px){ |
#PinterestlikeContent { | #PinterestlikeContent { | ||
-moz-column-count: 3; | -moz-column-count: 3; |
Revision as of 15:06, 27 June 2017
/* CSS placed here will be applied to all skins */ body.page-Main_Page h1.firstHeading { display:none; } .hidden {display:none} /* Hide page elements */ /*#ca-history { display:none!important; } */ /* #filehistory {display: none} */ /* Hides the "File history" header */ /* .special {display: none} */ /* Hides the Edit history */ #metadata {display: none} /* Hides the "Metadata" header */ #mw_metadata {display: none} /* Hides the Metadata graph */ #ca-talk { display:none!important; } #footer-places-Privacy_policy { display:none;} #footer-places-disclaimer { display:none;} #footer-places-about { display:none;} /* Hides Mobile only elements */ #mf-HideOnDesktop { display: none; } /* Table of Contents Settings */ .tocnumber { display: none !important; } .toc { width: 200px; } #toc { float:right }; /* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be according to the MoS).*/ .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none; } /* CSS Pinterest Like Gallery for Mediawiki * * @author: Unknown * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia] */ #container { width: 1050px; margin: 0 auto; border: 1px solid red; } #PinterestlikeContent { -moz-column-count: 5; -moz-column-gap: 3px; -webkit-column-count: 5; -webkit-column-gap: 3px; column-count: 5; column-gap: 3px; width: 1050px; border: 1px solid black; } #PinterestlikeContent img{ display: inline-block; margin-bottom: 5px; width: 100%; } @media only screen and (max-width : 1540px), only screen and (max-device-width : 1540px){ #PinterestlikeContent { -moz-column-count: 4; -moz-column-gap: 3px; -webkit-column-count: 4; -webkit-column-gap: 3px; column-count: 4; column-gap: 3px; width: 850px; border: 1px solid red; } #container { width: 850px; } } @media only screen and (max-width : 1350px), only screen and (max-device-width : 1350px){ #PinterestlikeContent { -moz-column-count: 3; -moz-column-gap: 3px; -webkit-column-count: 3; -webkit-column-gap: 3px; column-count: 3; column-gap: 3px; width: 640px; border: 1px solid blue; } #container { width: 640px; } } @media only screen and (max-width : 1120px), only screen and (max-device-width : 1120px){ #PinterestlikeContent { -moz-column-count: 2; -moz-column-gap: 3px; -webkit-column-count: 2; -webkit-column-gap: 3px; column-count: 2; column-gap: 3px; width: 430px; border: 1px solid orange; } #container { width: 430px; } } @media only screen and (max-width : 900px), only screen and (max-device-width : 900px){ #PinterestlikeContent { -moz-column-count: 1; -moz-column-gap: 3px; -webkit-column-count: 1; -webkit-column-gap: 3px; column-count: 1; column-gap: 3px; width: 220px; border: 1px solid green; } #container { width: 220px; } } [[Category:Wiki]]