MediaWiki:Common.css

From Regiapædia
Revision as of 16:56, 12 January 2018 by Gav (talk | contribs)

Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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; }


/* Regia boxes*/
#RFrame {
     margin-right: 0px; 
}

#PageFrame {
     margin-right: 245px; 
}


/* Gallery Packed */
#Packed {
    Padding-left: 30px;
    text-align: left;
    display: inline-block;
}

#Packed p {
    margin-right: 0px;
    text-align: left;
}

/* Gallery Pin Tiles */

#PinTile {
     display: inline-block; 
     border-radius: 7px; 
     background-color:#ffffff; 
     border:1px solid #808080; 
     overflow:Hidden; 
     margin: 0px 3px 5px 3px; 
     
}

/* 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: 932px;
    margin: 0 auto;
    
}
 
#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: 932px;
 <!-- 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]]