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
(Changing to a darker green #beefd4)
(Back to global .less skin file)
 
Line 1: Line 1:
 
/* CSS placed here will affect users of the Vdemopaediaii skin */
 
/* 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; is green too light /* 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: 0; /*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: 0; /*0em; /*NB was -5em ; */
 
top: 0; /*0;*/
 
right: 0;
 
width: 100%;
 
background-color: #beefd4; /*#ecfeeb; *//* line added NB green II #f8f7bb; yellow I */
 
}
 
/*#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;
 
}
 
/* Panel */
 
#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: 0; /* 0em if 90px; was 1em, linked with 260px*/
 
padding-left: 0; /*added new demopaedia */
 
width: 10em;
 
left: 0;
 
background-color: #beefd4;/*#00bf6a;/*#ecfeeb; /* line added NB green II #f8f7bb; yellow I */
 
}
 
#mw-panel div.portal {
 
  position: relative;  /* Added by Demopaedia */
 
padding-bottom: 1.5em;
 
direction: ltr;
 
}
 
/* #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;
 
}*/
 
#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; */
 
}
 
#mw-panel div.portal div.body ul {
 
list-style: none;
 
list-style-image: none;
 
list-style-type: none;
 
padding: 0;
 
margin: 0;
 
}
 
#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;
 
}
 
#mw-panel div.portal div.body ul li a {
 
color: #077f00;/* #8e8f00 for I; was #0645ad; for vdemopaediaii*/
 
}
 
#mw-panel div.portal div.body ul li a:visited {
 
color: #0b0080;
 
}
 
/* Footer */
 
#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;
 
}
 
#footer ul {
 
list-style: none;
 
list-style-image: none;
 
list-style-type: none;
 
margin: 0;
 
padding: 0;
 
}
 
#footer ul li {
 
margin: 0;
 
padding: 0;
 
padding-top: 0.5em;
 
padding-bottom: 0.5em;
 
color: #333333;
 
font-size: 0.7em;
 
}
 
#footer #footer-icons {
 
float: right;
 
}
 
/* @noflip */
 
.ltr #footer #footer-places {
 
float: left;
 
}
 
footer #footer-info li {
 
line-height: 1.4em;
 
}
 
#footer #footer-icons li {
 
float: left;
 
margin-left: 0.5em;
 
line-height: 2em;
 
}
 
#footer #footer-places li {
 
float: left;
 
margin-right: 1em;
 
line-height: 2em;
 
}
 
/* Logo */
 
#p-logo {
 
position: relative; /*was absolute;*/
 
top: 0; /* Don't touch linked -170 with mw-panel top 260px, was -160px */
 
margin-top: 0;
 
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: 0; /* Don't touch linked -170 with mw-panel top 260px */
 
margin-top: 0;
 
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;
 
}
 

Latest revision as of 10:37, 22 June 2017

/* CSS placed here will affect users of the Vdemopaediaii skin */