MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Justify) |
|||
(10 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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: 100%; | |||
} | |||
/* | |||
** Adding Justification | |||
** 2018-04-15 | |||
*/ | |||
.mw-body-content p { | |||
text-align: justify; | |||
} | |||
/* | /* | ||
Line 8: | Line 42: | ||
<pre><nowiki>*/ | <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>*/ | /*</nowiki></pre>*/ |
Latest revision as of 19:01, 15 April 2018
/* 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: 100%;
}
/*
** Adding Justification
** 2018-04-15
*/
.mw-body-content p {
text-align: justify;
}
/*
** 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>*/