Difference between revisions of "MediaWiki:Vector.css"

From Nithyanandapedia
Jump to navigation Jump to search
 
(3 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
/* Bring the text to 14px */
 
/* Bring the text to 14px */
 
#mw-content-text {
 
#mw-content-text {
   font-size: 1.000em;
+
   font-size: 0.900em;
 
}
 
}
  
 
#bodyContent {
 
#bodyContent {
   font-size: 1.000em;
+
   font-size: 0.900em;
 
}
 
}
  
.npedia-banner {
+
#pmvideocontainer {height: 100%; width:100%; font-size: 0;}
   background-image: url("images/f/ff/HDH.jpg"); /* fallback */
+
#pmvideoleft, #pmvideoright {display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 12px; }
  background-image: url("images/f/ff/HDH.jpg"), linear-gradient(#eb01a5, #d13531); /* W3C */
+
#pmvideoleft {margin:10px;}
 +
#pmvideoright {margin:10px;}
 +
 
 +
.iframe-container {
 +
   position: relative;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
 
}
 
}
  
.npedia-timeline-button {
+
/* Then style the iframe to fit in the container div with full height and width */
  background-color: #e7dcb1; /* Beige */
+
.responsive-iframe {
  border: none;
+
   position: absolute;
  color: #653438;
+
   top: 0;
  padding: 20px;
+
   left: 0;
   text-align: center;
+
   bottom: 0;
   text-decoration: none;
+
   right: 0;
   display: inline-block;
+
   width: 100%;
   font-size: 14px;
+
   height: 100%;
   margin: 4px 2px;
 
   cursor: pointer;
 
   border-radius: 30%;
 
 
}
 
}

Latest revision as of 00:41, 1 May 2021

/* CSS placed here will affect users of the Vector skin */
/* Bring the text to 14px */
#mw-content-text {
  font-size: 0.900em;
}

#bodyContent {
  font-size: 0.900em;
}

#pmvideocontainer {height: 100%; width:100%; font-size: 0;}
#pmvideoleft, #pmvideoright {display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 12px; }
#pmvideoleft {margin:10px;}
#pmvideoright {margin:10px;}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}