Difference between revisions of "MediaWiki:Common.css"

From WikiCorporates
Jump to navigation Jump to search
 
Line 42: Line 42:
 
   Used in Template:Src */
 
   Used in Template:Src */
 
.lock-subs {
 
.lock-subs {
/* background: transparent, url("http://wikicorporates.local/mediawiki/images/b/b7/Lock-red.svg") right 0.1em center/9px no-repeat;" */
+
/* background: transparent, url("mediawiki-1.32.2/images/b/b7/Lock-red.svg") right 0.1em center/9px no-repeat;" */
 
background-color: transparent;
 
background-color: transparent;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
Line 48: Line 48:
 
background-position: right center;
 
background-position: right center;
 
background-size: 9px 14px;
 
background-size: 9px 14px;
background-image: url("/mediawiki/images/b/b7/Lock-red.svg");
+
background-image: url("/mediawiki-1.32.2/images/b/b7/Lock-red.svg");
 
}
 
}
 
.lock-free {
 
.lock-free {
Line 55: Line 55:
 
background-position: right center;
 
background-position: right center;
 
background-size: 9px 14px;
 
background-size: 9px 14px;
background-image: url("/mediawiki/images/6/65/Lock-green.svg");
+
background-image: url("/mediawiki-1.32.2/images/6/65/Lock-green.svg");
 
}
 
}
  

Latest revision as of 14:49, 22 February 2021

/* CSS placed here will be applied to all skins */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

/* Custom link colours */
a {color:#2383c2}
a:visited {color:#2383c2;}
a:active {color:#006ec6;}
.mw-body a.extiw, 
.mw-body a.extiw:active {color:#2383c2}
/* .mw-body a.extiw:active {color:#006ec6} */
.mw-body a.extiw:visited {color:#2383c2}
.mw-body a.external {color:#2383c2}
.mw-body a.external:visited {color:#2383c2}
.mw-body a.external:active {color:#006ec6}

/* link styles for Glossary, Media People, etc */
span.lookup { border-bottom:1px dotted #2383c2; }
span.lookup .new { color:#000000; }
span.lookup > a { color: #000000; text-decoration:none; }
span.lookup > a:hover { color:#2383c2; text-decoration:none; }

span.wsalad { border-bottom:1px dotted #2383c2; }
span.wsalad > a { color: #7700aa; text-decoration:none; }
span.wsalad > a:hover { color:#2383c2; text-decoration:none; }


/* ------------------ Misc. MediaWiki Mods ------------------ */
/* Modification of MediaWiki default of 3.2em; */
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { margin-left:2em; }

/* Modification of MediaWiki default of 0.3em */
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {margin-top: 0; }

/* Modification of MediaWiki default of 3.2em */
ol.references { margin-left:2.2em; }  

/* Don't show MediaWiki's subpage output */
div#contentSub span.subpages { display:none; }


/* Background image of open or locked padlock for urls.
   Used in Template:Src */
.lock-subs {
/* background: transparent, url("mediawiki-1.32.2/images/b/b7/Lock-red.svg") right 0.1em center/9px no-repeat;" */
background-color: transparent;
background-repeat: no-repeat;
/*background-position: right 0.1em center/9px;*/
background-position: right center;
background-size: 9px 14px;
background-image: url("/mediawiki-1.32.2/images/b/b7/Lock-red.svg");
}
.lock-free {
background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
background-size: 9px 14px;
background-image: url("/mediawiki-1.32.2/images/6/65/Lock-green.svg");
}


/* First line is normally aligned; rest of paragraph is left-indented. Can be used with both div and p.
Note that when using div, a "br" inside the div breaks the indentation; p must be used. */
.hang-indent {
 text-indent:-1.5em;
 padding-left:1.5em;
}

/* Collapsible / Expandable sections, showing only the first few lines
   Related files: MediaWiki:Common.js + Template:SeeMore */
.see-more { max-height:8em; }    /* max-height:10em; */
.see-more.expanded { max-height:none!important; }
.see-more-toggle { text-align:center; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; }


/* -------------------- Sidebar -------------------- */
/* Get rid of the div's top border image */
div#mw-panel div.portal {
  background-image: none;
}
/* Have a decent top space between groups.
 * Pad the h3 a bit more so is in line w/all text
 * No borders */
div#mw-panel div.portal h3 {
  margin: 0.5em 0 0 0;
  padding: 0.25em 0 0.25em 0.7em;
  border: 0;
}
/* Give the div for the text links a top border image */
div#mw-panel div.portal div.body {
  margin-left: 0.6em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}

/* -------------------- Footer Links -------------------- */
/* Centre the row of footer links */
div#footer #footer-places { width: 100%; text-align: center; float: none; }
div#footer #footer-places li { float: none; display: inline-block; }
/* Prevent the (unused) div 'footer-info-lastmod' from taking up space
div#footer ul#footer-info { display: none; }
div#footer { padding-top: 0.50em; }
*/

/* ------ Styles for the show/hide toggles in collapsible elements ------ */
.mw-collapsible-toggle {  /* JQuery makeCollapsible show/hide links */
 font-weight: normal;     /* never be bold, even when inside a th */
 font-size: 86%;          /* be smaller and cuter */
/* @noflip */
 text-align: right;
 padding-right: 0.2em;    /* don't be jammed against the far side   */
 display:table;
 margin:0 auto;
}

/* When using section headers in Template:TblOneCell, rm padding-top + margin-top */
.tblOneCell h3 { padding-top:0; margin-top:0; }
.tblOneCell h4 { padding-top:0; margin-top:0; }

/* Section headings in bold */
h1,h2 {font-weight:500;}

/* Left-indent */
div.indent > div {
 margin-left:1.5em;
}

/* Style blockquotes */
blockquote.left-border {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}

/* -------------------- TOC mods --------------------- */
.no-auto-num .tocnumber { display: none; }
#internal-toc .toc { border:none; }
#internal-toc .toctitle { display:none; }
#internal-toc #toc, #toc .toc { padding-top:0px; }
}

/* https://en.wikipedia.org/wiki/Template_talk:TOC_limit
 * Allow limiting of which header levels are shown in a TOC.
 * Eg. <div class="toclimit-3"> will limit to showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
 display: none;
}

.resizable {
  resize: both;
  overflow: scroll;
  border: 1px solid black;
}


/* ------------------- Template:Columns ------------------- */
ul.columns, ol.columns {
 list-style-image:none;
 margin-top:0;
 margin-bottom:0;
 margin-left:2.0em;
 margin-right:1.0em;
}
ul.columns ul, ol.columns ol {
 list-style-image:none;
 list-style-type:inherit;
 margin-top:0;
 margin-bottom:0;
}
/* increase the line height to 1.8em instead of the default 1.6em */
/* ul.vspace li, ol.vspace li { padding-bottom: 6px; } */
ul.vspace, ol.vspace { line-height:1.8em; }
/* and also  override MW's default bottom-padding on images of 0.5em */
.columns div.floatright { margin: 0 0 0 0.5em; }
.columns div.floatleft { margin: 0 0.5em 0 0; }

/* for timelines */
ul.timeline {
 list-style-type:none;
 margin:0 2.0em 0 0;
 padding-left:0px;
}
ul.timeline li {
 margin-bottom:0.3em;
 padding-bottom:0.5em;
 border-bottom:1px solid #aaaaaa;
}
ul.timeline li small {
 dislay:block;
 float: left;
 min-width: 60px;
 font-size: 80%;
}
/*
ul.columns-timeline {
 list-style-image:none;
 list-style-type:none;
 margin:0 2.0em 0 0;
 padding-left: 0px;
}
ul.columns-timeline li {
 margin-bottom:0.3em;
 padding-bottom:0.5em;
 border-bottom:1px solid #aaaaaa;
}
ul.columns-timeline li small {
 dislay:block;
 float: left;
 min-width: 60px;
 font-size: 80%;
}
*/

/* ------------------- Tree List --------------------- */
/* From here: http://odyniec.net/articles/turning-lists-into-trees/
   M'wiki one here: https://www.mediawiki.org/wiki/Snippets/Treeview
   J'script here: https://gojs.net/latest/samples/index.html
   DDG search: https://duckduckgo.com/?q=how+to+make+a+tree+in+html&t=ffnt&ia=qa
*/
ul.tree, ul.tree ul {
 list-style-type:none;
 list-style-image:none;
 background: url(/Images/Site-Imgs/tree-vline.png) repeat-y;
 margin: 0;
 padding: 0;
}
ul.tree ul {
 margin-left: 10px;
}
ul.tree li {
 margin: 0;
 padding: 0 12px;
 line-height: 22px; /* 20px; */
 background: url(/Images/Site-Imgs/tree-node.png) no-repeat;
/* color: #369; */
}
ul.tree li.first {
 background: #fff url(/Images/Site-Imgs/tree-firstnode.png) no-repeat;
}
ul.tree li.last {
 background: #fff url(/Images/Site-Imgs/tree-lastnode.png) no-repeat;
}
ul.tree li.dormant {
 font-style:italic;
 color:#a9a9a9;
}
ul.tree li.holdco {
font-style:italic;
}
ul.tree li.header {
 font-weight:bold;
 font-size:115%;
 margin-top:10px;
}

/* -------------------- Main Page -------------------- */
blockquote.MainPage {
 border:solid #bbbbbb;
 border-width:1px 0;
 font-family:'Linux Libertine',Georgia,Times,serif;
 margin:1.0em 6.0em;
 padding:0.3em 0;
}

/* -------------------- Colour Schemes -------------------- */
/* At the moment, only used on the Main Page */
td.yellow-sub-heads {
 vertical-align:top; padding:0; border:1px solid #fad67d; background:#faf6ed; color:#000;
}
h2.yellow-sub-heads {
 clear:both; margin:0.5em 0.5em 0 0.5em; padding:0.2em 0.4em; font-size:120%; font-family:inherit; font-weight:bold; color:#000; border:1px solid #fad67d; background:#faecc8;
}
div.yellow-sub-heads { padding:0.1em 0.6em; }
/* In the Spotlight */
td.spotlight {
 vertical-align:top; padding:0; border:1px solid #d89a00; background:#fff2d3; color:#000;
}
h2.spotlight {
 clear:both; margin:0.5em; padding:0.2em 0.4em; font-size:120%; font-family:inherit; font-weight:bold; color:#000; border:1px solid #d89a00; background:#ffc125;
}
div.spotlight { padding:0.1em 0.6em; }
/* In the Stocks */
td.stocks {
 vertical-align:top; padding:0; border:1px solid #53534e; background:#e7e7e6; color:#000;
}
div.stocks-hdr {
 background-image: url(/Images/In-The-Stocks-2.png); 
 background-color: #8b8b83;
 border:2px solid #53534e;
 background-repeat: no-repeat;
 background-size: cover;
 height:70px;
 font-family:'Linux Libertine',Georgia,Times,serif;
 font-weight:bold;
 font-size: 250%;
 text-shadow: 2px 2px 1px rgba(250,250,250,0.8);
 text-align:center;
 line-height:70px;
}
div.stocks-txt { padding:0.2em 0.6em; }


/* -------------------- Industry table -------------------- */
table.industry {
 float: right;
 width: 22em;
 background: #f9f9f9;
 border: 1px solid #ccc;
 box-shadow:  0px 2px 5px #a0a0a0;
 padding: 5px;
 margin-left: 10px;
 font-size: 90%;
}
.industry hr {
 height:3px;
 background-color:#407374;
 box-shadow:0px 2px 3px #a0a0a0;
}
.industry .title {
 font-family:'Linux Libertine',Georgia,Times,serif;
 font-size:240%;
}
.industry td {
 vertical-align:top;
 padding-left:3px;
 line-height:1.5em;
}
.industry .contents {
 border-top:1px solid #407374;
 border-bottom:1px solid #407374;
 background-color:#e7eeee;
 margin:0.4em 0;
 box-shadow:0px 2px 3px #a0a0a0;
 font-weight:bold;
}
.industry .wp {
 font-size:85%;
 padding-top:5px;
}
.tight td {         /* for small boxes, shrink the space from the normal 1.6em */
 line-height: 1.2em;
}

/* -------------------- Influencers table -------------------- */
table.influencers {
 float: right;
 width: 22em;
 background: #f9f9f9;
 border: 1px solid #ccc;
 box-shadow:  0px 2px 5px #a0a0a0;
 padding: 5px;
 margin-left: 10px;
 font-size: 90%;
}
.influencers hr {
 height:3px;
 background-color:#fab65f;
 box-shadow:0px 2px 3px #a0a0a0;
}
.influencers .cat {
 padding:5px 0 4px 0;
}
.influencers td {
 vertical-align:top;
 padding-left:3px;
 line-height:1.5em;
}
.influencers .pcontents {
 border-top:1px solid #faab46;
 border-bottom:1px solid #faab46;
 background-color:#fef6ec;
 margin:0.4em 0;
 box-shadow:0px 2px 3px #a0a0a0;
 font-weight:bold;
}
.tight td {         /* for small info boxes, shrink the space from the default 1.6em */
 line-height: 1.2em;
}

/* Do not use these two until styling for Info Influencers + Info Industry are complete */
/* -------------------- Politicians table -------------------- */
/* --------------------- Government table --------------------- */
table.politicians {
 float: right;
 width: 22em;
 background: #f9f9f9;
 border: 1px solid #ccc;
 box-shadow: 0px 2px 5px #a0a0a0;
 padding: 4px;
 margin-left: 10px;
 font-size: 90%;
}
.politicians hr {
 height: 3px;
 box-shadow: 0px 2px 3px #a0a0a0;
}
.politicians hr.plain {
 background-color: #808080;
}
.politicians div.title {
 font-family: 'Linux Libertine',Georgia,Times,serif;
 font-size: 240%;
}
.politicians div.name {
 font-family: 'Linux Libertine',Georgia,Times,serif;
 font-size: 160%;
 line-height: 1.2em;
 padding: 0.2em;
}
.politicians div.fold-head {
 padding: 0;
 text-align: center;
 font-size: 105%;
 font-weight: bold;
}
.politicians div.fold-content {
 padding: 0.2em 0px 0.4em;
 text-align: left;
}
.politicians dl > dd {
 margin-left: 0.8em;
}
.politicians table.inner {
 text-align: left; 
 margin: 0;
 padding: 0;
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.politicians table.inner td {
 padding: 0;
}
.politicians table.inner th.fold {
 text-align: center;
 font-size: 87%;
}
.politicians table.inner .mw-collapsible-toggle {  /* JQuery makeCollapsible show/hide links */
 font-size: 95%;
 line-height: 20px;     /* be centred vertically */
 margin-right: 0.2em;   /* don't be jammed against the far side   */
}
/* ------ Labour colours: bg #dc241f, border #9b301c, gradient #d54040 > #ffffff ------ */
.politicians hr.labour {
 background-color: #dc241f;
}
.politicians div.labour {
 border-top: 1px solid #9b301c;
 border-bottom: 1px solid #d54040;
 background: linear-gradient(#d54040, #ffffff);
}
.politicians table.inner th.labour {
 border-top: 1px solid #9b301c;
 border-bottom: 1px solid #d54040;
 background: linear-gradient(#d54040, #ffffff);
}
/* ------ Tory colours: bg #0087dc, border #003499, gradient #0087dc > #ffffff ------ */
.politicians hr.tory {
 background-color: #0087dc;
}
.politicians div.tory {
 border-top: 1px solid #003499;
 border-bottom: 1px solid ###003499;
 background: linear-gradient(#0087dc, #ffffff);
}
.politicians table.inner th.tory {
 border-top: 1px solid #003499;
 border-bottom: 1px solid ##003499;
 background: linear-gradient(#0087dc, #ffffff);
}

/* 1st table at the top of personal pages */
/* TODO: remove this, no longer being used */
div#mw-content-text table.contact-info td {
 border-bottom: 1px solid #cedff2;
 vertical-align: top;
}
div#mw-content-text table.contact-info tr.first td {
 border-top:3px solid #cedff2;
}
div#mw-content-text table.contact-info tr.last td {
 border-bottom:3px solid #cedff2;
}

/* ------------------ Timeline -------------------- */
table.timeline {
 width: auto;
 margin-top: 0;
 font-size: 100%;
 line-height:1.6em;
 border-collapse: collapse;
 border: none;
}
table.timeline td, table.timeline th {
 vertical-align: top;
 padding: 0.2em 0.4em;
}
.tight td, .tight th {     /* for small and simple timelines */
 padding: 0.1em 0.2em;
}
.plain td {
 border-bottom:1px solid #aaaaaa;
}
.tory td {
 border-bottom:1px solid #cedff2;
}
.labour td {
 border-bottom:1px solid #f2ced2;
}

/* Styling for shareholder tables. Used by Template:trow */
table.shareholders {
 width: auto;
 margin-top: 0;
 font-size: 100%;
 line-height:22px;
 border-collapse:separate;
 border:none;
}
table.shareholders td, table.shareholders th {
 vertical-align: middle;
 padding: 1px;
}


table.info-blue td {
 vertical-align:top;
 border-bottom:1px solid #cedff2;
 }
table.info-blue tr.bb3 td {   /* bottom border 3 px */
 border-bottom:3px solid #cedff2;
}

/* Override default mediawiki 'wikitable'; no l|r borders, no top margin */
table.wt-mod {
 margin-top:0;
 border:none;
}
table.wt-mod > tr > th, table.wt-mod > tr > td, table.wt-mod > * > tr > th, table.wt-mod > * > tr > td {
 vertical-align:top;
 border:1px solid #aaa;
 border-width:1px 0 1px 0;
}
table.wt-mod tr.notb > td { border-top:0; }  /* no top border */
table.wt-mod tr.nobg > td { background-color:#ffffff; } /* white background */

/* Don't think I'm going to use this after all */
/* Timeline dl list
 * http://maxdesign.com.au/articles/definition/ */
dl.timeline-list {
  margin:0; padding:0;
}
dl.timeline-list dt {
  margin:0; padding:0; font-weight:bold; text-decoration:underline;
}
dl.timeline-list dd {
  margin: 0 0 1em 0; padding:0;
}

/* Timeline dl styled as a table */
dl.timeline-table {
  float: left;
  width: 820px;
  margin: 1em 0;
  padding: 0;
  border-bottom: 1px solid #999;
}
dl.timeline-table dt {
  clear: left;
  float: left;
  width:100px;
  margin: 0;
  padding: 5px;
  border-top: 1px solid #999;
  font-weight: bold;
}
dl.timeline-table dd {
  float: left;
  width:700px;
  margin: 0;
  padding: 5px;
  border-top: 1px solid #999;
}

/* Glossary dl style */
div#glossary dt { margin-top: 1.0em; }

/* Create a hanging indent (this should be a template) */
span.indent { padding-left: 2.5em; }


/* -------------------- Copied from Wikipedia -------------------- */
/* Style for horizontal lists (separator following item) */
/* Jolly useful when making not-table newspaper columns */
.hlist dl,
.hlist ol,
.hlist ul {
 margin: 0;
 padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
 margin: 0;
 display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
 display: none;
}
/* Generate interpuncts */
.hlist dt:after { content: ": "; }
.hlist dd:after,
.hlist li:after {
 content: " · ";
 font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
 content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 content: " (";
 font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 content: ")";
 font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol { counter-reset: listitem; }
.hlist ol > li {
 counter-increment: listitem;
}
.hlist ol > li:before {
 content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
 content: " (" counter(listitem) "\a0";
}

/* -------------- Horizontal Navbox container styles --------------- */
.navbox {
 box-sizing: border-box;
 width: 100%;
 clear: both;
 font-size: 100%;
 text-align: center;
 padding: 1px;
 margin: 1em auto 0;                      /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox { margin-top:0; }         /* No top margin for nested navboxes */
.navbox + .navbox { margin-top: -1px; }   /* Single pixel border between adjacent navboxes */
.navbox-inner, .navbox-subgroup { width: 100%; }
.navbox-group, .navbox-title, .navbox-abovebelow {
 padding: 0.25em 1em;                     /* Title, group and above/below styles */
 line-height: 1.5em;
 text-align: center;
}
th.navbox-group {                         /* Group style */
 white-space: nowrap;
 /* @noflip */
 text-align: left;
}
.navbox, .navbox-subgroup { background: #f9f9f9; }            /* Bg, whole table colour */
.navbox-list { line-height: 1.5em; border-color: #f9f9f9; }   /* Must match Bg, whole table colour */
tr + tr > .navbox-abovebelow,                                 /* cell spacing */
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {                                      /* Borders above 2nd, 3rd, etc. rows */
 border-top: 2px solid #f9f9f9;                               /* Must match Bg, whole table colour */
}
.navbox-odd { background: transparent; }                      /* Left, odd row stripes */
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
 padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
}
/* der mods + additions */
.navbox-list div { padding:0em 0.25em; }
.htext {
 text-align:left;
 border-left-width:2px;
 border-left-style:solid;
 width:100%;
 padding:0px;
}
/* ---------- WikiCorporates colours */
.wikipolitiks { border: 2px solid #3d613d; }                  /* Table o/s border, dark green */
.wikipolitiks .navbox th,                                     /* Table Title colour, mid-green */
.wikipolitiks .navbox-title { background: #75ab75; }
.wikipolitiks .navbox-abovebelow,                             /* Bg, Left headings colour, light green */
.wikipolitiks th.navbox-group,
.wikipolitiks .navbox-subgroup .navbox-title { background: #b2d0b2; }
.wikipolitiks .navbox-subgroup .navbox-group,                 /* Bg, Left sub-headings colour, pale green */
.wikipolitiks .navbox-subgroup .navbox-abovebelow { background: #d1e3d1; }
.wikipolitiks .navbox-even { background: #eff5ef; }           /* Bg, Right even row stripes, very pale green */
/* ---------- General navigation box colours */
.wp-general { border: 1px solid #aaaaaa; }                    /* Table o/s border, dark blue */
.wp-general .navbox th,                                       /* Table Title colour, mid-blue */
.wp-general .navbox-title { background: #bbccee; }
.wp-general .navbox-abovebelow,                               /* Bg, Left headings colour, light blue */
.wp-general th.navbox-group,
.wp-general .navbox-subgroup .navbox-title { background: #bbccee; }
.wp-general .navbox-subgroup .navbox-group,                   /* Bg, Left sub-headings colour, pale blue */
.wp-general .navbox-subgroup .navbox-abovebelow { background: #bbccee; }
.wp-general .navbox-even { background: #fdfdfd; }             /* Bg, Right even row stripes, very pale blue */
}


/* --------------- Vertical Navbox container style ----------------
 * Used in Template:xxx, on the right side of people pages
 * Default colours 
 */
.vbox {
 float: right;
 clear: right;
 width: 18.5em;
 margin: 0 0 1.0em 1.0em;
 background: #f9f9f9;
 border: 1px solid #aaa;   /* default bg colour */
 border-spacing: 0.4em;
 padding: 0.2em;
 text-align: center;
 line-height: 1.4em;
 font-size: 90%;
}
.vbox th.title {
 background-color: #f9f9f9;
 border: none;
 color: #000000;
}
.vbox div.title-lg {
 font-family: 'Linux Libertine',Georgia,Times,serif;
 font-size: 160%;
 line-height: 1.2em;
 padding: 0.2em;
}
.vbox div.title-sm { padding-bottom: 0.2em; }
.vbox th.bold-txt { /*border-top: none; padding-top: 0;*/ }
.vbox td.left-txt { text-align: left; }
.vbox tr.fold > td { padding: 0 0.1em 0 0.1em; }
.vbox .mw-collapsible-toggle {  /* JQuery makeCollapsible show/hide links */
 font-weight:normal;      /* never be bold, even when inside a th */
/* @noflip */
 text-align: right;
 padding-top: 0.4em;      /* be vertically centred in the table row */
 padding-right: 0.2em;    /* don't be jammed against the far side */
 padding-left: 0.2em;     /* bit of room between the text and the "button" */
}
.vbox div.head {
 padding-top: 0.4em;
 border-top: 1px solid #aaa;
 border-bottom: none;
 background: none;
 font-size: 105%;
 font-weight: bold;
 text-align: center;
}
.vbox div.body {
 font-size: 105%;
 padding: 0.2em 0px 0.4em;
 text-align:left;
}
.vbox div.cell {
 width: 100%;
 display: inline-block;
 box-sizing: border-box;
 padding-left: 2px;
 font-weight: bold;
}
.vbox div.row {
 width: 100%;
 display: inline-block;
 box-sizing: border-box;
}
.vbox div.key {
 width: 43%;
 display: inline-block;
 padding-left: 10px;
 box-sizing: border-box;
}
.vbox div.value {
 width: 57%;
 float: right;
 display: inline-block;
 padding-left: 10px;
 word-wrap: break-word;
 box-sizing: border-box;
}
.vbox td.footer {
 padding: 0.4em 0.3em 0 0.3em;
 border-top: 1px solid #aaa;
 }
.vbox div.wp {
 text-align: center;
 font-size: 82%;
}
.vbox dl.vbox-dl dd { margin-left: 1.0em; }
.vbox hr { height:3px; background-color:#aaaaaa; box-shadow:0px 2px 3px #a0a0a0; margin-bottom:0.4em; }
.vbox .banner { background-color:#bfbfbf; border:1px solid #aaaaaa; box-shadow:0px 2px 3px #a0a0a0; margin:0.4em 0 0.4em 0; padding:0.2em 0 0.2em 0; color:white; }

/* Filter out the common elements for all People */
.people { width: 22.0em; border-spacing: 0.2em; }
.people th.bold-txt { /*padding-top: 0.6em;*/ }
.people div.head { padding-bottom: 0.1em; }

/* ------ Labour colours: bg #d50000, border #9b301c, gradient #d54040 > #ffffff ------ */
.labour { border:1px solid #9b301c; }
.labour th.title { background-color:#d50000; border:1px solid #9b301c; color:#ffffff; }
.labour th.bold-txt { /*border-top:1px solid #9b301c;*/ }
.labour div.head { border-top:1px solid #9b301c; border-bottom:1px solid #d54040; background:linear-gradient(#d54040, #ffffff);}
.labour td.footer { border-top:1px solid #9b301c; }
.labour hr { background-color:#d50000; }
.labour .banner { background-color:#d50000; border:1px solid #9b301c; }

/* ------ Tory colours: bg #0087dc, border #003499, gradient #0087dc > #ffffff ------ */
.tory { border:1px solid #003499; }
.tory th.title { background-color:#0087dc; border:1px solid #003499; color:#ffffff; }
.tory th.bold-txt { /*border-top:1px solid #003499;*/ }
.tory div.head { border-top:1px solid #003499; border-bottom:1px solid #003499; background:linear-gradient(#0087dc, #ffffff);}
.tory td.footer { border-top:1px solid #003499; }
.tory hr { background-color:#0087dc; }
.tory .banner { background-color:#0087dc; border:1px solid #003499; ]