Difference between revisions of "MediaWiki:Vector.css"

/* <pre><nowiki> */ 

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

html, body {
	font-size: 100%;
}

body {
	background: #999999 url('images/main.jpg') no-repeat center fixed; !important;
	background-size: cover; !important;
}

body, h1, h2, h3, h4, h5, pre, table, th, #siteSub {
	color: #333;
}

h1 {
	border-bottom: .0781em dotted #DDD;
}

li {
	list-style-image: none !important;
}


#content {
	background-image: none !important;
	box-shadow: .36em .264em .16em #000;
	filter: alpha(opacity=90);
	opacity: .90;
	-o-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}

/* End Content Page Transparency */

/* Banner Styling */
/* Added 26-06-15 */

.banner-image {
    position: relative;
    overflow: hidden;
    max-width: 800px; 
    height: auto;
    margin-bottom: .6em;
}
.banner-image img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}
.banner-box-wide {
    width: 100%
}
.banner-box-left,
.banner-box-right {
	padding: 8px 7px;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
	width: 30%;
}
.banner-box-left {
    left: 3%;
    text-align: left;
}
.banner-box-right {
    right: 3%;
    text-align: right;
}

.mainpage-shadowbox {
	color: white;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
	color: white;
	border:none;
	font-family: sans-serif;
	line-height: 1.2em;
	margin:0;
}
.mainpage-shadowbox h2 {
	font-size: 190%;
}
.mainpage-shadowbox h3 {
	font-size: 150%;
	padding: 0;
}
#mainpage-maplinks a, .mainpage-shadowbox a {
	color: white;
	font-weight: bold;
}
.banner-box-2 {
    position: absolute;
    z-index: 2;
    margin-top: 2em;
    min-width: 20em;
}
.banner-box-2 .quote {
    font-size: 80%;
    line-height: 1.2em;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.MainPageBG, .TitleBox {
	border-radius: 5px;
}

.MediaPanelHeader {
	margin: 0 auto;
	background-color: #d9d9d9;
	border-radius: 7px 20px !important;
	vertical-align: middle
	border: 1px solid #343f4b;
	text-align: left; text-indent: 20px; color:#000;
}

.MediaPanel {
	margin: 0 auto;
	background-color: #b3e6ff;
	border-radius: 12px 40px !important;
	font-weight: bold;
	vertical-align: middle
	border: 1px solid #343f4b;
	text-align: left; color:#000;
	padding: 15px 25px
}

.mf-mobile-only {
    display: none;
}

/* END: Main Page CSS */

/* Addition of https icons - removed by default from CSS */
/* 270615 */
div#content a.external[href ^="https://"] {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAdUlEQVQYV2P4//8/Awxv3LThf0dXKxyD+DA5DEUg+tWrV2AaWTFcIboJyJrhCtGtRMcgebhpL2/4/v//Lvn//x+7IRjIfn8v+P/t055gxZgKPzaC8Y/nMYQVLpnM8f/zo3AqKfzyOOL/h/sh/59c9sBUSIyvAeRdJWjk4E//AAAAAElFTkSuQmCC);
}

/* CSS for TransWiki Content */
/* Added 14-07-15 */

/* Edit window toolbar */
#toolbar {
    height: 22px;
    margin-bottom: 6px;
}

/* Margins for <ol> and <ul> */
#content ol, #content ul,
#mw_content ol, #mw_content ul {
  margin-bottom: 0.5em;
}

/* Make the list of references in [[Template:Reflist]] smaller */
.references-small { 
    font-size: 90%;
}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    column-count: 2;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target,
sup.reference:target,
cite:target { 
    background-color: #DEF;
}

/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}


/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}

/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
*/
@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}


/* removed wikitables 21-07-15 */


/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
    font-style: italic;
}

/* Style rules for media list templates */
div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}
div.medialist ul {
    list-style-type: none; 
    list-style-image: none;
    margin: 0;
}
div.medialist ul li {
    padding-bottom: 0.5em;
}
div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/* Remove link styling. Already defined in monobook
   and modern, but not defined in the other skins. Bug 18708 */
#bodyContent .plainlinks a {
    background: none !important;
    padding: 0 !important;
}

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    float: left;
    width: 50%;
    min-width: 300px;
}
div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}

/* Make sure that "external references" from templates like [[Template:Ref]] 
   do not get URL expansion, not even when printed. The anchor itself has 
   class "external autonumber" and the url expansion is inserted when printing 
   (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
   ":after" pseudo-element.
*/
.nourlexpansion a.external.text:after,
.nourlexpansion a.external.autonumber:after {
    display: none !important;
}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
    background: #F8EABA;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Article message box styles */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}

table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}

table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}

table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* Disambig and set index box styles */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in 
   [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
   The second declarations reset the styles for all browsers except
   IE6, which chokes on the empty comment tags. Please copy any changes
   to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
*/
.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                 "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Chrysanthi Unicode";
    font-family /**/: inherit;
}
.Unicode {
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                 "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                 "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                 "Lucida Grande", "Free Sans", "Arial Unicode MS",
                 "Microsoft Sans Serif", "Lucida Sans Unicode";
    font-family /**/: inherit;
}
.latinx {
    font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
    font-family /**/: inherit;
}
.polytonic {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Lucida Grande", Code2000; 
    font-family /**/: inherit;
}

#wpSave {
    font-weight: bold;
}

/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
    display: inline ! important;
    color: #f00; 
    background-color: #0f0;
}

/* suppress missing interwiki image links where #ifexist cannot
   be used due to high number of requests see .hidden-redlink on 
   http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new {
    display: none; 
    speak: none;
}

/* Removes underlines from links */
.nounderlines a { 
    text-decoration: none;
}

/* Remove underline from IPA links */
.IPA a:link, .IPA a:visited {
    text-decoration: none;
}

/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p {
    font-size: 100%;
}
div.NavFrame div.NavContent {
    font-size: 100%;
}
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Coloured watchlist numbers */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */

.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
}
.rellink i,
.dablink i {
    font-style: normal;
}

/* Style for horizontal UL lists */
.horizontal ul {
    padding: 0;
    margin: 0;
}
.horizontal li { 
    padding: 0 0.6em 0 0.4em;
    display: inline;
    border-right: 1px solid;
}
.horizontal li:last-child {
    border-right: none;
    padding-right: 0;
}

/* Allow transcluded pages to display in lists rather than a table.
   Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]].
 */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }

/* When <div class="nonumtoc"> is used on the table of contents,
   the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul, 
.nonumtoc .toc ul ul { 
    margin: 0 0 0 2em; 
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }

/* Styling for Template:Quote */
blockquote.templatequote { 
     margin-top: 0; 
}
blockquote.templatequote div.templatequotecite { 
    line-height: 1em;
    text-align: left;
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}

div.user-block {
    padding: 5px;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}

/* Prevent line breaks in silly places: 
   1) links when we don't want them to
   2) HTML formulae
   3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
span.texhtml,
sup.reference a { white-space: nowrap; }

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 5px;
}

.thumbinner {
    min-width: 100px;
}

/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
    display: inline;
}

/* Increase the height of the image upload box */
#wpUploadDescription {
    height: 13em;
}

/* Reduce line-height for <sup> and <sub> */
sup, sub {
    line-height: 1em;
}

/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
    background-color: #F9F9F9;   /* Light gray padding */
}

/* Prevent floating boxes from overlapping any category listings,
   file histories, edit previews, and edit [Show changes] views */
#mw-subcategories, #mw-pages, #mw-category-media, 
#filehistory, #wikiPreview, #wikiDiff {
    clear: both;
}

/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header             { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; }     /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside     { display: none; }      /* hide things that should only display outside shells */

/* End of TransWiki CSS */


/* Hide editing-related info when not editing */

#bodyContent > .hide-this {
	display: none;


}

/* Change default content size */

#bodyContent {
	line-height: 1.5em;
	font-size: 0.8em;
}

/* Use bullet character, not image, for unordered lists */

#content ul > li {
	list-style: disc none;
}

/* But not for some ul */

.toclevel-1, .toclevel-2, .toclevel-3 {
	list-style-type: none !important;
}

/* remove bullet char in boxes with guillemots */

.gigbox ul > li, .songbox ul > li, .discobox ul > li {
	list-style: none none !important;
}

/* Sidebar */

/* plogo and atom removed */

#p-logo {
	background: url('skins/Common/img/mansunwikil.png') no-repeat center center;
	height: 125px;
	margin-bottom: 1em;
	position: relative;
	top: 0;
}

#p-logo > a {
	background-image: none !important;
}

#mw-panel {
	top: 0 !important;
}

#mw-panel.collapsible-nav .portal {
	background: #C0C0C0 !important;
	filter: alpha(opacity=70);
	opacity: .7;
	border: 2px solid #d2d2d2 !important;
	border-radius: 5px !important;
	box-shadow: 0.58em 0.42em 0.25em #666; !important;
}

.body > ul > li {
	font-size: .8em !important;
}

.portal h3{
	font-size: 1em !important;
	padding: 0 .25em .25em 1.25em !important;
}

.portal h3 a{
	color: #000 !important;
	font-family: Garamond, sans-serif;
	font-size: 20px;
}

.body {
	background: #000 !important;
	filter: alpha(opacity=80);
	opacity: .8;
	padding: .625em 0 .3125em .625em !important;
	border-radius: 5px 0px 0px 5px !important;
	-o-transition: background-image 1s, margin-left 1s, opacity 1s;
	-webkit-transition: background-image 1s, margin-left 1s, opacity 1s;
	transition: background-image 1s, margin-left 1s, opacity 1s;
}

.body > ul > li > a {
	color: #FFF !important;
	display: block;
}

/* end sidebar */

/* Custom AddThis Social */
.addthis_sharing_toolbox {
	position:fixed;
	background-color: #A0AEB4;
	padding: 8px;
	border-color: black;
	margin: 0.5em 0 0.5em 1em;
	clear: right;
	right:24px;
	top:92px;
}

/* end AddThis Social */

/* Custom backgrounds */

/* Discography */
.ns-3056, .ns-3057 #body {background: #999999 url('images/discography.jpg') no-repeat center fixed; !important;
	background-size: cover; !important;
}

.page-Discography {
	background: #999999 url('images/discography.jpg') no-repeat center fixed; !important;
	background-size: cover; !important;
}

/* Gigs */
.ns-3050, .ns-3051 #body {background: #999999 url('images/live.jpg') no-repeat center fixed; !important;
	background-size: cover; !important;
}

.page-Gigs {
	background: #999999 url('images/live.jpg') no-repeat center fixed; !important;
	background-size: cover; !important;
}

/* Interviews */
.ns-3052, .ns-3053 #body {background: #999999 url('images/interviews.jpg') no-repeat center fixed; !important;
	background-size: cover; !important;
}

.page-Interview_Archive {
	background: #999999 url('images/interviews.jpg') no-repeat center fixed; !important;
	background-size: cover; !important;
}

/* Band */
.page-Mansun, .page-Paul_Draper, .page-Dominic_Chad, .page-Stove_King, .page-Andie_Rathbone, .page-Carlton_Hibbert, .page-Mark_Swinnerton, .page-Julian_Fenton {
	background: #999999 url('images/band.jpg') no-repeat center fixed; !important;
	background-size: cover; !important;
}

/* End Custom backgrounds */

/* Added from Wikipedia for On This Day styling */
/* 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;
}


/* Lyrics CSS style */

.lyrics {
	/* rotate 2 degrees */
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	/* Opera 11.10 - 12.5 */
	background: -o-linear-gradient(to bottom, #d9eaf3 0%, #fff 8%) 0 4px;
	/* Safari 5.1+, Chrome 10+, iOS 5 */
	background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	/* Firefox 3.6 - 15 */
	background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	/* Standard (Firefox 16+, Opera 12.5+, IE10) */
	background: linear-gradient(to bottom, #d9eaf3 0%, #fff 8%) 0 4px;
	background-size: 100% 24px;
	border: 1px solid #d2d2d2;
	border-radius: 3px; 
	box-shadow: 0 1px 2px rgba(0,0,0,0.07);
	color: #444;
	font: normal 1.3em/2.2 Garamond, Tahoma, Geneva, sans-serif;
	line-height: 25px;
	padding: 6px 5px 4px 55px;
	position: relative;
	white-space: pre-wrap;
	width: 450px;

}

.lyrics:before {
	border: 1px solid;
	border-color: transparent #efe4e4;
	bottom: 0;
	content: '';
	left: 40px;
	position: absolute;
	top: 0;
}

/* End of Lyrics Styling */

/* Foreword Styling */
.foreword {
	padding: 6px 6px 5px 30px;
	color: #003399
	font-family: Garamond, sans-serif;
	font-size: 16px;

/* End of Foreword Styling */

/* Top bar */

#mw-page-base {
	background-color: transparent;
	height: 4.0625em;
	margin-left: 10em;
}

#mw-head-base, #mw-page-base {
	background: transparent;
	background-image: none;
}

}
#left-navigation{
	top:25px !important;
	margin-top:25px !important;

}
#left-navigation > .vectorTabs > ul, #left-navigation > .vectorTabs > ul > li > a {
	background: none !important;
}

.selected > span {
	font-weight: bold;
}


#left-navigation > .vectorTabs {
	background-image: none !important;
	padding-left: 0 !important;
}

#left-navigation > .vectorTabs:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#left-navigation > .vectorTabs > ul {
	background-image: none !important;
}

#left-navigation > .vectorTabs > ul > li {
	background-color: #ffffff;
	margin-right: .1em;

}

#left-navigation > .vectorTabs > ul > li > span {
	background-image: none !important;
	margin-left: .5em;
	margin-right: .5em;
}

#left-navigation > .vectorTabs a > span {
	background-image: none;
	padding-top: .25em;
}

#right-navigation {
	background: #FFF;
	margin-top: 1.5625em;
}

#p-search {
	padding-bottom: .7em;
}

#p-namespaces > ul > li > a > span {
	color: #6BB28F !important;
}

#p-personal > ul > li {
	background-image: none;
}

#p-personal > ul > li > a {
	color: #6BB28F;
}

#preferences {
	border: 0 none;
}

.page-MansunWiki > #content > #firstHeading {
	display: none;
}


/* Stop disc bullets from appearing on drop-downs */

.col > li {
	list-style-type: none !important;
}
}

/* Links and make guillemet thingies look like links */

a, .gu, #p-views > ul > li > a > span {
	color: #0378AE;
}

.col:hover > li > .gu {
	color: #669;
}

a.external {
	color: #069 !important;
}

.gu {
	display: inline;
}

/* end links and guillemet thingies */

/* Make links fill their parents, easier to click */

li.toclevel-1 > a, li.toclevel-2 > a, li.toclevel-3 > a, .video-list > tbody > tr > td > a {
	display: block;
}

/* End links blocking */

table, td, .frontth, #preferences, #mw_metadata > tbody > tr > td, table.gallery > tbody > tr > td {
	background-color: transparent;
}

#preferences {
	background-image: none;
}

/* Style Twitter Widgets */
/* twitter enlarged default widget box size Aug 2015 */
	
.twitter-timeline {
	width: 420px !important;
}

/* End Twitter Widget customisation */

.gallery, .gallery > tbody > tr > td {
	border-style: none !important;
}

.gallerybox > .thumb {
	border-style: none !important;
	padding: 0 !important;
}

.diff {
	border-collapse: collapse;
}

/* Gig links */

.gigindex {
	background: #E0E6D3;
	border: .0781em solid #AAA;
	-khtml-border-radius: .5em;
	border-radius: .5em;
	box-shadow: 0 .0781em .3906em #82A63A, 0 .7813em 1.5625em #FFF inset;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
	padding: .2em;
	*display: block;
}

.gigindex > span {
	float: left;
}

.gigindex > span > a {
	display: block;
	padding: .3125em;
}

/* End gig links */


/* Forum link template */

.forum-links {
	margin-left: 5em;
}

/* End forum link template */



/* Notice box styling */

.colourbox {
	border: .0781em solid #AAA;
	-khtml-border-radius: .5em;
	border-radius: .5em;
	color: #000;
	display: block;
	font-weight: bold;
	margin: .5em 10%;
	padding: .5em;
	text-align: center;
	width: 80%;
}

.colourbox > a {
	border-bottom: .0781em dotted;
	color: #000 !important;
}

.colourbox > a:hover {
	border-bottom: .0781em solid;
	text-decoration: none;
}

.bluebackbox { 
	background: #C9DAE1;
	box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #6BB28F inset;
}

.greenbackbox {
	background: #E0E6D3;
	box-shadow: 0 .0781em .3907em #82A63A, 0 .7813em 1.5625em #6BB28F inset;
}

.purplebackbox { 
	background: #d7c9e1;
	box-shadow: 0 .0781em .3906em #4503ae, 0 .7813em 1.5625em #6BB28F inset;
}

.redbackbox {
	background: #D68485;
	box-shadow: 0 .0781em .3907em #AF2022, 0 .7813em 1.5625em #6BB28F inset;
}

/* End notice boxes */


/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.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%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* End infobox styling */

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */

/* End navbox styling */


/* Box shadows */

/* for .8em tables */

.disco-list, .song-list, .infbox, .greytable, .gigtable, .maintable, #pricetable, #speechtable, .tabbox, .tabulature-list, .thumbinner, .gallerybox > .thumb > div > .image > img {
	box-shadow: .45em .33em .2em #666;
}

/* End box shadows */


/* Info boxes (+gig tables) */

/* Colours */

.infbox > tbody > tr > th {
	color: #FFF;
}

.greytable > tbody > tr > th {
	color: #FFF;
}

.discobox > tbody > tr > th {
	background: #5C85FF;
}

.songbox > tbody > tr > th {
	background: #5C85FF;
}

.tabbox > tbody > tr > th {
	background: #FFDB94;
}

.discobox > tbody > tr > th > div {
	float: right;
	font-size: xx-small;
	text-transform: lowercase;
}

.songbox > tbody > tr > th > div {
	float: right;
	font-size: xx-small;
	text-transform: lowercase;
}

.tabbox > tbody > tr > th > div {
	float: right;
	font-size: xx-small;
	text-transform: lowercase;
}

.discobox > tbody > tr > th > div > a:before {
	content: "⇩";
	-o-transition: color 1s, content 1s;
	-webkit-transition: color 1s, content 1s;
	transition: color 1s, content 1s;
}

.discobox > tbody > tr > th > div > a {
	color: #99CCFF;
	-o-transition: color 1s;
	-webkit-transition: color 1s;
	transition: color 1s;
}

.discobox > tbody > tr > th > div > a:hover:before {
	color: #FFF;
	content: "⬇" !important;
}

.discobox > tbody > tr > th > div > a:hover {
	color: #FFF;
	text-decoration: none;
}

.discobox > tbody > tr:nth-child(2n+1) {
	background: #99CCFF;
}

.songbox > tbody > tr:nth-child(2n+1) {
	background: #ADD6FF;
}

.tabbox > tbody > tr:nth-child(2n+1) {
	background: #FFF0D1;
}

#gearbox > tbody > tr > th, .greytable > tbody > tr > th {
	background: #656565;
}

#gearbox > tbody > tr:nth-child(2n+1), .greytable > tbody > tr:nth-child(2n+1) {
	background: #D9D9D9;
}

#gigbox > tbody > tr > th {
	background: #82A63A;
}

#gigbox > tbody > tr:nth-child(2n+1) {
	background: #E0E6D3;
}

.gigtable > tbody > tr > th {
	color: #82A362;
}

.gigtable > tbody > tr:nth-child(2n+1) {
	background: #CBE2B5;
}

#memberbox > tbody > tr > th {
	background: #AF2022;
}

#memberbox > tbody > tr:nth-child(2n+1) {
	background: #DEDEDE;
}

#jambox > tbody > tr > th, #songbox > tbody > tr > th {
	background: #0378AE;
}

#jambox > tbody > tr:nth-child(2n+1), #songbox > tbody > tr:nth-child(2n+1) {
	background: #C9DAE1;
}

#vidbox > tbody > tr > th {
	background: #E3AF1E;
}

/* End colours */

/* Experimental Instrument Banner Stying */

div.instrumentbanner > td {
width: 90%
}

div.GuitarHeaderMain > tr > td {
	background-image: url('images/banners/GuitarBannerHeader.png');
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.instrumentbanner > tr > td {
	right:24px;
	width: 90%;
	border: 0;
	cellpadding: 0;
}


/* End Instrument Banner Styling */

/* Info box borders */

.greytable, .greytable > tbody > tr > th, .greytable > tbody > tr > td, .gigtable, .gigtable > tbody > tr > th, .gigtable > tbody > tr > td, .infbox, .infbox > tbody > tr > th, .infbox > tbody > tr > td {
	border: none !important;
	padding: .2em .5em .2em .5em !important;
}

/* Info box left column */

.infbox > tbody > tr > td:first-child {
	font-weight: bold;
}

/* Discobox */

.discobox-chron {
	text-align: center;
}

.discobox-chron > div, .discobox-chron > a {
	display: inline-block;
	font-size: x-small;
	font-weight: normal;
	padding: 0 .5em;
	*display: block;
}

.discobox-chron-current {
	font-weight: bold !important;
}

/* End Discobox */


/* End info boxes */

#backto-mansun {
	border: 0.0781em #AAA solid;
	-khtml-border-radius: .5em;
	border-radius: .5em;
	margin: 1em 1em 1em 0;
	text-align: center;
	width: 20em;
}


/* Discography, tabulature, and video tables */

.disco-list, .song-list, .tabulature-list, .video-list, .vidbox {
	border: .0781em #AAA solid;
	border-radius: .5em;
	border-spacing: 0;
	margin-bottom: 1em;
}

.disco-list > tbody, .song-list > tbody, .tabulature-list > tbody, .video-list > tbody {
	border-collapse: collapse;
}

/* 1em / 12.8px * 4px = 0.3125em */

.disco-list > tbody > tr > th, .song-list > tbody > tr > th, .disco-list > tbody > tr > td {
	padding: .3125em .5em .3125em .5em;
}

.tabulature-list > tbody > tr > th, .tabulature-list > tbody > tr > td, .video-list > tbody > tr > td {
	padding: .3125em;
	vertical-align: text-top;
}

.vidbox > tbody > tr > td {
	vertical-align: top;
	padding: 0 5px 5px
}

.video-list {
	text-align: center;
}

/* End discography, tabulature, and video tables */


.columns-auto {
	-moz-column-width: 20em;
	-webkit-column-width: 20em;
	column-width: 20em;
}

.references {
	-moz-column-width: 32em;
	-webkit-column-width: 32em;
	column-width: 32em;
}

/* Interview Table - mansonwiki */

/* DOMAIN: TABLES */

    .maintable {
        border: solid 1px #CCCCCC;
        width: 84%;
    }
    .maintable > tbody > tr > th {
        background-color: #0378AE;
        color: #FFFFFF;
        text-align: left;
    }
    .maintable > tbody > tr > td {
        border: solid 1px #CCCCCC;
    }
    .maintable > tbody > tr > td {
        border: solid 1px #CCCCCC;
    }
    .maintable > tbody > tr:nth-child(even) > td {
        background-color: #EEEEEE;
    }

    .boxtable {
        border: solid 1px #333333;
        font-size: 85% !important;
        width: 100%;
    }
    .boxtable th {
        background-color: #ccf;
        color: #FFFFFF;
        font-weight: bolder;
        text-align: center;
    }
    .boxtable th:first-child {
        width: 15%;
    }
    .boxtable th[colspan="2"] {
        background-color: #DDDDDD;
        border: solid 1px #333333;
        color: #333333;
        font-size: 120%;
    }

/* EXTENSION: GALLERY */
    .gallery {
        background-color: #EEEEEE;
        clear: both;
        outline: solid 1px #DDDDDD;
    }
    #column-content ul.gallery {
        margin: 8px 0;
        text-align: inherit;
    }
    #column-content li.gallerybox {
        background-color: #EEEEEE;
        border: none;
        margin: 0 0 0 -6px !important;
        outline: none;
        padding: 2px;
    }
    #column-content li.gallerybox div.thumb {
        padding: 0;
    }
    #column-content li.gallerybox div.gallerytext {
        font-size: 85%;
        line-height: 1.4em;
        margin: 0 0 6px 0;
        padding: 0;
    }

/* End Interview Table */

/* Nav */

.nav {
	border: 1px #AAA solid;
	border-collapse: collapse;
	-khtml-border-radius: .5em;
	border-radius: .5em;
	box-shadow: .58em .42em .25em #666;
	font-size: x-small;
	padding: 0;
	text-align: center;
}

.nav > tbody > tr > th {
	border: .1em solid transparent;
	-khtml-border-radius: .5em;
	border-radius: .5em .5em 0 0;
	color: #FFF;
	padding: inherit;
}

#nav-gig > tbody > tr > th {
	background: #82A63A;
}

#nav-song > tbody > tr > th {
	background: #5C85FF;
}

#nav-song > tbody > tr > th > a:visited {
	color: #FFF;
}

#nav-vid > tbody > tr > th {
	background: #E3AF1E;
}

/* Appears to fix buggy border */
.nav > tbody > tr:last-child {
	border: .1em solid transparent;
}

.nav > tbody > tr > td {
	padding: inherit;
}

.nav > tbody > tr > td:nth-child(2n+1) {
	-o-transition: background-color 1s;
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
	width: 17em;
}

#nav-gig > tbody > tr > td:nth-child(2n+1):hover {
	background-color: #E0E6D3;
}

#nav-song > tbody > tr > td:nth-child(2n+1):hover {
	background-color: #C9DAE1;
}

/* End Nav */

/* Set lists */

/* hide YouTube link images within set-lists */

.ytube > a {
	background: none !important;
	padding: 0 !important;
}

/* align intro with songs in set-lists
 * remove bullet therefrom             */

#setlist > ul {
	margin-left: 3.2em;
}

#intro {
	list-style: none !important;
}

/* End set lists */

/* Horizontal scroll for images larger than .body */

.horizontal-scroll > p {
	overflow-x: scroll;
}


/* Footer */

#footer-icons, #footer-places-disclaimer, #footer-places-privacy {
	float: center;
}

#footer {
	background-color: #FFF;
	background-image: none !important;
	border-radius: 0 0 .5em .5em;
	filter: alpha(opacity=70);
	margin: 0 auto .5em !important;
	opacity: .7;
	-o-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	width: 17em;
}

#footer:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#footer > ul {
	text-align: center;
}

#footer-info > li {
	padding: 0 0 .5em !important;
}

#footer-places > li {
	padding: 0 !important;
}

/* End footer */


/* Tablets and whatnot */

@media handheld {
	.col > .di {
		display: block !important;
	}
}

/* End tablets */


/* plain styling */

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.small {
	font-size: x-small;
}

.unknown {
	font-style: italic;
}

/* For making first letter upper-case */

.TextToUpper:first-letter {
	text-transform: uppercase;
}

/* Superscript */

.sup {
	font-size: x-small;
	line-height: 0;
	vertical-align: super;
}

/* End plain styling */


/* collapsible CSS stuff */

.col {
	list-style: none none;
	margin-left: 0;
}

.col > .di {
	display: none;
}

.col:hover > .di {
	display: block;
}

/* End collapsible CSS stuff */

/* Highlight clicked references */

.reference:target, .references > li:target { 
	background-color: #C9DAE1;
}

/* Make redirects appear in italics in categories and on [[Special:Allpages]] */

.redirect-in-category, .allpagesredirect {
	font-style: italic;
}


/* Transparency checkered background on image description pages */

#file > a > img {
	background: url("images/Checker2-16x16.png") repeat;
}


/* Remove useless links from printout */

@media print {
	#privacy, #about, #disclaimer {
		display:none;
	}
}

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