MediaWiki:Mobile.css

From The WMD Library
Revision as of 16:49, 23 September 2017 by Member005 (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
MediaWiki:Common.css
/* CSS placed here will be applied to all skins */


/* 
	Making video boxes fluid instructions
	Added 2017-09-04 to make BitChute videos responsive.
	https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	margin-bottom: 25px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}



/*
** Stuff added by Member005 at start of file
*/
/* Copy from wikipedia common.css 25/12/2006 */
/* 

<pre><nowiki>*/

.image-right {
	float: right;
}

.image-left {
	float: left;
}


/* @group My WMD Song Display */



/* Main div to hold the song lyrics */
/*
#wmd-songpage .toc {
	position: relative;
	margin-left: 1em;
}

#wmd-songbackground {
	display: inline;
}

#wmd-songlyrics {
	clear: both;
}
*/


#wmd-songlyrics b {
	font-size: larger;
	font-weight: bold;
	font-style: italic;
}

#wmd-songlyrics dl dd {
	margin-left: 2em;
	text-indent: -2em;
	margin-bottom: 0;
}

#wmd-songlyrics dd:first-letter {
	font-weight: bolder;
}

#wmd-songlyrics dl {
	margin-bottom: 1em;
}

.wmd-songmain {
	position: relative;
	left: 2%;
	width: 95%;
}


.wmd-songmain p {
	margin: 0;
}

/* Right shifted sections to hold notes about the songs */
.wmd-songnotes, .wmd-songnotes-small {
	float:right;
	width: 60%;
	text-align: left;
	border-left-style: dotted;
	border-left-width: thin;
	padding-left: .5em;
	margin-left: 1.5em;
	background: #f9f9f9;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	margin-top: 0;
	margin-bottom: 0;
}


.quote {
	font-style: italic;
}

#wmd-songlyrics div.wmd-songmain dl dd span.wmd-songnotes {
	margin-left: 0;
	text-indent: 0;
}

.wmd-songnotes .small {
	font-size: 90%;
}

/* Right side notes currently hidden */
/* Side bar to the far right */
.wmd-songrightside {
	display: none;
	position: relative;
	right: 5%;
	float: right;
	width: 35%;
}

.infobox.wmdlyrics {
	margin-bottom: 0px;
	background-color: #fdffc0;
	margin-left: 5px;
	text-indent: 0;		
}

.infobox.bordered.wmdlyrics dl dd {
	margin-left: 0em;
	text-indent: 0em;	
}


.wmd-cite {
	margin-left: 6em;
	margin-top: 1em;
}


.wmd-cite-sechead {
	text-indent: -6em;
	float: left;
	font-variant: small-caps;
	font-weight: bold;
}

.wmd-says {
	color: #343067;
	font-style: italic;
}

.wmd-thelaw {
	float: right;
	border-bottom-style: solid;
	width: 50%;
	padding: .3em;
	padding-top: 0;
	border-width: thin;
	background-color: #f2f2ff;
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 1em;
}

.wmd-thelaw-sechead {
	font-variant: small-caps;
	font-weight: bold;
	font-size: larger;
}

.wmd-cite-heading h3 {
	font-variant: small-caps;
	font-size: 120%;
}

.wmd-cite-internal {
	font-size: x-small;
	float: right;
}

#wmd-songbackground-cont {
	width: 80%;
}

#wmd-songbackground-cont div.wmd-songnotes {
	position: relative;
	float: right;
	display: inline;
}

div.wmd_hugetext {
	font-size: larger;
	line-height: 1.1;
}

.wmd-image {
	margin: 2px;
	padding-right: 5px;
	padding-left: 5px;
}

.wmd-quote {
	font-style:italic;
	margin:1em;
}

/* @end */


/* @group My WMD UN declaration vs Cairo page */

.wmd_islamic_HR {
	float: right;
	width: 46%;
	padding: 5px;
	background-color: #ccffcc;
	border: thin solid #00ac3d;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.wmd_univ_HR {
	width: 46%;
	padding: 5px;
	border-style: solid;
	border-width: thin;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	position: static;
}

.wmd_float_clear {
	float: none;
	clear: both;
}

.wmd_float_clear_line {
	float: none;
	clear: both;
	border-top-style: dotted;
	border-top-width: thin;
	height: 1px;
}


/* @end */

/* Infobox template style */

.infobox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}



/*</nowiki></pre>*/