Difference between revisions of "MediaWiki:Common.css"

From Regiapædia
Jump to: navigation, search
Line 44: Line 44:
 
#container {
 
#container {
 
     width: 1200px;
 
     width: 1200px;
     margin: auto;
+
     margin: 0 auto;
 +
    text-align:center;
 
}
 
}
 
   
 
   

Revision as of 19:03, 30 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;
    text-align:center;
}
 
#Pin-Tiles {
    -moz-column-count: 5;
    -moz-column-gap: 3px;
    -webkit-column-count: 5;
    -webkit-column-gap: 3px;
    column-count: 5;
    column-gap: 3px;
    width: 1200px;
  border: 1px solid black;
}
 
#Pin-Tiles img{
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}

@media only screen and (max-width : 1420px){
    #Pin-Tiles {
        -moz-column-count: 4;
        -moz-column-gap: 3px;
        -webkit-column-count: 4;
        -webkit-column-gap: 3px;
        column-count: 4;
        column-gap: 3px;
        width: 745px;
      border: 1px solid red;
    }
     
    #container {
        width: 745px;
        border: 10px solid black;
    }
}
 
 
@media only screen and (max-width : 1230px){
    #Pin-Tiles {
        -moz-column-count: 3;
        -moz-column-gap: 3px;
        -webkit-column-count: 3;
        -webkit-column-gap: 3px;
        column-count: 3;
        column-gap: 3px;
        width: 560px;
      border: 1px solid blue;
    }
     
    #container {
        width: 560px;
    }
}
 
@media only screen and (max-width : 1044px){
    #Pin-Tiles {
        -moz-column-count: 2;
        -moz-column-gap: 3px;
        -webkit-column-count: 2;
        -webkit-column-gap: 3px;
        column-count: 2;
        column-gap: 3px;
        width: 375px;
      border: 1px solid orange;
    }
     
    #container {
        width: 375px;
    }
}
 
@media only screen and (max-width : 820px){
    #Pin-Tiles {
        -moz-column-count: 1;
        -moz-column-gap: 3px;
        -webkit-column-count: 1;
        -webkit-column-gap: 3px;
        column-count: 1;
        column-gap: 3px;
        width: 190px;
      border: 1px solid green;
    }
     
    #container {
        width: 190px;
    }
}

[[Category:Wiki]]