MediaWiki:Common.css: Difference between revisions

From BIONICLEsector01
mNo edit summary
mNo edit summary
Line 1,466: Line 1,466:
#twitter-timeline iframe {
#twitter-timeline iframe {
     width: 100% !important;
     width: 100% !important;
     height: 70% !important;
     height: 100% !important;
}
}



Revision as of 02:12, 18 May 2016

/* <source lang="css"> */
 
@font-face {
	font-family: 'VoyaNui';
	src: url('/resources/voyanui_1.15_4-webfont.eot');
	src: url('/resources/voyanui_1.15_4-webfont.eot?#iefix') format('embedded-opentype'),
	url('/resources/voyanui_1.15_4-webfont.woff') format('woff'),
	url('/resources/voyanui_1.15_4-webfont.ttf') format('truetype'),
	url('/resources/voyanui_1.15_4-webfont.svg') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'GoudyTrajan';
	src: url('/resources/goudytrajan-webfont.eot');
	src: url('/resources/goudytrajan-webfont.eot?#iefix') format('embedded-opentype'),
	url('/resources/goudytrajan-webfont.woff') format('woff'),
	url('/resources/GoudyTrajan.ttf') format('truetype'),
	url('/resources/goudytrajan-webfont.svg#goudytrajanregular') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'metrumatoran';
	src: url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/metrumatoran/metrumatoran.eot');
	src: url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/metrumatoran/metrumatoran.eot?#iefix') format('embedded-opentype'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/metrumatoran/metrumatoran.woff') format('woff'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/metrumatoran/metrumatoran.ttf') format('truetype'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/metrumatoran/metrumatoran.svg#metrumatoranregular') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'voyamatoran';
	src: url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/voyamatoran/voyamatoran.eot');
	src: url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/voyamatoran/voyamatoran.eot?#iefix') format('embedded-opentype'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/voyamatoran/voyamatoran.woff') format('woff'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/voyamatoran/voyamatoran.ttf') format('truetype'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/voyamatoran/voyamatoran.svg#voyamatoranregular') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'okoto2016';
	src: url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/okoto2016/okoto2016.eot');
	src: url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/okoto2016/okoto2016.eot?#iefix') format('embedded-opentype'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/okoto2016/okoto2016.woff') format('woff'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/okoto2016/okoto2016.ttf') format('truetype'),
	url('https://cdn.rawgit.com/MtMNC/Bionicle-Fonts/master/okoto2016/okoto2016.svg#okotoregular') format('svg');
	font-style: normal;
}

/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}
body.page-Main_Page #ca-delete {
    display: none !important;
}

body.page-Main_Page #mp-topbanner {
   clear: both;
}

/* 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: 0em;
}

/* 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,
span.citation: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;
}

/* Message Templates */
.MessageTemplate{
    width: 90%;
    border: 1px solid #0797b0;
    margin: 20px auto;
    background: #fff;
    border-spacing: 30px 10px;
}.MessageTemplate td:first-child{
    width: 52px;
}

/* Administrator and bot highlights by Fippe */

a.mw-userlink[title="User:Swert"] { color: #0797b0 !important; }

a.mw-userlink[title="User:Erebus"]  { color: INDIGO !important; }

a.mw-userlink[title="User:Electric Turahk"] { color: #D4AF37 !important; }

a.mw-userlink[title="User:Invisible"] { color: #5e5e5e !important; }

a.mw-userlink[title="User:Dorek"] { color: DARKGREEN !important; }

a.mw-userlink[title="User:Bioran23"] { color: #FF9900 !important; }

a.mw-userlink[title="User:KZN02"] { color: SLATEGRAY !important; }

a.mw-userlink[title="User:Master of the Rahkshi"] { color: RED !important; }

a.mw-userlink[title="User:Shine"] { color: #666666 !important; }

a.mw-userlink[title="User:Triggy"] { color: SADDLEBROWN !important; }

a.mw-userlink[title="User:Varaka"] { color: #6B8E23 !important; }

a.mw-userlink[title="User:Cholie"] { color: #000055 !important; }

a.mw-userlink[title="User:Bionicleman"] { color: NAVY !important; }

a.mw-userlink[title="User:Kraahlix"] { color: #14C4FF !important; }

a.mw-userlink[title="User:Gravitan"] { color: PURPLE !important; }

a.mw-userlink[title="User:Kayru"] { color: #143D66 !important; }

a.mw-userlink[title="User:Gb1"] { color: #DC143C !important; }

a.mw-userlink[title="User:SPIRIT"] { color: ORANGERED !important; }

a.mw-userlink[title="User:Shadow Kurahk"] { color: LIMEGREEN !important; }

a.mw-userlink[title="User:Grant-Sud"] { color: FIREBRICK !important; }

a.mw-userlink[title="User:Zeero"] { color: #663300 !important; }

a.mw-userlink[title="User:Toa V"] { color: BLACK !important; }

a.mw-userlink[title="User:Derpy Hooves"] { color: #C1C5D3 !important; }

a.mw-userlink[title="User:Akihabara"] { color: #89C4D7 !important; }

a.mw-userlink[title="User:Meiko"] { color: #069D9F !important; }

a.mw-userlink[title="User:Morris the Mata Nui Cow"] { color: #f11f1f !important; }

a.mw-userlink[title="User:Zo;Tomana"] { color: #B8860B !important; }

/* Styling for citations */
span.citation, 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 {
    span.citation *.printonly, cite *.printonly {
        display: none;
    }
}


/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}

.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;
}

/* 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;
}

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

/* Icons for medialist templates [[Template:Listen]],
   [[Template:Multi-listen_start]], [[Template:Video]],
   [[Template:Multi-video_start]]
*/
div.listenlist {
    background:
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}

/* 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;
}

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
#content a[href$=".pdf"].external, 
#content a[href*=".pdf?"].external, 
#content a[href*=".pdf#"].external,
#content a[href$=".PDF"].external, 
#content a[href*=".PDF?"].external, 
#content a[href*=".PDF#"].external,
#mw_content  a[href$=".pdf"].external, 
#mw_content  a[href*=".pdf?"].external, 
#mw_content  a[href*=".pdf#"].external,
#mw_content  a[href$=".PDF"].external, 
#mw_content  a[href*=".PDF?"].external, 
#mw_content  a[href*=".PDF#"].external {
    background: 
        url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif")
        center right no-repeat;
    padding-right: 16px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
   is used (notably Template:PDFlink). This works in IE, unlike the above. */
#content span.PDFlink a,
#mw_content span.PDFlink a {
    background: 
        url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif")
        center right no-repeat;
    padding-right: 17px;
}

/* 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;
}

/* 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 template styles */
table.ambox {
  width: 80%; 
  margin: 0 auto; 
  border-collapse: collapse; 
  background: #fbfbfb; 
  border: 1px solid #aaa; 
  border-left: 10px solid #1e90ff;       /* Default "notice" blue */

}
table.ambox th, table.ambox td {      /* The message body cell(s) */
  padding: 0.25em 0.5em;              /* 0.5em left/right */
}
table.ambox td.ambox-image {          /* The left image cell */
  width: 52px; 
  padding: 2px 0px 2px 0.5em;         /* 0.5em left, 0px right */
  text-align: center; 
}
table.ambox td.ambox-imageright {     /* The right image cell */
  width: 52px; 
  padding: 2px 4px 2px 0px;           /* 0px left, 4px right */
  text-align: center; 
}
table.ambox-notice {
  border-left: 10px solid #1e90ff;       /* Blue */
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
}
table.ambox-serious {
  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-functions {
  border-left: 10px solid #9932cc;       /* Purple */
}
table.ambox-growth {
  border-left: 10px solid #228b22;       /* Green */
}
table.ambox-protection {
  border-left: 10px solid #bba;          /* Gray */
}
table.ambox.ambox-mini {                 /* small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
/* 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 {
    border-collapse: collapse;
}
.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,
div#mw-protect-cascadeon {
    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,
div.NavFrame div.NavContent,
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; /* darkgreen */
}
 
/* .mw-plusminus-null currently at developer default */
.mw-plusminus-neg {
    color: #8B0000; /* darkred */
}

/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
    margin-bottom: 0.5em;
}
.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: #FFFFFF;   /* White padding */
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img {
    background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img, 
.nochecker .gallerybox .thumb img {
    background: white;
}

/* 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;
}

/*********************************************/
/*********************************************/
/* Folding wiki tabs: folder-like tab style */
#foldtabBoxes {
  /*border:1px solid black;*/
  /*position: relative;*/
  /*z-index: 1;*/
}
.foldtabBox {
  /*padding:0.5em;*/
  /*background-color:#ffffff;*/
  overflow:auto;
  /*border:1px solid #0000aa;*/
}
#foldtabHead a { 
  border:1px solid #0000aa; 
  padding:.16em 1em;
  background-color:#e0e0ff;
  -moz-border-radius-topleft:.35em;
  -moz-border-radius-topright:.35em;
  text-decoration:none;
  color:#0000aa;
  font-size:75%;
  position: relative;
  z-index: 0;
}
#foldtabHead a.selected { 
  border-width:2px;
  border-bottom:none;
  background-color:#ffffff;
  z-index: 2;
}
#foldtabHead p { padding:0;margin:0; }
/* End folding wiki tabs */
/*********************************************/
/*********************************************/

/* 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 */

/* Styling for Abuse Filter tags */
.mw-tag-markers {
 font-family:sans-serif;
 font-style:italic;
 font-size:90%;
}

/* Extension infobox styling */
.ext-infobox {
        border: 2px solid #ff9900
	width: 250px;
	float: right;
	margin: 0 0 0.5em 0.5em;
	border-collapse: collapse;
	background-color: white;
}
.ext-infobox td {
	padding: 0.2em 0.5em;
	border-bottom: 1px solid #f0f0f0 !important;
}
.ext-header {
	background-color: #aaaaaa;
	color: white;
	text-align: left;
}
.ext-header td { padding-top: 0.5em; }
.ext-header img { padding: 0 0.2em 0 0.5em; }
.ext-status-locmain .ext-header { background-color: #ff9900; }
.ext-status-locdestroyed .ext-header { background-color: #ffcc00; }
/* </source> */

#BackButtonId:hover {
    opacity:.5;
}

.mpchar {
    background: url('http://biosector01.com/images/mpnav/char-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mpsoc {
    background: url('http://biosector01.com/images/mpnav/society-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mpspec {
    background: url('http://biosector01.com/images/mpnav/species-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mpevents {
    background: url('http://biosector01.com/images/mpnav/events-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mploc {
    background: url('http://biosector01.com/images/mpnav/loc-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mpmedia {
    background: url('http://biosector01.com/images/mpnav/media-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mpflora {
    background: url('http://biosector01.com/images/mpnav/flora-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mpfauna {
    background: url('http://biosector01.com/images/mpnav/fauna-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mpobj {
    background: url('http://biosector01.com/images/mpnav/objects-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mplego {
    background: url('http://biosector01.com/images/mpnav/lego-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mppowers {
    background: url('http://biosector01.com/images/mpnav/powers-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}
.mpbs01 {
    background: url('http://biosector01.com/images/mpnav/bs01-back.png') no-repeat bottom right;
	background-attachment: fixed;
	background-color: transparent;
	z-index: -1;
}

.infoTab {
    font-weight: bold;
}

.infoTab:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

#team b > a {
    color:white;
}

#smallNav {
    display:none;
}

@media (max-width: 965px) {
	#smallNav{
		display:block !important;
	}
	#bigNav{
		display:none !important;
	}
	#simpleSearch{
		display:none !important;
	}
	div#mw-panel{
		left:-178px !important;
	}
	div#content{
		margin-left:0px !important;
	}
	.sliderIn{
		left:0 !important;
	}
}

/* fix overflowing of interface code pages */
.ns-8 pre {
   overflow: auto;
}

/* fix era template on vector-based skins */
.topicons-vector {
   position: absolute !important;
   top: -35px !important;
   right: 0px !important;
   z-index: 10 !important;
}

.infoDark {
   color: #1b2a34;
   background-blend-mode: overlay;
}

.infoDark a,
.infoDark a:visited,
.darkLink a,
.darkLink .selflink {
   color: #1b2a34 !important;
   font-weight: bold;
}

.infoLight {
   color: #fff;
   background-blend-mode: overlay;
}

.infoLight a,
.infoLight a:visited,
.whiteLink a,
.whiteLink .selflink {
   color: #fff !important;
   font-weight: bold;
}

.infoLight hr {
   background: rgba(255, 255, 255, 0.8);
}

.infoType a {
   font-size: 1.1em;
}

/* Backgrounds for infobox templates */
.infoAgori {
   background: url("http://biosector01.com/images/templates/Symbol_Bara_Magna_Template_Final.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoBarraki {
   background: url("http://biosector01.com/images/templates/barrakiback.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoBohrok {
   background: url("http://biosector01.com/images/templates/Bohroksymbol.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoCreatures {
   background: url("http://biosector01.com/images/templates/click.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoDH {
   background: url("http://biosector01.com/images/templates/staff.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoEvent {
   background: url("http://biosector01.com/images/templates/MataNui.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoFlora {
   background: url("http://biosector01.com/images/templates/thornax.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoGB {
   background: url("https://i.imgur.com/YFAqos0.png") no-repeat bottom right; 
   background-size: 75% auto;
}

.infoLoc {
   background: url("http://biosector01.com/images/templates/kininui.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoMakuta {
   background: url("http://biosector01.com/images/templates/kraahkan_template_white.png") no-repeat bottom right;
   background-size: 75% auto;
   background-blend-mode: normal;
}

.infoMaster {
   background: url("http://biosector01.com/images/templates/tahumask.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoMatoran {
   background: url("http://biosector01.com/images/templates/char-template.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoMedia {
   background: url("https://i.imgur.com/Fc0pLx7.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoObj {
   background: url("http://biosector01.com/images/templates/gametru.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoOOMN {
   background: url("http://biosector01.com/images/templates/MataNui.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoPerson {
   background: url("https://i.imgur.com/ZaY1CBX.png") no-repeat bottom right;
   background-size: 75% auto;
   background-blend-mode: normal;
}

.infoPower {
   background: url("http://biosector01.com/images/templates/nuvacube.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoProtector {
   background: url("http://biosector01.com/images/templates/protectors-back.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoRahi {
   background: url("http://biosector01.com/images/templates/rahiback.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoRahkshi {
   background: url("http://biosector01.com/images/templates/Rahkshi%20Template%20Symbol%20edit.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoSkakdi {
   background: url("http://biosector01.com/images/templates/skakditemplatenew.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoSkrall {
   background: url("http://biosector01.com/images/templates/votmfinal.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoSkull {
   background: url("http://biosector01.com/images/templates/skullspider-back.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoSoc {
   background: url("http://biosector01.com/images/templates/udd.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoVahki {
   background: url("http://biosector01.com/images/templates/vahki.png") no-repeat bottom right;
   background-size: 75% auto;
}

.infoVehicle {
   background: url("https://i.imgur.com/vavCNin.png") no-repeat bottom right;
   background-size: 75% auto;
}

/* Template:WikiNav and Template:Parent */
.wikiNav {
   vertical-align: top;
   position: relative;
   min-width: 618px;
}

.wikiNavLinks {
   vertical-align: top;
   width: 100%;
}

.wikiNui img {
   position: absolute;
   top: 0;
   left: -105px;;
   padding-right: 2px;
   height: 100%;
}

.wikiNavLinks img {
   width: 100px;
   padding-right: 1px;
   padding-bottom: 1px;
}

.wikiNui img:hover,
.wikiNavLinks img:hover,
.topIconsContainer img:hover,
a:hover #gen1,
a:hover #gen2 {
   opacity: .5;
}

.wikiNavLinks p .selflink img:hover {
    opacity: 1; /*when you're on a parent page, its wikinav button won't turn transparent when you hover over it*/
}

.wikiNavFirstLink {
   padding-left: 1px;
}

.wikiNavLastRow {
   padding-bottom: 0;
}

/*Making all navbox links bold so it doesn't have coded in for each one*/
.navbox a {
   font-weight: bold;
}

/*Expand/collapse links on navboxes*/
.navbox .mw-collapsible-toggle {
   color: #fff;
}
.navbox .mw-collapsible-toggle a {
   color: #fff;
   font-weight: normal;
}

.infoChar {
   background: url('http://biosector01.com/images/templates/char-template.png') no-repeat bottom right;
}

.setListImage img {
   width:150px;
}

/* floatThead (see Common.js) */
fthfoot {
   visibility: hidden; /* It seems this element is needed for column alignment on Chrome; it looks like an annoying bottom border, so removing */
}

.fixedheader tbody tr:first-of-type td,
.fixedheader tbody tr:first-of-type th {
   border-top: 0; /* remove top border from first row (not including the header) cells because the header already has a bottom border */
}


#gen a, #gen a:visited {
color:white;
}

#gen1:hover, #gen2:hover { background: rgba(255,255,255,0.2) }

/* Main Page hero unit concept */
.mp-hero {
   background-image: url(http://biosector01.com/wiki/images/2/27/Art_MakutaLeavingAquaMagna.jpg);
}

/* Widening Twitter widget to fill Social box */
#twitter-timeline iframe {
    width: 100% !important;
    height: 100% !important;
}

/* Experimenting with SVG masks to change the color of infobox background images */
.infoboxMaskTest {
   -webkit-mask-image: url("http://www.brickshelf.com/gallery/Infra-Red/BS01/protectors-back-color-test.svg");
}

.infoboxContainer .inlineSVGContainer svg {
   position: absolute;
   bottom: 0;
right: 0;
   width: 100%;
}


/* Progress bar CSS taken from the LEGO Club website (club.lego.com) */
.club-progress {
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    height: 48px;
    position: relative;
    width: 432px;
    perspective-origin: 216px 24px;
    transform-origin: 216px 24px;
    border: 0px none rgb(68, 68, 68);
    font: 16px/24px Sense, Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(68, 68, 68) none 0px;
    padding: 4px 12px;
}

.club-progress:after {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    display: block;
    height: 24px;
    left: 0px;
    position: absolute;
    width: 432px;
    align-self: stretch;
    perspective-origin: 216px 12px;
    transform-origin: 216px 12px;
    content: '';
    border-top: 24px solid rgb(236, 102, 7);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 0px none rgb(68, 68, 68);
    border-left: 10px solid rgba(0, 0, 0, 0);
    font: 16px/24px Sense, Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(68, 68, 68) none 0px;
}

.club-progress:before {
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    display: block;
    height: 24px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 432px;
    align-self: stretch;
    perspective-origin: 216px 12px;
    transform-origin: 216px 12px;
    content: '';
    border-top: 0px none rgb(68, 68, 68);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 24px solid rgb(240, 131, 0);
    border-left: 10px solid rgba(0, 0, 0, 0);
    font: 16px/24px Sense, Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(68, 68, 68) none 0px;
}

.club-progress-inner {
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    height: 40px;
    position: relative;
    z-index: 1;
    perspective-origin: 204px 20px;
    transform-origin: 204px 20px;
    background: rgb(0, 46, 81) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(68, 68, 68);
    font: 16px/24px Sense, Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(68, 68, 68) none 0px;
}

.club-progress-inner:after {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    display: block;
    height: 20px;
    left: 0px;
    position: absolute;
    right: 0px;
    width: 100%;
    z-index: 0;
    align-self: stretch;
    perspective-origin: 204px 10px;
    transform: matrix(1, -2.44929359829471e-16, 2.44929359829471e-16, 1, 0, 0);
    transform-origin: 204px 10px;
    content: '';
    border-top: 20px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgb(236, 102, 7);
    border-bottom: 0px none rgb(68, 68, 68);
    border-left: 8px solid rgb(236, 102, 7);
    font: 16px/24px Sense, Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(68, 68, 68) none 0px;
}

.club-progress-inner:before {
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    display: block;
    height: 20px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;;
    z-index: 0;
    align-self: stretch;
    perspective-origin: 204px 10px;
    transform: matrix(1, -2.44929359829471e-16, 2.44929359829471e-16, 1, 0, 0);
    transform-origin: 204px 10px;
    content: '';
    border-top: 0px none rgb(68, 68, 68);
    border-right: 8px solid rgb(240, 131, 0);
    border-bottom: 20px solid rgba(0, 0, 0, 0);
    border-left: 8px solid rgb(240, 131, 0);
    font: 16px/24px Sense, Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(68, 68, 68) none 0px;
}

.club-progress-bar {
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    height: 40px;
    width: 100%;
    perspective-origin: 85.671875px 20px;
    transform-origin: 85.671875px 20px;
    background: rgb(55, 153, 203) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(68, 68, 68);
    font: 16px/24px Sense, Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(68, 68, 68) none 0px;
}

.club-progress-indicator {
    box-sizing: border-box;
    color: rgb(240, 240, 240);
    display: block;
    height: 40px;
    left: 0px;
    position: absolute;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
    top: 0px;
    width: 100%;
    align-self: stretch;
    perspective-origin: 204px 20px;
    transform-origin: 204px 20px;
    /* border: 0px none rgb(240, 240, 240); */
    font: 22px/40px Capricorn, Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(240, 240, 240) none 0px;
}

/* Parent page banners */
.parentBanner img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: auto;
   min-height: 120%;
   margin-top: -10%;
   opacity: .4;
}

/* Containers for era icons, parent page icons, etc. */
.topIconsContainer {
   position:absolute;
}

.topIconsContainer img {
   max-height: 35px; /* scale down any vectors (e.g., parent page logos) or high-res images if needed */
}

/* Add padding to the first h1 element when gen tabs are present (#firstHeadingWithGenTabs is added inside #firstHeading using the DISPLAYTITLE magic word) */
#firstHeading #firstHeadingWithGenTabs {
   display: inline-block;
   padding-bottom: 1.5em;
}

/* Spoilers */
.spoilers {
    display: inline; /* the .hidden-spoilers styles won't work if .spoilers is a span multiple lines long, but if it's a multiline div with display: inline (so in effect a span) the styles apply correctly */
}

.hidden-spoilers {
    text-shadow: 0 0 10px #000;
    -o-transition: text-shadow 0.2s ease;
    -moz-transition: text-shadow 0.2s ease;
    -webkit-transition: text-shadow 0.2s ease;
    transition: text-shadow 0.2s ease;
    overflow: visible; /* don't cut off blur */
    cursor: pointer;
}

.hidden-spoilers:hover {
    text-shadow: 0 0 .5em #000;
}

.hidden-spoilers * { /* override a elements, etc. */
    color: rgba(0, 0, 0, 0.0) !important;
}

.hidden-spoilers img { /* hide images */
    opacity: 0;
}

.hidden-spoilers a.image { /* replace images with black box */
    display: inline-block;
    height: 100%;
    background: #000;
}

.hidden-spoilers a[disabled="disabled"] { /* Disable hidden links so users don't click them accidentally. Disabled attribute disables links on IE, pointer-events: none disables links on other browsers; this uses both to get more support */
   pointer-events: none;
}

/* parent page buttons */
.parent-button img {
   width: 100%;
}

/* chat */
.mwchat-useritem,
.mwchat-item-timestamp.real {
    background-color: transparent;
}

.mwchat-avatar-replacement {
    margin-right: 0.25em;
    padding-right: 3px;
    padding-left: 2px;
    padding-bottom: 4px;
}

.page-MediaWiki_Smileys #mw-content-text ul:nth-of-type( 2 ),
.page-MediaWiki_Smileys #mw-content-text p:last-of-type {
    display: none;
}