Difference between revisions of "MediaWiki:Common.css"

From The Viking Age Compendium
Jump to: navigation, search
m
m
 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
body.page-Main_Page h1.firstHeading { display:none; }
  
 
#ca-history { display:none!important; }
 
#ca-history { display:none!important; }
Line 13: Line 15:
  
 
/* CSS Responsive Gallery */
 
/* CSS Responsive Gallery */
.box {
+
.galleryItem {
  float: left;
+
float: left;
  position: relative;
+
width: 16%;
  width: 20%;
+
margin: 2% 2% 50px 2%;
  padding-bottom: 20%;
+
 
}
 
}
  
@media only screen and (max-width : 480px) {
+
@media only screen and (max-width : 940px),
  /* Smartphone view: 1 tile */
+
only screen and (max-device-width : 940px){
  .box {
+
.galleryItem {width: 21%;}
      width: 100%;
+
      padding-bottom: 100%;
+
  }
+
 
}
 
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
+
  /* Tablet view: 2 tiles */
+
@media only screen and (max-width : 720px),
  .box {
+
only screen and (max-device-width : 720px){
      width: 50%;
+
.galleryItem {width: 29.33333%;}
      padding-bottom: 50%;
+
  }
+
 
}
 
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
+
  /* Small desktop / ipad view: 3 tiles */
+
@media only screen and (max-width : 530px),
  .box {
+
only screen and (max-device-width : 530px){
      width: 33.3%;
+
.galleryItem {width: 46%;}
      padding-bottom: 33.3%;
+
  }
+
 
}
 
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
+
  /* Medium desktop: 4 tiles */
+
@media only screen and (max-width : 320px),
  .box {
+
only screen and (max-device-width : 320px){
      width: 25%;
+
.galleryItem {width: 96%;}
      padding-bottom: 25%;
+
  }
+
 
}
 
}
 +
 +
 +
@media (max-width: 420px) {
 +
    .MenuBox {
 +
        display: block;
 +
        width: 100%;
 +
    }
 +
 
 +
    .MenuBox2 {
 +
      display: table-caption;
 +
    }
 +
 
 +
    .MenuBox1 {
 +
      display: table-footer-group;
 +
    }
 +
}
 +
 
/* CSS Responsive Gallery END*/
 
/* CSS Responsive Gallery END*/
  
Line 93: Line 103:
 
  * @author: Unknown
 
  * @author: Unknown
 
  * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
 
  * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
*/
+
 
  
 
.zoom_img img{
 
.zoom_img img{
Line 108: Line 118:
 
transform:scale(2);
 
transform:scale(2);
 
}
 
}
 +
*/
 +
 +
/* Size External Images */
 +
.externalimage-holder {
 +
    position: relative;
 +
    height: auto;
 +
    float: left;
 +
    border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    -webkit-border-radius: 10px;
 +
    -khtml-border-radius: 10px;
 +
    -icab-border-radius: 10px;
 +
    -o-border-radius: 10px;
 +
    color: #ffffff;
 +
    background: green;
 +
    text-align:center;
 +
    margin: 0 0 10px 10px;
 +
}
 +
.externalimage-holder img {
 +
    width: 100%;
 +
    height: inherit;
 +
    border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    -webkit-border-radius: 10px;
 +
    -khtml-border-radius: 10px;
 +
    -icab-border-radius: 10px;
 +
    -o-border-radius: 10px;
 +
    float: left;
 +
   
 +
}
 +
[[Category:Wiki]]

Latest revision as of 18:59, 5 May 2017

/* CSS placed here will be applied to all skins */

body.page-Main_Page h1.firstHeading { display:none; }

#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; }

/* Hides Mobile only elements */
#mf-HideOnDesktop { display: none; }

/* CSS Responsive Gallery */
.galleryItem {
	float: left;	
	width: 16%;
	margin:  2% 2% 50px 2%;	
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
	.galleryItem {width: 21%;}
}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	.galleryItem {width: 29.33333%;}
}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
	.galleryItem {width: 46%;}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	.galleryItem {width: 96%;}
	
}


@media (max-width: 420px) {
    .MenuBox {
        display: block;
        width: 100%;
    }
  
    .MenuBox2 {
      display: table-caption;
    }
  
    .MenuBox1 {
      display: table-footer-group;
    }
}

/* CSS Responsive Gallery END*/


.tocnumber { display: none !important; }
.toc { width: 200px; } 

/* 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; }

#toc { float:right };

#footer-places-Privacy_policy { display:none;}
#footer-places-disclaimer { display:none;}
#footer-places-about { display:none;}

.hidden {display:none}

/*Add this text at the end of [[Mediawiki:Commons.css]]
/*For HarvardReferences extension */
.harvVisitedLink { 
	background-color: #AAAAAA;
}
.harvReferenceLink { 
	background-color: #FFFF00;
}
.harvNone { 
	background-color: inherit;
}
.harvBackground { 
	background-color: #DDEEFF;
}

/* CSS Hover 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]


.zoom_img img{
-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
transition:transform 0.1 ease-in;
}

.zoom_img img:hover{
-moz-transform:scale(2); 
-webkit-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
 */

/* Size External Images */
.externalimage-holder {
    position: relative;
    height: auto;
    float: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -icab-border-radius: 10px;
    -o-border-radius: 10px;
    color: #ffffff; 
    background: green; 
    text-align:center; 
    margin: 0 0 10px 10px;
}
.externalimage-holder img {
    width: 100%;
    height: inherit;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -icab-border-radius: 10px;
    -o-border-radius: 10px;
    float: left;
    
}
[[Category:Wiki]]