MediaWiki:Common.css
From BIONICLEsector01
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* <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: 200% !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;
}