Difference between revisions of "MediaWiki:Common.css"

From Regiapædia
Jump to: navigation, search
Line 35: Line 35:
 
.toclimit-6 .toclevel-6,
 
.toclimit-6 .toclevel-6,
 
.toclimit-7 .toclevel-7 { display: none; }
 
.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: 1200px;
 +
    margin: 0 auto;
 +
}
 +
 +
#PinterestlikeContent {
 +
    -moz-column-count: 4;
 +
    -moz-column-gap: 3px;
 +
    -webkit-column-count: 4;
 +
    -webkit-column-gap: 3px;
 +
    column-count: 4;
 +
    column-gap: 3px;
 +
    width: 1200px;
 +
}
 +
 +
#PinterestlikeContent img{
 +
    display: inline-block;
 +
    margin-bottom: 5px;
 +
    width: 100%;
 +
}
 +
@media only screen and (max-width : 1199px),
 +
only screen and (max-device-width : 1199px){
 +
    #PinterestlikeContent {
 +
        -moz-column-count: 3;
 +
        -moz-column-gap: 0px;
 +
        -webkit-column-count: 3;
 +
        -webkit-column-gap: 0px;
 +
        column-count: 3;
 +
        column-gap: 0px;
 +
        width: 1000px;
 +
    }
 +
   
 +
    #container {
 +
        width: 1000px;
 +
    }
 +
}
 +
 +
 +
@media only screen and (max-width : 999px),
 +
only screen and (max-device-width : 999px){
 +
    #PinterestlikeContent {
 +
        -moz-column-count: 3;
 +
        -moz-column-gap: 0px;
 +
        -webkit-column-count: 3;
 +
        -webkit-column-gap: 0px;
 +
        column-count: 3;
 +
        column-gap: 0px;
 +
        width: 800px;
 +
    }
 +
   
 +
    #container {
 +
        width: 800px;
 +
    }
 +
}
 +
 +
@media only screen and (max-width : 799px),
 +
only screen and (max-device-width : 799px){
 +
    #PinterestlikeContent {
 +
        -moz-column-count: 3;
 +
        -moz-column-gap: 0px;
 +
        -webkit-column-count: 3;
 +
        -webkit-column-gap: 0px;
 +
        column-count: 3;
 +
        column-gap: 0px;
 +
        width: 600px;
 +
    }
 +
   
 +
    #container {
 +
        width: 600px;
 +
    }
 +
}
 +
 +
@media only screen and (max-width : 599px),
 +
only screen and (max-device-width : 599px){
 +
    #PinterestlikeContent {
 +
        -moz-column-count: 2;
 +
        -moz-column-gap: 0px;
 +
        -webkit-column-count: 2;
 +
        -webkit-column-gap: 0px;
 +
        column-count: 2;
 +
        column-gap: 0px;
 +
        width: 400px;
 +
    }
 +
   
 +
    #container {
 +
        width: 400px;
 +
    }
 +
}
  
 
[[Category:Wiki]]
 
[[Category:Wiki]]

Revision as of 22:57, 26 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: 1200px;
    margin: 0 auto;
}
 
#PinterestlikeContent {
    -moz-column-count: 4;
    -moz-column-gap: 3px;
    -webkit-column-count: 4;
    -webkit-column-gap: 3px;
    column-count: 4;
    column-gap: 3px;
    width: 1200px;
}
 
#PinterestlikeContent img{
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}
@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
    #PinterestlikeContent {
        -moz-column-count: 3;
        -moz-column-gap: 0px;
        -webkit-column-count: 3;
        -webkit-column-gap: 0px;
        column-count: 3;
        column-gap: 0px;
        width: 1000px;
    }
     
    #container {
        width: 1000px;
    }
}
 
 
@media only screen and (max-width : 999px),
only screen and (max-device-width : 999px){
    #PinterestlikeContent {
        -moz-column-count: 3;
        -moz-column-gap: 0px;
        -webkit-column-count: 3;
        -webkit-column-gap: 0px;
        column-count: 3;
        column-gap: 0px;
        width: 800px;
    }
     
    #container {
        width: 800px;
    }
}
 
@media only screen and (max-width : 799px),
only screen and (max-device-width : 799px){
    #PinterestlikeContent {
        -moz-column-count: 3;
        -moz-column-gap: 0px;
        -webkit-column-count: 3;
        -webkit-column-gap: 0px;
        column-count: 3;
        column-gap: 0px;
        width: 600px;
    }
     
    #container {
        width: 600px;
    }
}
 
@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px){
    #PinterestlikeContent {
        -moz-column-count: 2;
        -moz-column-gap: 0px;
        -webkit-column-count: 2;
        -webkit-column-gap: 0px;
        column-count: 2;
        column-gap: 0px;
        width: 400px;
    }
     
    #container {
        width: 400px;
    }
}

[[Category:Wiki]]