MediaWiki:Starmade.css

From StarMade Wiki

Revision as of 18:15, 16 May 2018 by Arkahys (talk | contribs)

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* --- Admin --- */
/* Makes the 'page difference' page readable */
table.diff, td.diff-otitle, td.diff-ntitle {
    background-color: transparent;
}

td.diff-deletedline {
    background-color: #FFE49C;
    color: #000000;
}

td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
    border-radius: 0;
    padding: 0;
    color: red;}

.wikiEditor-ui .wikiEditor-ui-view {
    border: none;
}

.wikiEditor-ui-toolbar .group {
    background-color: transparent;
}

td.diff-addedline {
    background: #A3D3FF;
    color: #000000;
}


/* --- TABLE DESIGNS --- */
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.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 */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}

/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

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

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

 /* dark table style */
.darktable {
  border: 1px solid #aaa;
  padding: 5px;
  background: #F9F9F9;
  font-size: 89%;
  margin: 0.5em 0em 1em 0.5em;
 }
 table.darktable th, table.darktable tr:not(:first-child) th.outer {
  background-color: #ccf;
  padding: 0 0.5em;
 }
 table.darktable caption {
  font-size: 120%;
  font-weight: bold;
 }
 table.darktable tr:not(:first-child) th { background-color: #ddf; }
 .rowtitle { font-size: 1.15em; padding: 0.2em 2em 0.2em 0.5em}

 table.extrapadding td {
   padding-left: 4px;
   padding-right: 4px;
 }

 table.td-right td { text-align: right; }

 /* title stuff */
 .title {
  background-color: #ddf;
  text-align:center;
  font-weight:bold;
  padding: 1px 2px;
 }

 .alt, .rowtitle { background-color: #e9e9ff; }
 table.zebra > tbody > tr:nth-child(2n+1) {background-color: #e9e9ff; }

 table .hover:hover { background-color: orange; } /* for occasions where a table element is class="hover": for legibility in larger tables */

 /* --- MAIN PAGE STYLES --- */

 /* darkgreen header */
 .mainpagetabledarkgreen { background-color:#8AC4B4; }

 /* green body */
 .mainpagetablegreen { background-color:#A2CCBE; }

 /* darkblue header */
 .mainpagetabledarkblue { background-color:#A0A2B8; }

 /* blue body */
 .mainpagetableblue { background-color:#BABBD0; }

 /* darkred header */
 .mainpagetabledarkred { background-color:#BDACAC; }

 /* red body */
 .mainpagetablered { background-color:#D7C6C6; }

 /* --- GENERAL TEMPLATE DESIGNS --- */

 /* bg for wowbox */
 .wowboxbg { background-color:#DDD; }

 /* making certain links black on monobook */
 .speciallink { color:black; }

 /* disambig, i-note design */
 .greybar {
  color: #000;
  background-color: #DDD;
  border-top: 1px #606060 solid;
  border-bottom: 1px #606060 solid;
 }

 /* band, in use by [[template:infoline]] */
 .band { display:table;
         margin: 0.2ex 3em;
         text-align: center;
         padding: 1ex 3em 0.5ex;
         line-height:130%; }


 /* --- COLORS --- */

 /* Blizz text color */
 .blizztext, .text-blizz { color:#0070af; }

 /* text colors: say, yell, emote, whisper */
 .text-say {color:#CC9900;}
 .text-yell {color:#FF4040;}
 .text-emote {color:#F87431;}
 .text-whisper {color:#F8B0DE;}
 .text-bossemote {color:#f0d000;}

 /* Item Quality Colors */
 .qc-poor, .qc-poor a { color: #9D9D9D; }
 .qc-common, .qc-common a { color: #000000; } /* common is normally white, but white on white is bad */
 .wtooltip .qc-common, .tooltip-content .qc-common {color:#fff} /* but we want it white inside tooltips. */
 .qc-uncommon, .qc-uncommon a { color: #27BF13 }
 .qc-rare, .qc-rare a { color: #0070FF; }
 .qc-epic, .qc-epic a { color: #a335ee; }
 .qc-legendary, .qc-legendary a { color: #ff8000; }
 .qc-artifact, .qc-artifact a, .qc-heirloom, .qc-heirloom a { color: #BFA760; }
.qc-enchant, .qc-enchant a {color: #E6BB00}

.abilitylink {color: #2BA2D9}
.talentlink {color: #4e96f7}
.currencylink {color:#00AA00}

 /* Class Colors */
 .cc-druid, .cc-druid a { color: #FF7D0A; }
 .cc-hunter, .cc-hunter a { color: #ABD473; }
 .cc-mage, .cc-mage a { color: #69CCF0; }
 .cc-paladin, .cc-paladin a { color: #F58CBA; }
 .cc-priest, .cc-priest a { color: gray; } /* priest is white, but not on light skins... see darkvector.css */
 .cc-rogue, .cc-rogue a { color: #CC9900; }
 .cc-shaman, .cc-shaman a { color: #2459FF; }
 .cc-warlock, .cc-warlock a { color: #9482CA; }
 .cc-warrior, .cc-warrior a { color: #C79C6E; }
 .cc-deathknight, .cc-deathknight a { color: #C41E3A; }
 .cc-monk, .cc-monk a { color: #008467; } /* proper color in darkvector */

 .druid, .druidalt { color: white; }
 .druid { background-color: #7f3e05; }
 .druidalt { background-color: #663300; }
 .druid a, .druidalt a { color: #ff7f0a; }

 .hunter, .hunteralt { color: white; }
 .hunter { background-color: #445533; }
 .hunteralt { background-color: #334422; }
 .hunter a, .hunteralt a { color: #ABD473; }

 .mage, .magealt { color: white; }
 .mage { background-color: #4488aa; }
 .magealt { background-color: #336677; }
 .mage a, .magealt a { color: #66ccff; }

 .paladin, .paladinalt { color: white; }
 .paladin { background-color: #883355; }
 .paladinalt { background-color: #662244; }
 .paladin a, .paladinalt a { color: #ff99cc; }

 .priest, .priestalt { color: white; }
 .priest { background-color: #777777; }
 .priestalt { background-color: #444444; }
 .priest a, .priestalt a { color: #bbbbbb; }

 .rogue, .roguealt { color: white; }
 .rogue { background-color: #555500; }
 .roguealt { background-color: #444400; }
 .rogue a, .roguealt a { color: #fff569; }

 .shaman, .shamanalt { color: white; }
 .shaman { background-color: #112277; }
 .shamanalt { background-color: #112255; }
 .shaman a, .shamanalt a { color: #2459FF; }

 .warlock, .warlockalt { color: white; }
 .warlock { background-color: #331155; }
 .warlockalt { background-color: #220044; }
 .warlock a, .warlockalt a { color: #cc99ff; }

 .warrior, .warrioralt { color: white; }
 .warrior { background-color: #775533; }
 .warrioralt { background-color: #443322; }
 .warrior a, .warrioralt a { color: #C79C6E; }

 .deathknight, .deathknightalt { color: white; }
/* .deathknight { background-color: #; } */
/* .deathknightalt { background-color: #; } */
 .deathknight a, .deathknightalt a { color: #C41E3A; }

 .monk, .monkalt { color: white; }
/* .monk { background-color: #; } */
/* .monkalt { background-color: #; } */
 .monk a, .monkalt a { color: #008467; }

 /* PLAINLINKS (see wikipedia:Common.css */
 .plainlinksneverexpand {
    background: none ! important;
    padding: 0 ! important;
 }

 .plainlinksneverexpand .urlexpansion { display: none ! important; }
 .plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
 }

 .plainlinksneverexpand a.external.text:after { display: none !important; }
 .plainlinksneverexpand a.external.autonumber:after { display: none !important; }

 /* USERBOXES */
 table.wwusrbox {float: left; margin: 0.2em; padding: 0; border-width: 1px; border-style: solid;}
 table.wwusrbox td.left, table.wwusrbox td.right {text-align: center; vertical-align: middle; font-size: 1.6em; padding: 0;}
 table.wwusrbox td.main {padding: 0 4px; vertical-align: middle; line-height: 125%; font-size: 0.90em;}

 table.wwusrbox {border-color: #aaa; background: #f8f8f8;}
 table.wwusrbox td.left, table.wwusrbox td.right {background: #d8d8d8;}

 /* - Book Styling */
 div.book { margin: 0.5em; border: 1px solid #808080}
 div.book h4  {
  margin: 0;
  padding: 0.2em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-family: Georgia, serif;
  font-size: 1.1em;
  font-weight: bold;
 }
 div.book h4 span.editsection {
  font-family: sans-serif;
  font-size: 0.91em;
 }

 /* Select reputation colors */
 span.rep-friendly {color: lime}
 span.rep-neutral {color: yellow}
 span.rep-hostile {color: red}

 /* Buffs & Debuffs */
 div.bufftip {border-width: 1px; border-style: solid; border-color: #aaaaaa;}
 div.debuff {border-color: #cc0000;}
 div.debuffmagic {border-color: #3399ff;}
 div.debuffcurse, div.buffweapon {border-color: #9900ff;}
 div.debuffdisease {border-color: #996600;}
 div.debuffpoison {border-color: #009900;}

.achievementlink {color: goldenrod;}
.achievementbox {max-width:40em}


.factiontable {background-color: #f0f0f0; border: 2px solid #f0f0f0}
.factiontable tr {background-color: white}
.factiontable.alliance th, .factiontable.alliance td.factionbg {background-color: #CCE4FF}
.factiontable.horde th, .factiontable.horde td.factionbg {background-color: #FFD4CC}

.guildtable {border-spacing: 0 1px}
.guildtable td {padding: 1px 0.5em}
.guildtable th {padding: 2px 1em}


/**************************/
/****** TESTING AREA ******/
/**************************/

/* New main page-related styles */

body.page-Portal_Main hr, body.page-Portal_World_of_Warcraft hr, body.page-Portal_WotLK hr, body.page-Portal_Interface_customization hr, body.page-Portal_Warcraft_universe hr, body.page-Portal_Community hr {
color: #444;
background-color: #444;
}

.mpcontentbox {
 margin-top:10px;
 padding:7px 15px 12px 15px;
 border-radius: 0.5em;
}
.mpcontentbox > h3 { border-bottom:1px solid #444; }
.mpcontentbox-table { width:100%; }
.mpcontentbox-table td { width:50%; }
.bg-darkblue {background:#F0F4FF; border: 1px solid #CFD4E6}
.bg-darkgreen {background:#F0FFF5; border: 1px solid #CFE6D6}
.bg-darkgray {background:#F0F0F0; border: 1px solid #D9D9D9}
.bg-darkred {background:#FFF7F0; border: 1px solid #E6DACF}

#ptabs {
  font-size:93%;
  font-weight:bold;
  clear: left;
  margin: 0 0 3px 0;
}
#firstHeading #ptabs { margin: 0 0.5em 0 1em !important; font-weight:normal !important; vertical-align: 3px}
#ptabs .activetab {
  padding:5px 10px 5px 10px;
  margin:0 3px 0 0;
  background:#E5E5E5;
  text-decoration:none;
  color:black;
}
#ptabs .inactivetab {
  padding:5px 10px 5px 10px;
  margin:0 3px 0 0;
  text-decoration:none;
  background:#F5F5F5;
  color:black;
}
#firstHeading #ptabs .activetab, #firstHeading #ptabs .inactivetab { padding: 1px 10px 1px 10px}
#ptabs .inactivetab:hover {
  background:#CCC;
  color:black;
}
#ptabs a:hover { text-decoration:none !important; }
#ptabs .activetab.alliancetab, #ptabs .activetab.hordetab {background-color: transparent}
#ptabs .activetab.alliancetab {color: #214DA6}
#ptabs .activetab.hordetab {color: #A63721}
#ptabs .inactivetab.alliancetab, #ptabs .inactivetab.hordetab {color: #606060}
#ptabs a span {white-space: nowrap}

/* costitem */
span.costitem div { display: inline; }

/* Recent changes, Special:Filelist arrows */
.mw-arr-r { background-image: url('http://www.wowpedia.org/images/2/26/Icon-next-12x12.png'); }
.mw-arr-d, .mw-sort-desc { background-image: url('http://www.wowpedia.org/images/6/68/Icon-down-12x12.png'); }
.mw-arr-u, .mw-sort-asc { background-image: url('http://www.wowpedia.org/images/7/79/Icon-up-12x12.png'); }
.mw-arr-l { background-image: url('http://www.wowpedia.org/images/2/20/Icon-back-12x12.png'); }

/* Table sort for Special:Filelist */
.TablePager_sort { background-position: 2px 50%; }
.TablePager th a { display: block; }
.TablePager_sort a { padding: 0 4px 0 16px; }

/* Lootbox design */
table.lootbox td {padding: 1px; margin: 0}
table.lootbox div.itemtooltip {margin: 0}

/* Forum formatting */
.forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; }
.forumlist td span { display: block; padding-left: 10px; font-size: smaller; }
.forumlist td span a { text-decoration: none; }
.forumlist td span.forum_author { padding-left: 30px; }
.forumlist td.forum_edited a { text-decoration: none; }
.forumlist td.forum_title a { padding-left: 20px; }
.forumlist td.forum_title span a { padding-left: 0px; }
.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(http://www.wowpedia.org/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; }
.forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; }
.forumlist th.forum_title { padding-left: 20px; }

/* "Temporary" additions */

.opacity70 { background: url('http://www.wowpedia.org/images/c/ca/70opacity.png') repeat; }

/**
 * Style for horizontal lists (separator following item).
 * @source mediawiki.org/wiki/Snippets/Horizontal_lists
 * @revision 3.1 (2013-01-16)
 * @author [[User:Edokter]]
 */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
    white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
    white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.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;
    white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: "(";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put numbers in front of ordered list items */
.hlist.hnum ol {
    counter-reset: list-item;
}
.hlist.hnum ol > li {
    counter-increment: list-item;
}
.hlist.hnum ol > li:before {
    content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}

/* Infobox CSS */

/* [[Template:Infobox common]] */
.infobox {
	clear: right;
	margin: 3px 0px 3px 3px;
	width: 300px;
	font-size: 90%;
	background: #FFFFFF;
	float: right;
	border: 1px solid #CCCCCC;
	padding: 2px
}

.infobox-title {
	font-weight: bold;
	text-align: center;
	font-size: 120%
}

.infobox-imagearea {
	text-align: center;
	padding: 4px
}

.infobox table {
	width: 100%
}

.infobox p {
	margin: 0
}

.infobox audio {
	width: 184px
}

.infobox dl:last-child {
	margin-bottom: 0.2em;
}

.infobox-footer {
	text-align: center
}

/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */
.infobox dl + dl {
	margin-top: -0.4em;
}

/* What is this? */
.infobox.atfmrec {
	border: none !important
}

/* [[Template:Infobox row]] */
.infobox-row {
	white-space: nowrap;
	font-weight: bold
}

.mcwiki-header {
	background: #729FCF;
	border: 1px solid #ccc;
	border-bottom: 4px groove #999999;
	border-right: 4px groove #999999;
	padding: 5px;
}

/* Grid Stuff */

.cell {
    width:32px;
    height:32px;
    position:absolute;
}

.grid img,
.pixel-image img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
}

.grid .image > a.new {
	background-image: url("http://media-mcw.cursecdn.com/3/35/Grid_Unknown.png");
	display: block;
	width: 32px;
	height: 32px;
	outline: none;
	text-indent: -99999px;
}

.grid .number {
	position: absolute;
	right: -2px;
	bottom: -2px;
	text-align: right;
	font-family: Minecraft;
	font-size: 16px;
	color: #FFF;
	pointer-events: none;
	z-index: 6;
	text-shadow: 2px 2px 0px #3F3F3F;
	filter: dropshadow(color=#3F3F3F, offx=2, offy=2);
}
.grid .number a {
	color: #FFF;
	text-decoration: none;
}
.grid .number .selflink {
	font-weight: normal;
}
.grid .image a.new + .number {
	display: none;
}

.grid .animated .image,
.grid .paused .image {
	display: none;
}
.grid .animated .image.active,
.grid .paused .image.active {
	display: block;
}

.shapeless {
	cursor: help;
}

#mw-page-base {
background: transparent;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
    color: #0088cc;
}

a,
a:visited,
.mw-body a.external:visited {
    color: #0088cc;
}

div.vectorTabs li a {
    color: #0088cc;
}

div#mw-panel div.portal h5 {
    color: #fff;
}

div.vectorTabs ul li {
    background: transparent;
}

div.vectorTabs ul {
    background: none;
}

div#footer ul li {
    color: #FFF;
}
#preferences {
    background: none;
    border: none;
}

#preferences legend {
    color: #FFF;
}

#preftoc {
    background: none;
}

#preftoc li {
    background: none;
}

#preftoc li a {
    color: #0088cc;
}

#preftoc li.selected a {
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    background: none;
    color: #FFF;
}

.catlinks {
	background-color: #0F0F13;
    border: 2px solid rgba(255,255,255,0.05);
    border-color: #131519;
}

#pagehistory li {
    border: 1px solid #262626;
}

#pagehistory li.selected {
    background-color: #2b2b2b;
}

/* Image Thumbnails */

div.thumbinner {
    border: 1px solid rgba(255,255,255,0.05);
    background-color: #14141B;
}

/* VisualEditor Image Thumbnails */

figure.ve-ce-branchNode {
    border-top: 1px solid rgba(255,255,255,0.05);
    border-right: 1px solid rgba(255,255,255,0.05);
    border-left: 1px solid rgba(255,255,255,0.05);
    background-color: #14141B;
}

figcaption.ve-ce-branchNode {
    border-right: 1px solid rgba(255,255,255,0.05) !important;
    border-left: 1px solid rgba(255,255,255,0.05) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    background-color: #14141B !important;
}

img.ve-ce-mwBlockImageNode-thumbimage {
   border: none !important;
   padding: 2px;
}

#toc, .toc, .mw-warning {
    border: 1px solid rgba(255,255,255,0.05);
    background-color: #14141B;
}

.ambox {
font-size: 95%;
width: 80%;
margin: 0 auto 2px auto;
border: 1px rgb(122, 122, 122) solid;
border-left: 10px solid rgb(25, 168, 235);
border-collapse: collapse;
background-color: rgb(44, 44, 44);
margin-bottom: 10px;
}

table.wikitable {
margin: 1em 0;
background-color: #14141B;
border: 1px rgb(44, 44, 44) solid;
border-collapse: collapse;
color: rgb(255, 255, 255);
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: #191F29;
text-align: center;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px solid rgba(255,255,255,0.05);
border-color: rgb(48,48,60);
padding: 0.2em;
}

li.gallerybox div.thumb {
text-align: center;
border: 1px solid rgb(61, 61, 61);
background-color: rgb(37, 37, 37);
margin: 2px;
}

code {
background-color: rgb(49, 49, 49);
}

/* Imported */
.navbox, .navbox-subgroup {background-color: #14141B; border-color: #383838}
table.navbox {border-color: #191F29; border: 1px solid rgba(255,255,255,0.05)}
.navbox-even, .alt, .rowtitle {background-color: #202020}
.navbox-list {border-color: #181818}
table.zebra.darktable > tbody > tr:nth-child(2n+1) {background-color: #202020}
table.zebra> tbody > tr:nth-child(2n+1) {background-color: #282828}
table.darktable th, .navbox-title, table.navbox th {background-color: #0088cc}
table.darktable td.title {background-color: #303030}
table.darktable tr:not(:first-child) th, .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {background-color: #004b71}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {background-color: #282828}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {background-color: #282828}

.darktable, div.forumheader {background-color: #14141B; border-color: #383838; border: 1px solid rgba(255,255,255,0.05)}
.navbox, .navbox-subgroup {background-color: #14141B; border-color: #383838}
table.navbox {border-color: #383838}
.navbox-even, .alt, .rowtitle {background-color: #202020}
.navbox-list {border-color: #181818}
table.zebra.darktable > tbody > tr:nth-child(2n+1) {background-color: #202020}
table.zebra> tbody > tr:nth-child(2n+1) {background-color: #282828}
table.darktable th, .navbox-title, table.navbox th {background-color: #191F29}
table.darktable td.title {background-color: #303030}
table.darktable tr:not(:first-child) th, .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {background-color: #004b71}

/* Infobox CSS */

/* [[Template:Infobox common]] */
.infobox {
	clear: right;
	margin: 3px 0px 3px 3px;
	width: 300px;
	font-size: 90%;
	background: #161616;
	float: right;
	border: 1px solid #2e2e2e;
	padding: 2px
}

.infobox-title {
	font-weight: bold;
	text-align: center;
	font-size: 120%
}

.infobox-imagearea {
	text-align: center;
	padding: 4px
}

.infobox table {
	width: 100%
}

.infobox p {
	margin: 0
}

.infobox audio {
	width: 184px
}

.infobox dl:last-child {
	margin-bottom: 0.2em;
}

.infobox-footer {
	text-align: center
}

/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */
.infobox dl + dl {
	margin-top: -0.4em;
}

/* What is this? */
.infobox.atfmrec {
	border: none !important
}

/* [[Template:Infobox row]] */
.infobox-row {
	white-space: nowrap;
	font-weight: bold
}

.mcwiki-header {
	background: #0088cc;
        border-radius: 4px;
        border: none;
	padding: 5px 8px;
}

table.darktable tr:not(:first-child) th, .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
background-color: rgb(0, 55, 83);
}

pre, .mw-code {
padding: 1em;
border: 1px dashed #2f6fab;
color: rgb(255, 255, 255);
background-color: #14141B;
}

ul#filetoc {
text-align: center;
border: 2px solid rgba(255,255,255,0.05);
background-color: #14141B;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}

body.page-Portal_Main .mw-anonnotice {margin-bottom: 15px !important}
.bg-darkred {background:#1A1616}
.bg-darkgreen {background:#161A16}
.bg-darkblue {background:#16181D}
.bg-darkgray {background:#181818}
.bg-darkred, .bg-darkgreen, .bg-darkblue, .bg-darkgray {border-style: none}
.mpcontentbox > h3 {border-color: #303030}
#ptabs a .inactivetab, #ptabs strong .inactivetab {background: #282828; color: #E0E0E0}
#ptabs a .inactivetab:hover, #ptabs strong .inactivetab:hover {background: #383838; color: #E0E0E0}
#ptabs .activetab {background: #181818; color: #F0F0F0}
.mpheaderlink {color: #E0E0E0}

.speciallink {
color: #0088cc;
}

/* Style/display rules for template documentations */
.template-documentation {
	padding:20px;
	background-color: #14141B;
	border: 1px solid rgba(255,255,255,0.05);
	min-height:300px;
	margin:30px 0px;
}

/* STYLE FOR Template:Tree */
  .tree .children, .tree .root { list-style: none; }
  .tree .label {
    position: relative;
    vertical-align: top;
    z-index: 42;

    display: inline-block;

    color: #C6C6CE;
    font-weight: bold;
    font-size: 0.93em;

    background: #3D3D47;
    border: 1px solid #1a1a1e;
  }
  .tree .leaf .label {
    font-weight: normal;

    background: #14141B;
  }
  .tree .horizontal > .children {
    vertical-align: top;
    display: inline-block;

    font-size: 2%;
  }
  .tree .node {
    vertical-align: top;
    position: relative;
    margin: 0;
    padding: 0.5em 1em;

    border: 0px solid #3f3f42;
    border-left-width: 1px;
  }
  .tree .horizontal > * > .node {
    display: inline-block;
    margin-top: 0.8em;
    padding-top: 1em;

    font-size: 5000%;

    border-left-width: 0;
    border-top-width: 1px;
  }
  .tree .horizontal > * > .node:first-child { padding-top: 1em; }
  .tree .node:last-child, .tree .root > .node {
    padding-bottom: 0;
    padding-right: 0;

    border: 0;
  }

  .tree ul.children, .tree ul.root {
    margin: 0;
    padding: 0 0.5em;
  }
  .tree .node:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;

    display: block;
    width: 1em;
    height: 1.2em;

    border: 0px solid #3f3f42;
    border-bottom-width: 1px;
  }
  .tree .root:after { content: none; }
  .tree .node:first-child:after { height: 1.51803em; }
  .tree .node:last-child:after {
    border-left-width: 1px;
    border-bottom-left-radius: 0.125em;
  }
  .tree .root > .node:after { border: 0; }
  .tree .horizontal > * > .node:after {
    height: 1em;
    width: 1.6em;

    border-bottom-width: 0;
    border-right-width: 1px;
  }
  .tree .horizontal > * > .node:last-child:after {
    border-left-width: 0;
    border-top-width: 1px;
    border-top-right-radius: 0.125em;
  }

  .tree .single ul.children {
    padding-left: 0;
    padding-right: 0;
  }
  .tree .single .node {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.61803em;
    border-left-width: 0;
  }
  .tree .single .node:after {
    height: 0.61803em;
    width: 0.5em;

    border-width: 0;
    border-right-width: 1px;
    border-radius: 0;
  }
  .tree .horizontal.single .children .node {
    margin: 0;
    padding: 0 0 0 1em;
  }
  .tree .horizontal.single > * > .node:after {
    height: 0.9em;
    width: 1em;

    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
  }
  .tree .node.horizontal.single {
    padding-top: 0.30902em;
    padding-bottom: 0.30902em;
  }
  .tree .node:first-child { padding-top: 0.61803em; }

  .tree .label:hover + * .node, .tree .label:hover + * .node:after, .tree .label:hover + * .label, .tree .label:hover { border-color: #737376; }

  .tree .label sup {
    padding: 0.1em 0.4em 0.2em;
    margin-left: 0.5em;

    background: #227B86;
    border-radius: 2px;
  }
  .tree .label[title] { cursor: help; }

/* Front table design CSS */

.mainpagetable {
	width: 100%;
}

.mainpagetable td {
	border: 2px solid rgba(255, 255, 255, 0.05);
	border-color: rgb(48, 48, 60);
	background: #14141B;
	padding: 20px;
	vertical-align: top;
}

table.mainpagetable {
	border-collapse: separate !important;
	border-spacing: 2px !important;
}

/* Fixes Creative Commons placing in footer*/
.nav > li > a {
    display: inline;
    padding: 10px 15px;
    position: relative;
}

/* Echo notification styling*/
.mw-echo-overlay {
	background-color: rgba(20, 20, 27, 0.96);
	border: 1px solid rgb(61, 61, 71);
	border-top: 2px solid #227B86;
	color: #969ba0;
}

#pt-notifications .mw-echo-notifications-badge {
	background-color: #bc4c40;
}

#pt-notifications .mw-echo-notifications-badge:hover, #pt-notifications .mw-echo-notifications-badge:active, #pt-notifications .mw-echo-notifications-badge:focus {
	background-color: #bc4c40;
}

#p-personal .mw-echo-overlay li.mw-echo-notification .mw-echo-notification-wrapper {
	background-color: #0F0E14;
	color: #6D6961;
}

#p-personal .mw-echo-overlay li.mw-echo-notification:hover .mw-echo-notification-wrapper {
	background-color: #080B0F;
}

#p-personal .mw-echo-overlay li.mw-echo-notification.mw-echo-unread .mw-echo-notification-wrapper {
	background-color: #0F0E14;
}

#p-personal .mw-echo-overlay li.mw-echo-notification.mw-echo-unread:hover .mw-echo-notification-wrapper {
	background-color: #080B0F;
}

.mw-echo-overlay-title {
	border-bottom: 1px solid rgb(61, 61, 71);
}

#p-personal .mw-echo-overlay li.mw-echo-notification .mw-echo-notification-wrapper {
	border-bottom: 1px solid rgb(61, 61, 71);
}

#p-personal .mw-echo-overlay a.mw-echo-grey-link {
	color: #A0A5AB;
}

#p-personal .mw-echo-overlay li.mw-echo-notification .mw-echo-notification-wrapper {
	color: #a1a6ac;
}

#mw-echo-overlay-pref-link {
	border-left: 1px solid rgb(61, 61, 71);
}

#mw-echo-overlay-footer {
	border-top: 1px solid rgb(61, 61, 71);
}

/* Fix thumbnails*/
.thumbimage {
border: none !important;
padding: 5px;
position: relative;
right: 3px;
padding-top: 2px !important;
}

img.thumbborder {
border: 1px solid #353535;
}

/* Style gallery thumbs*/
li.gallerybox div.thumb {
border: 1px solid rgba(255,255,255,0.05);
background-color: #14141B;
}

/* hr colour change*/
hr {
	border-top: 1px solid #A1A6AC;
}

body.page-StarMade_Wiki h1.firstHeading { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

body.page-StarMade_Wiki div#page {padding: 0;}

#pt-mytalk a.mw-echo-alert {
background-color: transparent;
}

/* Sidebar customisation*/
#sidePane .sidePane_content ul.wikiMenu > li > a {
   padding: 9px;
   font-size: inherit;
   padding-left: 15px;
}

  /* --- {{t|Ambox}} TEMPLATE DESIGNS --- */

 /* {{t|Ambox}} design */
 .ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto 2px auto;
  border: 2px solid rgba(255,255,255,0.05);
  border-color: rgb(48,48,60);
  border-left: 10px solid #1e90ff;
  border-collapse: collapse;
  background-color: #191F29;
 }

 /* {{t|Ambox}} colors */
 .ambox-blue { border-left: 10px solid #1e90ff; }
 .ambox-red { border-left: 10px solid #b22222; }
 .ambox-orange { border-left: 10px solid #f28500; }
 .ambox-yellow { border-left: 10px solid #f4c430; }
 .ambox-purple { border-left: 10px solid #9932cc; }
 .ambox-gray { border-left: 10px solid #bba; }
 .ambox-green { border-left: 10px solid #228b22; }

 /* {{t|Ambox}} small text */
 .amsmalltext {
  font-size: smaller;
  margin-top:0.5em;
  margin-left:0.8em;
 }

 /* {{t|Ambox}} image */
 .ambox-image {                          /* The left image cell */
  width: 60px;
  padding: 2px 0px 2px 0.5em;            /* 0.5em left, 0px right */
  text-align: center;
 }

table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -2px;
}

 /* Documentation note format */
table#documentation-meta-data.plainlinks.fmbox.fmbox-system {
    background-color: #14141B !important;
    border: 1px solid rgba(255,255,255,0.05);
}

  /* --- Wiki Editor Redesign --- */

/* Editor box, borders and toolbar styling */
textarea#wpTextbox1 {
background-color: rgb(7, 7, 9);
}

.wikiEditor-ui {
background-color: #0F0F13;
border: 1px solid rgba(255, 255, 255, 0.05);
}

.wikiEditor-ui-toolbar {
background-color: #14141B;
background-image: none;
}

.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.wikiEditor-ui-controls {
background-color: #0F0F13;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.wikiEditor-ui-tabs {
background-color: #14141B;
border-left: 1px solid rgba(255, 255, 255, 0.05);
border-top: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 4px;
}

.wikiEditor-ui-tabs div.current {
border-bottom: 0px;
background-color: #14141B;
}

.wikiEditor-ui-tabs div {
background-color: #17171D;
border-right: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.wikiEditor-ui-buttons {
background-color: #0F0F13;
border-top: 1px solid #0F0F13;
}

.editOptions {
background-color: #14141B;
border: 1px solid rgba(255, 255, 255, 0.05);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

 /* Make buttons like those at SMD */
input[type="submit"] {
font-style: normal;
font-weight: bold;
font-size: 13px;
color: rgb(198, 198, 206);
background-color: rgb(61, 61, 71);
padding: 0px 6px;
border-width: 0;
border-top-color: rgb(255, 255, 255);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
text-align: center;
outline: none;
line-height: 30px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 0 0 0 transparent, 0 -2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
border-color: rgb(0, 0, 0);
border-color: rgba(0, 0, 0, 0.2);
_border-color: rgb(0, 0, 0);
-webkit-appearance: none;
height: 30px;
margin: 5px;
}

input[type="submit"]:hover {
background-color: #449675;
}

input#wpSummary {
background-color: rgb(7, 7, 9);
padding: 5px 3px;
border: 1px solid rgba(255, 255, 255, 0.05);
}

input#wpSave {
font-style: normal;
font-weight: bold;
font-size: 13px;
color: rgb(198, 198, 206);
background-color: #227B86;
padding: 0px 6px;
border-width: 0;
border-top-color: rgb(255, 255, 255);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
text-align: center;
outline: none;
line-height: 30px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 0 0 0 transparent, 0 -2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
border-color: rgb(0, 0, 0);
border-color: rgba(0, 0, 0, 0.2);
_border-color: rgb(0, 0, 0);
-webkit-appearance: none;
height: 30px;
}

input#wpSave:hover {
background-color: #449675;
}

input#wpPreview {
font-style: normal;
font-weight: bold;
font-size: 13px;
color: rgb(198, 198, 206);
background-color: rgb(61, 61, 71);
padding: 0px 6px;
border-width: 0;
border-top-color: rgb(255, 255, 255);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
text-align: center;
outline: none;
line-height: 30px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 0 0 0 transparent, 0 -2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
border-color: rgb(0, 0, 0);
border-color: rgba(0, 0, 0, 0.2);
_border-color: rgb(0, 0, 0);
-webkit-appearance: none;
height: 30px;
}

input#wpDiff {
font-style: normal;
font-weight: bold;
font-size: 13px;
color: rgb(198, 198, 206);
background-color: rgb(61, 61, 71);
padding: 0px 6px;
border-width: 0;
border-top-color: rgb(255, 255, 255);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
text-align: center;
outline: none;
line-height: 30px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 0 0 0 transparent, 0 -2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
border-color: rgb(0, 0, 0);
border-color: rgba(0, 0, 0, 0.2);
_border-color: rgb(0, 0, 0);
-webkit-appearance: none;
height: 30px;
}

input#wpPreview:hover {
background-color: #449675;
}

input#wpDiff:hover {
background-color: #449675;
}

.wikiEditor-ui-buttons button {
font-style: normal;
font-weight: bold;
font-size: 13px;
color: rgb(198, 198, 206);
background-color: rgb(61, 61, 71);
padding: 0px 6px;
border-width: 0;
border-top-color: rgb(255, 255, 255);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
text-align: center;
outline: none;
line-height: 30px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 0 0 0 transparent, 0 -2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
border-color: rgb(0, 0, 0);
border-color: rgba(0, 0, 0, 0.2);
_border-color: rgb(0, 0, 0);
-webkit-appearance: none;
height: 30px;
}

.wikiEditor-ui-buttons button:hover {
background-color: #449675;
}

.wikiEditor-ui-tabs div.current a {
color: #FFF;
}

 /* Additional secondary editor function styling */
.wikiEditor-ui-tabs div a {
color: #464b59;
}

.wikiEditor-ui-toolbar .tabs {
position: relative;
left: 8px;
}

.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: #a1a6ac;
}

.wikiEditor-preview-contents {
background-color: #0F0F13;
}

 /* Wikitext editing toolbar icon format */
.group.group-format {
background-color: rgb(20, 20, 27);
background-repeat: repeat-x;
background-position: top;
padding: 1px;
margin: 0;
border: 1px solid rgb(29, 29, 38);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-khtml-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
position: relative;
left: 4px;
}

.group.group-search {
background-color: rgb(20, 20, 27);
background-repeat: repeat-x;
background-position: top;
padding: 1px;
margin: 0;
border: 1px solid rgb(29, 29, 38);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-khtml-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}

.group.group-size {
background-color: rgb(20, 20, 27);
background-repeat: repeat-x;
background-position: top;
padding: 1px;
margin: 0;
border: 1px solid rgb(29, 29, 38);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-khtml-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
position: relative;
left: 6px;
}

.group.group-insert {
background-color: rgb(20, 20, 27);
background-repeat: repeat-x;
background-position: top;
padding: 1px;
margin: 0;
border: 1px solid rgb(29, 29, 38);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-khtml-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
position: relative;
left: 8px;
}

a.tool.tool-button.wikiEditor-toolbar-spritedButton {
position: relative;
top: 1px;
margin-right: 2px;
}

a.tool.tool-button.wikiEditor-toolbar-spritedButton:hover {
background-color: rgb(20, 20, 27);
border: 1px solid transparent;
border-color: rgb(25, 31, 41);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
outline: none;
}

a.tool.tool-button.wikiEditor-toolbar-spritedButton:active {
background-color: rgb(20, 20, 27);
border: 1px solid transparent;
border-color: rgb(25, 31, 41);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
outline: none;
}

 /* WikiEditor Advanced Toolbar */
 .wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid rgba(255,255,255,0.05);
background-color: #191F29;
}

.wikiEditor-ui-toolbar .group {
border-right: 1px solid rgba(255,255,255,0.05);
}

.wikiEditor-ui-toolbar .group .tool-select {
border: 1px solid rgba(255,255,255,0.05);
background-color: #070709;
}

.wikiEditor-ui-toolbar .group .tool-select .label {
color: inherit;
}

.wikiEditor-ui-toolbar .group .tool-select {
border: 1px solid rgba(255,255,255,0.05);
border-radius: 3px;
background-color: #070709;
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: #a1a6ac;
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options {
border: 1px solid #ccc;
box-shadow: 0 2px 5px #ccc;
background-color: rgb(20, 20, 27);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
background-color: #070709;
}

.wikiEditor-ui-toolbar .group .label {
padding: .0em .6em .3em;
}

.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: #FFF;
}

.wikiEditor-preview-loading {
background-color: #0F0F13;
}

.wikiEditor-ui textarea#wpTextbox1 {
padding: 8px;
}

 /* UI popup */
.ui-widget-content {
background: #0B0E13;
color: inherit;
border: 2px solid rgba(255,255,255,0.05);
}

.ui-widget-header {
border: none;
background: rgb(118, 126, 142);
}

.wikiEditor-toolbar-dialog .ui-widget-header {
border-radius: 2px;
padding: 10px;
margin: 10px;
border-bottom: none !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.wikiEditor-toolbar-dialog.ui-draggable.ui-resizable {
border: 4px solid rgb(118, 126, 142);
}

input#wikieditor-toolbar-replace-search {
color: rgb(167, 175, 191);
background-color: rgb(16, 20, 27);
border: 1px solid rgb(25, 31, 41);
padding: 3px;
}

input#wikieditor-toolbar-replace-replace {
color: rgb(167, 175, 191);
background-color: rgb(16, 20, 27);
border: 1px solid rgb(25, 31, 41);
padding: 3px;
}

.wikiEditor-toolbar-dialog .ui-dialog-content fieldset {
background: inherit;
}

 /* UI popup button */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
font-style: normal;
font-weight: bold;
font-size: 13px;
color: rgb(198, 198, 206);
background-color: rgb(61, 61, 71);
padding: 0px 6px;
border-width: 0;
border-top-color: rgb(255, 255, 255);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
text-align: center;
outline: none;
line-height: 30px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 0 0 0 transparent, 0 -2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
border-color: rgb(0, 0, 0);
border-color: rgba(0, 0, 0, 0.2);
_border-color: rgb(0, 0, 0);
-webkit-appearance: none;
height: 30px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
color: #FFF;
text-decoration: none;
background-color: #449675;
border-top-color: white;
}

 /* Difference table styling */
td.diff-context {
background: #14141B;
border-color: rgb(48,48,60);
color: inherit;
}

td.diff-deletedline {
border-color: rgb(48,48,60);
}

td.diff-addedline {
border-color: rgb(48,48,60);
}

 /* Search box darkening */
input {
background-color: rgb(7,7,9);
border: 1px solid #292931;
}

input.mw-input {
color: rgb(216, 216, 216);
background-color: rgb(7, 7, 9);
padding: 5px 3px;
margin-bottom: 2px;
border: 1px solid #292931
}

 /* Other input box darkening */
select {
background-color: rgb(7, 7, 9);
border: 1px solid #292931;
padding: 2px 3px;
margin-bottom: 2px;
margin-left: 3px;
}

input#year {
background-color: rgb(7, 7, 9);
padding: 4px 3px;
border: 1px solid #292931;
}

 /* Fieldset form border */
fieldset {
border: 1px solid rgba(255,255,255,0.05);
}

 /* Metadata styling */
table.mw_metadata {
margin-top: 10px;
background-color: #14141B;
border: 1px solid rgba(255,255,255,0.05);
}

table.mw_metadata td {
background-color: #14141B;
border: 1px solid rgba(255,255,255,0.05);
}

table.mw_metadata th {
background-color: inherit;
border: none;
}

/* Fix small width scroll issues */
html {
    overflow: visible;
}

 /* Realms Network Copyright Center */
div#RealmsC {
text-align: center;
}

/* Discussion Styling */
.flow-post {
    color: #a1a6ac;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: #0088cc;
}

.flow-board-header {
    background-color: #14141b !important;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 4px;
}

.flow-topic-titlebar {
    background: #14141b;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 4px;
    color: rgb(230, 230, 239);
}

.flow-topic-meta {
    color: #a1a6ac;
}

.flow-ui-navigationWidget-affixed {
    background: #14141b;
}

.flow-ui-navigationWidget {
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.flow-ui-newTopicWidget-title.oo-ui-textInputWidget input {
    background-color: rgb(7, 7, 9);
    border: 1px solid rgba(255,255,255, .05);
}

.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
    background-color: rgb(7, 7, 9);
    border: 1px solid rgba(255,255,255, .05);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
    box-shadow: none;
}

html {
    overflow: auto !important;
}

/* --- ----------------------------- --- */
/* ---Added for database features--- */
/* --- ----------------------------- --- */
/* --- Tooltip box on block link --- */

.tooltipbox {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}

.tooltipbox .info {
visibility: hidden;
padding: 5px 0;
position: absolute;
z-index: 1;
top: 100%;
left: 50%;
margin-left: -60px;

opacity: 0;
-webkit-transition: 0.5s;
-webkit-transition-delay: 0.2s; 
transition: opacity 0.5s;
transition-delay: 0.2s;
}

.tooltipbox:hover .info {
visibility: visible;
opacity: 1;
}

/* ------ ------------------- -------- */
/* ------ Animation of block -------- */

.wrapcube {
-webkit-perspective: 800px; /* Safari 4-8 */
-webkit-perspective-origin: 50% -200px; /* Safari 4-8 */ 
-moz-perspective: 800px; /* mozilla */
-moz-perspective-origin: 50% -200px; /* mozilla */ 
perspective: 800px;
perspective-origin: 50% -200px; 
}

.cube3d {
position: relative;
width: 70px;
transform-style: preserve-3d;
}

.cube3d div {
position: absolute;
width: 70px;
height:70px;
}

imgresize {
max-height:100%;
height:70px;
width:auto;
}

.cubeback {
transform: translateZ(-35px) rotateY(180deg);
}
.cuberight {
transform: rotateY(-270deg) translateX(35px);
transform-origin: top right;
}
.cubeleft {
transform: rotateY(270deg) translateX(-35px);
transform-origin: center left;
}
.cubetop {
transform: rotateX(-90deg) translateY(-35px);
transform-origin: top center;
}
.cubebottom {
transform: rotateX(90deg) translateY(35px);
transform-origin: bottom center;
}
.cubefront {
transform: translateZ(35px);
}
.cubearrow { transform:translateZ(90px) rotateY(90deg) ;
}

@keyframes spinY {
from { transform: rotateY(0); }
to { transform: rotateY(360deg); }
}

@keyframes spinX {
0%, 60% { perspective-origin: 50% -250px; }
80% { perspective-origin: 50% 400px; }
100% { perspective-origin: 50% -250px; }
}

.cube3d {
animation: spinY 5s infinite linear;
}

.wrapcube {
animation: spinX 10s infinite;
}