Difference between revisions of "MediaWiki:Common.css"

From The Viking Age Compendium
Jump to: navigation, search
m
m
Line 13: Line 13:
  
 
/* CSS Responsive Gallery */
 
/* CSS Responsive Gallery */
.wrap {
 
  overflow: hidden;
 
  margin: 10px;
 
}
 
 
.box {
 
.box {
 
   float: left;
 
   float: left;
Line 23: Line 19:
 
   padding-bottom: 20%;
 
   padding-bottom: 20%;
 
}
 
}
.boxInner {
+
 
  position: absolute;
+
  left: 10px;
+
  right: 10px;
+
  top: 10px;
+
  bottom: 10px;
+
  overflow: hidden;
+
}
+
.boxInner img {
+
  width: 100%;
+
}
+
.boxInner .titleBox {
+
  position: absolute;
+
  bottom: 0;
+
  left: 0;
+
  right: 0;
+
  margin-bottom: -50px;
+
  background: #000;
+
  background: rgba(0, 0, 0, 0.5);
+
  color: #FFF;
+
  padding: 10px;
+
  text-align: center;
+
  -webkit-transition: all 0.3s ease-out;
+
  -moz-transition: all 0.3s ease-out;
+
  -o-transition: all 0.3s ease-out;
+
  transition: all 0.3s ease-out;
+
}
+
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
+
  margin-bottom: 0;
+
}
+
 
@media only screen and (max-width : 480px) {
 
@media only screen and (max-width : 480px) {
 
   /* Smartphone view: 1 tile */
 
   /* Smartphone view: 1 tile */

Revision as of 18:30, 5 December 2016

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

#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 */
.box {
   float: left;
   position: relative;
   width: 20%;
   padding-bottom: 20%;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .box {
      width: 100%;
      padding-bottom: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .box {
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .box {
      width: 33.3%;
      padding-bottom: 33.3%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
   }
}
/* 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);
}