The Demopædia Encyclopedia on Population is under heavy modernization and maintenance. Outputs could look bizarre, sorry for the temporary inconvenience

Multilingual Demographic Dictionary, second unified edition, English volume

Difference between revisions of "MediaWiki:Vdemopaediaii.css"

Multilingual Demographic Dictionary, second unified edition, English vol.
Jump to: navigation, search
m
(Blanked the page)
Line 1: Line 1:
/* CSS placed here will affect users of the Vdemopaediaii skin */
 
/*
 
* Should be placed in Mediawiki:Vdemopaediaii.css if can't be else.
 
* Any rules which should not be flipped automatically in right-to-left situations should be
 
* prepended with @noflip in a comment block. Images that should be embedded as base64 data-URLs
 
* should be prepended with @embed in a comment block.
 
*
 
* This style-sheet employs a few CSS trick to accomplish compatibility with a wide range of web
 
* browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
 
* a rule that makes things work in IE6, and then following it with a rule that begins with
 
* "html > body" or use a child selector ">", which is ignored by IE6 because it does not support
 
* the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and
 
* "IGNORED BY IE6" comments.
 
*/
 
  
/* Framework */
 
html,
 
body {
 
height: 100%;
 
margin: 0;
 
padding: 0;
 
font-family: sans-serif;
 
font-size: 1em;
 
background-color: #beefd4; /*#00bf6a; /*#00844a; /*#ecfeeb; /* line added NB green II #f8f7bb; yellow I */
 
    /*background-color: #ecfeeb;*//*#00844a/*#ecfeeb; /* line changed NB green II #f8f7bb; yellow I */
 
/*background-color: #f3f3f3; */
 
background-image: url(/Demopaedia_files/page-base-demopaediaii.png); /*background-image: url(images/page-base.png);*/
 
}
 
/* Content */
 
#content {
 
margin-left: 10em;
 
padding: 1em;
 
/* @embed */
 
background-image: url(images/border.png);
 
background-position: top left;
 
background-repeat: repeat-y;
 
background-color: white;
 
color: black;
 
direction: ltr;
 
}
 
/* Head */
 
#p-logobannerleft {
 
position: absolute;
 
top: 0;
 
width: 108px;
 
background: left;
 
}
 
#p-logobannertextleft {
 
position: absolute;
 
top: 0;
 
height: 86px;
 
width: 100%;
 
background-color: #b5d5e4; /*#b5e5e4; marine blue */
 
/*font-family:"Times New Roman", Times, serif;*/
 
font-family:"Arial", Sans-serif;
 
font-size: 0.875em;
 
border-bottom-color: #6799cc;
 
border-bottom-width: 3px;
 
border-bottom-style: solid;
 
}
 
#p-logobannertextleft p {
 
position: absolute;
 
left: 100px;
 
line-height: 100%;
 
}
 
#p-logobannertextright {
 
position: absolute;
 
top: 0;
 
right: 75px; /*-350px;*/
 
width: 150px;
 
height: 85px;
 
/*background-color: #b5e5e4; *//*fdfeab; /* line added NB green II #f8f7bb; yellow I */
 
/*font-family:"Times New Roman", Times, serif;*/
 
font-family:"Arial", Sans-serif;
 
font-size: 0.875em;
 
}
 
#p-logobannertextright p {
 
position: absolute;
 
text-align: right;
 
line-height: 100%;
 
}
 
 
#p-logobannerright {
 
position: absolute;
 
top: 0;
 
right: 0;
 
/*width: 100px;*/ /* For background only */
 
background: right;
 
/*background-color: #b5e5e4 ;*//*fdfeab; /* line added NB green II #f8f7bb; yellow I */
 
}
 
#mw-page-base {
 
height: 5em ; /*5em;*/
 
background-color: white;
 
/* @embed */
 
background-image: url(images/page-fade.png);
 
background-position: bottom left;
 
background-repeat: repeat-x;
 
}
 
#mw-head-base {
 
margin-top: 0em; /*0em; /*NB was -5em ; */
 
margin-left: 10em;
 
height: 6em; /*5em;*/
 
/* @embed */
 
/*background-image: url(images/border.png); */
 
background-position: bottom left;
 
background-repeat: repeat-x;
 
}
 
#mw-head {
 
position: absolute;/* can't be relative or no top banner*/
 
margin-top: 0em; /*0em; /*NB was -5em ; */
 
top: 0; /*0;*/
 
right: 0;
 
width: 100%;
 
background-color: none;/*#ecfeeb; /* line added NB green II #f8f7bb; yellow I */
 
}
 
div#mw-head h5 {
 
margin: 0;
 
padding: 0;
 
}
 
/* Hide empty portlets */
 
.emptyPortlet {
 
display: none;
 
}
 
/* Personal */
 
#p-personal {
 
position: absolute;
 
top: 5.5em; /* instead of 5em Demopaedia */
 
margin-left: 10em; /* added to demopaedia */
 
right: 0.75em;
 
}
 
/*#p-personal h5 {
 
display: none;
 
}*/
 
#p-personal ul {
 
list-style: none;
 
margin: 0;
 
padding-left: 10em; /* Keep from overlapping logo */
 
}
 
/* @noflip */
 
#p-personal li {
 
line-height: 1.125em;
 
float: left;
 
}
 
/* This one flips! */
 
#p-personal li {
 
margin-left: 0.75em;
 
margin-top: 0.5em;
 
font-size: 0.75em;
 
white-space: nowrap;
 
}
 
/* Navigation Containers */
 
#left-navigation {
 
position: absolute;
 
left: 10em;
 
top: 7.0em;  /* instead of 2.5em Demopaedia */
 
}
 
#right-navigation {
 
float: right;
 
margin-top: 7.0em; /* instead of 2.5 Demopaedia */
 
}
 
/* Navigation Labels */
 
/*div.vdemopaediaiiTabs h5,
 
div.vdemopaediaiiMenu h5 span {
 
display: none;
 
}*/
 
/* Namespaces and Views */
 
/* @noflip */
 
div.vdemopaediaiiTabs {
 
float: left;
 
height: 2.5em;
 
}
 
div.vdemopaediaiiTabs {
 
/* @embed */
 
background-image: url(images/tab-break.png);
 
background-position: bottom left;
 
background-repeat: no-repeat;
 
padding-left: 1px;
 
}
 
/* @noflip */
 
div.vdemopaediaiiTabs ul {
 
float: left;
 
}
 
div.vdemopaediaiiTabs ul {
 
height: 100%;
 
list-style: none;
 
margin: 0;
 
padding: 0;
 
}
 
/* @noflip */
 
div.vdemopaediaiiTabs ul li {
 
float: left;
 
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
 
div.vdemopaediaiiTabs ul li {
 
line-height: 1.125em;
 
display: inline-block;
 
height: 100%;
 
margin: 0;
 
padding: 0;
 
background-color: #f3f3f3;
 
/* @embed */
 
background-image: url(images/tab-normal-fade.png);
 
background-position: bottom left;
 
background-repeat: repeat-x;
 
white-space:nowrap;
 
}
 
/* IGNORED BY IE6 */
 
div.vdemopaediaiiTabs ul > li {
 
display: block;
 
}
 
div.vdemopaediaiiTabs li.selected {
 
/* @embed */
 
background-image: url(images/tab-current-fade.png);
 
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
 
div.vdemopaediaiiTabs li a {
 
display: inline-block;
 
height: 1.9em;
 
padding-left: 0.5em;
 
padding-right: 0.5em;
 
/* @embed */
 
/*background-image: url(images/tab-break.png);*/
 
background-position: bottom right;
 
background-repeat: no-repeat;
 
color: #0645ad;
 
cursor: pointer;
 
font-size: 0.8em;
 
}
 
/* IGNORED BY IE6 */
 
div.vdemopaediaiiTabs li > a {
 
display: block;
 
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
 
div.vdemopaediaiiTabs span a  {
 
display: inline-block;
 
padding-top: 1.25em /*0.75em;*/ /*1.25em;*/
 
}
 
/* IGNORED BY IE6 */
 
/* @noflip */
 
div.vdemopaediaiiTabs span > a {
 
float: left;
 
display: block;
 
}
 
div.vdemopaediaiiTabs li.selected a,
 
div.vdemopaediaiiTabs li.selected a:visited{
 
color: #333333;
 
text-decoration: none;
 
}
 
div.vdemopaediaiiTabs li.new a,
 
div.vdemopaediaiiTabs li.new a:visited{
 
color: #a55858;
 
}
 
/* Variants and Actions */
 
/* @noflip */
 
div.vdemopaediaiiMenu {
 
direction: ltr;
 
float: left;
 
/* @embed */
 
background-image: url(images/arrow-down-icon.png);
 
background-position: 100% 60%;
 
background-repeat: no-repeat;
 
cursor: pointer;
 
}
 
/* @noflip */
 
body.rtl div.vdemopaediaiiMenu {
 
direction: rtl;
 
}
 
/* This will be flipped - unlike the one above it */
 
div.vdemopaediaiiMenu h5 a {
 
background-position: bottom right;
 
}
 
/* IGNORED BY IE6 */
 
div.vdemopaediaiiMenu h5 > a {
 
display: block;
 
}
 
div.vdemopaediaiiMenu div.menu {
 
position: relative;
 
display: none;
 
clear: both;
 
text-align: left;
 
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
 
/* @noflip */
 
body.rtl div.vdemopaediaiiMenu div.menu {
 
margin-left: 24px;
 
}
 
/* IGNORED BY IE6 */
 
/* @noflip */
 
body.rtl div.vdemopaediaiiMenu > div.menu {
 
margin-left: auto;
 
}
 
/* IGNORED BY IE6 */
 
/* Also fixes old versions of FireFox */
 
/* @noflip */
 
body.rtl div.vdemopaediaiiMenu > div.menu,
 
x:-moz-any-link {
 
margin-left: 23px;
 
}
 
div.vdemopaediaiiMenu:hover div.menu {
 
display: block;
 
}
 
div.vdemopaediaiiMenu ul {
 
position: absolute;
 
background-color: white;
 
border: solid 1px silver;
 
border-top-width: 0;
 
list-style: none;
 
list-style-image: none;
 
list-style-type: none;
 
padding: 0;
 
margin: 0;
 
margin-left: -1px;
 
text-align: left;
 
}
 
/* Fixes old versions of FireFox */
 
div.vdemopaediaiiMenu ul,
 
x:-moz-any-link {
 
min-width: 5em;
 
}
 
/* Returns things back to normal in modern versions of FireFox */
 
div.vdemopaediaiiMenu ul,
 
x:-moz-any-link,
 
x:default {
 
min-width: 0;
 
}
 
div.vdemopaediaiiMenu li {
 
padding: 0;
 
margin: 0;
 
text-align: left;
 
line-height: 1em;
 
}
 
/* Search */
 
#p-search h5 {
 
display: none;
 
}
 
/* @noflip */
 
#p-search {
 
float: left;
 
}
 
#p-search {
 
margin-right: 0.5em;
 
margin-left: 0.5em;
 
}
 
#p-search form,
 
#p-search input {
 
margin: 0;
 
margin-top: 0.4em;
 
}
 
div#simpleSearch {
 
display: block;
 
width: 14em;
 
height: 1.4em;
 
margin-top: 0.65em;
 
position: relative;
 
min-height: 1px; /* Gotta trigger hasLayout for IE7 */
 
border: solid 1px #AAAAAA;
 
color: black;
 
background-color: white;
 
/* @embed */
 
background-image: url(images/search-fade.png);
 
background-position: top left;
 
background-repeat: repeat-x;
 
}
 
div#simpleSearch label {
 
/*
 
* DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
 
* this from ever being shown anyways.
 
*/
 
font-size: 13px;
 
top: 0.25em;
 
direction: ltr;
 
}
 
div#simpleSearch input {
 
color: black;
 
direction: ltr;
 
}
 
div#simpleSearch input:focus {
 
outline: none;
 
}
 
div#simpleSearch input.placeholder {
 
color: #999999;
 
}
 
div#simpleSearch input::-webkit-input-placeholder {
 
color: #999999;
 
}
 
div#simpleSearch input#searchInput {
 
position: absolute;
 
top: 0;
 
left: 0;
 
width: 90%;
 
margin: 0;
 
padding: 0;
 
padding-left: 0.2em;
 
padding-top: 0.2em;
 
padding-bottom: 0.2em;
 
outline: none;
 
border: none;
 
/*
 
* DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
 
* this from ever being shown anyways.
 
*/
 
font-size: 13px;
 
background-color: transparent;
 
direction: ltr;
 
}
 
div#simpleSearch button#searchButton {
 
position: absolute;
 
width: 10%;
 
right: 0;
 
top: 0;
 
padding: 0;
 
padding-top: 0.2em;
 
padding-bottom: 0.2em;
 
padding-right: 0.4em;
 
margin: 0;
 
border: none;
 
cursor: pointer;
 
background-color: transparent;
 
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
 
div#simpleSearch button#searchButton img {
 
border: none;
 
margin: 0;
 
margin-top: -3px;
 
padding: 0;
 
}
 
/* IGNORED BY IE6 */
 
div#simpleSearch button#searchButton > img {
 
margin: 0;
 
}
 
/* Panel */
 
div#mw-panel {
 
position: absolute;
 
top: 89px; /* or 89px and p-log top 0; /* Don't touch linked 260px  with p-logo -170px top, was 160px  */
 
padding-top: 0em; /* 0em if 90px; was 1em, linked with 260px*/
 
width: 10em;
 
left: 0;
 
background-color: #beefd4;/*#00bf6a;/*#ecfeeb; /* line added NB green II #f8f7bb; yellow I */
 
}
 
div#mw-panel div.portal {
 
  position: relative;  /* Added by Demopaedia */
 
padding-bottom: 1.5em;
 
direction: ltr;
 
}
 
div#mw-panel div.portal h5 {
 
font-weight: normal;
 
color: #444444;
 
padding: 0.25em;
 
padding-top: 0;
 
padding-left: 1.75em;
 
cursor: default;
 
border: none;
 
font-size: 0.75em;
 
}
 
div#mw-panel div.portal div.body {
 
margin: 0;
 
background-color: white; /* added Demopaedia */
 
padding-top: 0.5em;
 
padding-left: 0.5em; /* Added by Demopaedia */
 
margin-left: 1.0em; /* was 1.25em; modified by Demopaedia */
 
margin-right: 1.0em; /*added by Demopaedia */
 
/* @embed */
 
background-image: url(images/portal-break.png);
 
background-repeat: no-repeat;
 
background-position: center center; /* was top left; */
 
}
 
div#mw-panel div.portal div.body ul {
 
list-style: none;
 
list-style-image: none;
 
list-style-type: none;
 
padding: 0;
 
margin: 0;
 
}
 
div#mw-panel div.portal div.body ul li {
 
line-height: 1.125em;
 
padding: 0;
 
padding-bottom: 0.5em;
 
margin: 0;
 
overflow: hidden;
 
font-size: 0.75em;
 
}
 
div#mw-panel div.portal div.body ul li a {
 
color: #077f00;/* #8e8f00 for I; was #0645ad; for vdemopaediaii*/
 
}
 
div#mw-panel div.portal div.body ul li a:visited {
 
color: #0b0080;
 
}
 
/* Footer */
 
div#footer {
 
margin-left: 10em;
 
margin-top: 0;
 
padding: 0.75em;
 
/* @embed */
 
background-image: url(images/border.png);
 
background-position: top left;
 
background-repeat: repeat-x;
 
direction: ltr;
 
}
 
div#footer ul {
 
list-style: none;
 
list-style-image: none;
 
list-style-type: none;
 
margin: 0;
 
padding: 0;
 
}
 
div#footer ul li {
 
margin: 0;
 
padding: 0;
 
padding-top: 0.5em;
 
padding-bottom: 0.5em;
 
color: #333333;
 
font-size: 0.7em;
 
}
 
div#footer #footer-icons {
 
float: right;
 
}
 
/* @noflip */
 
body.ltr div#footer #footer-places {
 
float: left;
 
}
 
div#footer #footer-info li {
 
line-height: 1.4em;
 
}
 
div#footer #footer-icons li {
 
float: left;
 
margin-left: 0.5em;
 
line-height: 2em;
 
}
 
div#footer #footer-places li {
 
float: left;
 
margin-right: 1em;
 
line-height: 2em;
 
}
 
/* Logo */
 
#p-logo {
 
position: relative; /*was absolute;*/
 
top: 0px; /* Don't touch linked -170 with mw-panel top 260px, was -160px */
 
margin-top: 0em;
 
left: 0;
 
width: 10em;
 
/*height: 190px;*/ /*- auto;  /* was 160 px */
 
}
 
#p-logo a {
 
display: block; /*can't be changed;*/
 
width: 10em;
 
min-height: 100px; /* Added by Demopaedia; was height (not min-height): 160 px */
 
background-repeat: no-repeat;
 
background-position: top center; /* was center center */
 
background-color: #beefd4; /*#00df7c;/*#00bf6a; /*#ecfeeb; /* line added NB green II #f8f7bb; yellow I */
 
text-decoration: none;
 
}
 
#p-logoimg { /* Used with img instead of background-image for different height of logos */
 
position: relative; /*absolute;*/
 
top: 0px; /* Don't touch linked -170 with mw-panel top 260px */
 
margin-top: 0em;
 
margin-left: 0.8em;
 
/*left: 0;*/
 
width: 9em;
 
/*height: 190px;*/ /*- auto;  /* was 190 px */
 
}
 
#p-logoimg a img{
 
display: block; /*can't be changed;*/
 
text-decoration: none;
 
}
 
 
/*
 
*
 
* The following code is highly modified from monobook. It would be nice if the
 
* preftoc id was more human readable like preferences-toc for instance,
 
* howerver this would require backporting the other skins.
 
*/
 
 
/* Preferences */
 
#preftoc {
 
/* Tabs */
 
width: 100%;
 
float: left;
 
clear: both;
 
margin: 0 !important;
 
padding: 0 !important;
 
/* @embed */
 
background-image: url(images/preferences-break.png);
 
background-position: bottom left;
 
background-repeat: no-repeat;
 
}
 
#preftoc li {
 
/* Tab */
 
float: left;
 
margin: 0;
 
padding: 0;
 
padding-right: 1px;
 
height: 2.25em;
 
white-space: nowrap;
 
list-style-type: none;
 
list-style-image: none;
 
/* @embed */
 
background-image: url(images/preferences-break.png);
 
background-position: bottom right;
 
background-repeat: no-repeat;
 
}
 
/* Sadly, IE6 won't understand this */
 
#preftoc li:first-child {
 
margin-left: 1px;
 
}
 
#preftoc a,
 
#preftoc a:active {
 
display: inline-block;
 
position: relative;
 
color: #0645ad;
 
padding: 0.5em;
 
text-decoration: none;
 
background-image: none;
 
font-size: 0.9em;
 
}
 
#preftoc a:hover,
 
#preftoc a:focus {
 
text-decoration: underline;
 
}
 
#preftoc li.selected a {
 
/* @embed */
 
background-image: url(images/preferences-fade.png);
 
background-position: bottom;
 
background-repeat: repeat-x;
 
color: #333333;
 
text-decoration: none;
 
}
 
#preferences {
 
float: left;
 
width: 100%;
 
margin: 0;
 
margin-top: -2px;
 
clear: both;
 
border: solid 1px #cccccc;
 
background-color: #f9f9f9;
 
/* @embed */
 
background-image: url(images/preferences-base.png);
 
}
 
#preferences fieldset.prefsection {
 
border: none;
 
padding: 0;
 
margin: 1em;
 
}
 
#preferences fieldset.prefsection fieldset {
 
border: none;
 
border-top: solid 1px #cccccc;
 
}
 
#preferences legend {
 
color: #666666;
 
}
 
#preferences fieldset.prefsection legend.mainLegend {
 
display: none;
 
}
 
#preferences td {
 
padding-left: 0.5em;
 
padding-right: 0.5em;
 
}
 
#preferences td.htmlform-tip {
 
font-size: x-small;
 
padding: .2em 2em;
 
color: #666666;
 
}
 
#preferences div.mw-prefs-buttons {
 
padding: 1em;
 
}
 
#preferences div.mw-prefs-buttons input {
 
margin-right: 0.25em;
 
}
 
 
/*
 
* Styles for the user login and create account forms
 
*/
 
#userlogin, #userloginForm {
 
border: solid 1px #cccccc;
 
padding: 1.2em;
 
margin: .5em;
 
float: left;
 
}
 
 
#userlogin {
 
min-width: 20em;
 
max-width: 90%;
 
width: 40em;
 
}
 
 
/*
 
*
 
* The following code is slightly modified from monobook
 
*
 
*/
 
div#content {
 
line-height: 1.5em;
 
}
 
#bodyContent {
 
font-size: 0.8em;
 
}
 
/* Links */
 
a {
 
text-decoration: none;
 
color: #0645ad;
 
background: none;
 
}
 
a:visited {
 
color: #0b0080;
 
}
 
a:active {
 
color: #faa700;
 
}
 
a:hover, a:focus {
 
text-decoration: underline;
 
}
 
a.stub {
 
color: #772233;
 
}
 
a.new, #p-personal a.new {
 
color: #ba0000;
 
}
 
a.new:visited, #p-personal a.new:visited {
 
color: #a55858;
 
}
 
 
/* Inline Elements */
 
img {
 
border: none;
 
vertical-align: middle;
 
}
 
hr {
 
height: 1px;
 
color: #aaa;
 
background-color: #aaa;
 
border: 0;
 
margin: .2em 0 .2em 0;
 
}
 
 
/* Structural Elements */
 
h1,
 
h2,
 
h3,
 
h4,
 
h5,
 
h6 {
 
color: black;
 
background: none;
 
font-weight: normal;
 
margin: 0;
 
overflow: hidden;
 
padding-top: .5em;
 
padding-bottom: .17em;
 
border-bottom: 1px solid #aaa;
 
width: auto;
 
}
 
h1 { font-size: 188%; }
 
h1 .editsection { font-size: 53%; }
 
h2 { font-size: 150%; }
 
h2 .editsection { font-size: 67%; }
 
h3,
 
h4,
 
h5,
 
h6 {
 
border-bottom: none;
 
font-weight: bold;
 
}
 
h3 { font-size: 132%; }
 
h3 .editsection { font-size: 76%; font-weight: normal; }
 
h4 { font-size: 116%; }
 
h4 .editsection { font-size: 86%; font-weight: normal; }
 
h5 { font-size: 100%; }
 
h5 .editsection { font-weight: normal; }
 
h6 { font-size: 80%;  }
 
h6 .editsection { font-size: 125%; font-weight: normal; }
 
.editsection { float: right; }
 
p {
 
margin: .4em 0 .5em 0;
 
line-height: 1.5em;
 
}
 
p img {
 
margin: 0;
 
}
 
q {
 
font-family: Times, "Times New Roman", serif;
 
font-style: italic;
 
}
 
/* Disabled for now
 
blockquote {
 
font-family: Times, "Times New Roman", serif;
 
font-style: italic;
 
}*/
 
pre, code, tt, kbd, samp {
 
/*
 
* It's important for this rule to first reference an actual font name, some browsers will render the monospace text
 
* too small otherwise, namely Firefox, Chrome and Safari
 
*/
 
font-family: monospace, "Courier New";
 
}
 
code {
 
background-color: #f9f9f9;
 
}
 
pre {
 
padding: 1em;
 
border: 1px dashed #2f6fab;
 
color: black;
 
background-color: #f9f9f9;
 
line-height: 1.1em;
 
}
 
ul {
 
line-height: 1.5em;
 
list-style-type: square;
 
margin: .3em 0 0 1.5em;
 
padding: 0;
 
/* @embed */
 
list-style-image: url(images/bullet-icon.png);
 
}
 
ol {
 
line-height: 1.5em;
 
margin: .3em 0 0 3.2em;
 
padding: 0;
 
list-style-image: none;
 
}
 
li {
 
margin-bottom: .1em;
 
}
 
dt {
 
font-weight: bold;
 
margin-bottom: .1em;
 
}
 
dl {
 
margin-top: .2em;
 
margin-bottom: .5em;
 
}
 
dd {
 
line-height: 1.5em;
 
margin-left: 2em;
 
margin-bottom: .1em;
 
}
 
/* Tables */
 
table {
 
font-size: 100%;
 
}
 
/* Forms */
 
fieldset {
 
border: 1px solid #2f6fab;
 
margin: 1em 0 1em 0;
 
padding: 0 1em 1em;
 
line-height: 1.5em;
 
}
 
fieldset.nested {
 
margin: 0 0 0.5em 0;
 
padding: 0 0.5em 0.5em;
 
}
 
legend {
 
padding: .5em;
 
font-size: 95%;
 
}
 
form {
 
border: none;
 
margin: 0;
 
}
 
textarea {
 
width: 100%;
 
padding: .1em;
 
}
 
select {
 
vertical-align: top;
 
}
 
/* Table of Contents */
 
#toc,
 
.toc,
 
.mw-warning {
 
border: 1px solid #aaa;
 
background-color: #f9f9f9;
 
padding: 5px;
 
font-size: 95%;
 
}
 
#toc h2,
 
.toc h2 {
 
display: inline;
 
border: none;
 
padding: 0;
 
font-size: 100%;
 
font-weight: bold;
 
}
 
#toc #toctitle,
 
.toc #toctitle,
 
#toc .toctitle,
 
.toc .toctitle {
 
text-align: center;
 
}
 
#toc ul,
 
.toc ul {
 
list-style-type: none;
 
list-style-image: none;
 
margin-left: 0;
 
padding-left: 0;
 
text-align: left;
 
}
 
#toc ul ul,
 
.toc ul ul {
 
margin: 0 0 0 2em;
 
}
 
#toc .toctoggle,
 
.toc .toctoggle {
 
font-size: 94%;
 
}
 
/* Images */
 
div.floatright, table.floatright {
 
clear: right;
 
float: right;
 
position: relative;
 
margin: 0 0 .5em .5em;
 
border: 0;
 
}
 
div.floatright p { font-style: italic; }
 
div.floatleft, table.floatleft {
 
float: left;
 
clear: left;
 
position: relative;
 
margin: 0 .5em .5em 0;
 
border: 0;
 
}
 
div.floatleft p { font-style: italic; }
 
/* Thumbnails */
 
div.thumb {
 
margin-bottom: .5em;
 
width: auto;
 
background-color: transparent;
 
}
 
div.thumbinner {
 
border: 1px solid #ccc;
 
padding: 3px !important;
 
background-color: #f9f9f9;
 
font-size: 94%;
 
text-align: center;
 
overflow: hidden;
 
}
 
html .thumbimage {
 
border: 1px solid #ccc;
 
}
 
html .thumbcaption {
 
border: none;
 
text-align: left;
 
line-height: 1.4em;
 
padding: 3px !important;
 
font-size: 94%;
 
}
 
div.magnify {
 
float: right;
 
border: none !important;
 
background: none !important;
 
}
 
div.magnify a, div.magnify img {
 
display: block;
 
border: none !important;
 
background: none !important;
 
}
 
/* @noflip */
 
div.tright {
 
clear: right;
 
float: right;
 
margin: .5em 0 1.3em 1.4em;
 
}
 
/* @noflip */
 
div.tleft {
 
float: left;
 
clear: left;
 
margin: .5em 1.4em 1.3em 0;
 
}
 
img.thumbborder {
 
border: 1px solid #dddddd;
 
}
 
.hiddenStructure {
 
display: none;
 
}
 
/* Warning */
 
.mw-warning {
 
margin-left: 50px;
 
margin-right: 50px;
 
text-align: center;
 
}
 
/* User Message */
 
.usermessage {
 
background-color: #ffce7b;
 
border: 1px solid #ffa500;
 
color: black;
 
font-weight: bold;
 
margin: 2em 0 1em;
 
padding: .5em 1em;
 
vertical-align: middle;
 
}
 
/* Site Notice (includes notices from CentralNotice extension) */
 
#siteNotice {
 
position: relative;
 
text-align: center;
 
font-size: 0.8em;
 
margin: 0;
 
}
 
#localNotice {
 
margin-bottom: 0.9em;
 
}
 
/* Categories */
 
.catlinks {
 
border: 1px solid #aaa;
 
background-color: #f9f9f9;
 
padding: 5px;
 
margin-top: 1em;
 
clear: both;
 
}
 
/* Sub-navigation */
 
#siteSub {
 
display: none;
 
}
 
#jump-to-nav {
 
display: none;
 
}
 
#contentSub, #contentSub2 {
 
font-size: 84%;
 
line-height: 1.2em;
 
margin: 0 0 1.4em 1em;
 
color: #7d7d7d;
 
width: auto;
 
}
 
span.subpages {
 
display: block;
 
}
 
/* Emulate Center */
 
.center {
 
width: 100%;
 
text-align: center;
 
}
 
*.center * {
 
margin-left: auto;
 
margin-right: auto;
 
}
 
/* Small for tables and similar */
 
.small, .small * {
 
font-size: 94%;
 
}
 
table.small {
 
font-size: 100%;
 
}
 
/* Edge Cases for Content */
 
h1, h2 {
 
margin-bottom: .6em;
 
}
 
h3, h4, h5 {
 
margin-bottom: .3em;
 
}
 
#firstHeading {
 
padding-top: 0;
 
margin-top: 0;
 
padding-top: 0;
 
margin-bottom: 0.1em;
 
line-height: 1.2em;
 
font-size: 1.6em;
 
padding-bottom: 0;
 
}
 
div#content a.external,
 
div#content a[href ^="gopher://"] {
 
/* @embed */
 
background: url(images/external-link-ltr-icon.png) center right no-repeat;
 
padding-right: 13px;
 
}
 
div#content a[href ^="https://"],
 
.link-https {
 
/* @embed */
 
background: url(images/lock-icon.png) center right no-repeat;
 
padding-right: 13px;
 
}
 
div#content a[href ^="mailto:"],
 
.link-mailto {
 
/* @embed */
 
background: url(images/mail-icon.png) center right no-repeat;
 
padding-right: 13px;
 
}
 
div#content a[href ^="news://"] {
 
/* @embed */
 
background: url(images/news-icon.png) center right no-repeat;
 
padding-right: 13px;
 
}
 
div#content a[href ^="ftp://"],
 
.link-ftp {
 
/* @embed */
 
background: url(images/file-icon.png) center right no-repeat;
 
padding-right: 13px;
 
}
 
div#content a[href ^="irc://"],
 
div#content a.extiw[href ^="irc://"],
 
.link-irc {
 
/* @embed */
 
background: url(images/talk-icon.png) center right no-repeat;
 
padding-right: 13px;
 
}
 
div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
 
div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
 
div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
 
div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
 
div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
 
div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
 
.link-audio {
 
/* @embed */
 
background: url("images/audio-icon.png?2") center right no-repeat;
 
padding-right: 13px;
 
}
 
div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
 
div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
 
div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
 
div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
 
.link-video {
 
/* @embed */
 
background: url("images/video-icon.png?2") center right no-repeat;
 
padding-right: 13px;
 
}
 
div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
 
div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
 
div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
 
.link-document {
 
/* @embed */
 
background: url("images/document-icon.png?2") center right no-repeat;
 
padding-right: 13px;
 
}
 
/* Interwiki Styling  (Disabled) */
 
div#content a.extiw,
 
div#content a.extiw:active {
 
color: #36b;
 
background: none;
 
padding: 0;
 
}
 
div#content a.external {
 
color: #36b;
 
}
 
div#content .printfooter {
 
display: none;
 
}
 
/* Icon for Usernames */
 
#pt-userpage,
 
#pt-anonuserpage,
 
#pt-login {
 
/* @embed */
 
background: url(images/user-icon.png) left top no-repeat;
 
padding-left: 15px !important;
 
text-transform: none;
 
}
 
 
.toccolours {
 
border: 1px solid #aaa;
 
background-color: #f9f9f9;
 
padding: 5px;
 
font-size: 95%;
 
}
 
#bodyContent {
 
position: relative;
 
width: 100%;
 
}
 
#mw-js-message {
 
font-size: 0.8em;
 
}
 
div#bodyContent {
 
line-height: 1.5em;
 
}
 
 
/* Watch/Unwatch Icon Styling */
 
#ca-unwatch.icon,
 
#ca-watch.icon {
 
margin-right:1px;
 
}
 
#ca-unwatch.icon a,
 
#ca-watch.icon a {
 
margin: 0;
 
padding: 0;
 
outline: none;
 
display: block;
 
width: 26px;
 
/* This hides the text but shows the background image */
 
padding-top: 3.1em;
 
margin-top: 0;
 
/* Only applied in IE6 */
 
margin-top: -0.8em !ie;
 
height: 0;
 
overflow: hidden;
 
/* @embed */
 
background-image: url(images/watch-icons.png);
 
}
 
#ca-unwatch.icon a {
 
background-position: -43px 60%;
 
}
 
#ca-watch.icon a {
 
background-position: 5px 60%;
 
}
 
#ca-unwatch.icon a:hover,
 
#ca-unwatch.icon a:focus {
 
background-position: -67px 60%;
 
}
 
#ca-watch.icon a:hover,
 
#ca-watch.icon a:focus {
 
background-position: -19px 60%;
 
}
 
#ca-unwatch.icon a.loading,
 
#ca-watch.icon a.loading {
 
/* @embed */
 
background-image: url(images/watch-icon-loading.gif);
 
background-position: 5px 60%;
 
}
 
#ca-unwatch.icon a span,
 
#ca-watch.icon a span {
 
display: none;
 
}
 
div.vdemopaediaiiTabs ul {
 
/* @embed */
 
background-image:url(images/tab-break.png);
 
background-position:right bottom;
 
background-repeat:no-repeat;
 
}
 
 
/* Convenience links to edit block, delete and protect reasons */
 
p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 
p.mw-filedelete-editreasons, p.mw-delete-editreasons {
 
float: right;
 
}
 
 
/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 
.tipsy {
 
font-size: 0.8em;
 
}
 

Revision as of 14:02, 20 June 2017