MediaWiki:Common.css

From Feed The Beast Wiki
Jump to: navigation, search
/**
 * FTB Wiki Global Stylesheet 
 * Current maintainers: Wiki staff members
 * Please discuss changes on MediaWiki talk:Common.css
 * For skin specific stylesheets, see:
 * Hydra skin: MediaWiki:Hydra.css
 * Hydra Dark skin: MediaWiki:Hydradark.css
 */

/** Testing area, please clear out this section after testing is done **/

/** End test area **/

/****************
 * Custom Fonts *
 ****************/
@font-face {
    font-family: OpenSans;
    src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: OpenSans;
    font-style: italic;
    src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');
}

@font-face {
    font-family: OpenSans;
    font-weight: bold;
    src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: OpenSans;
    font-style: italic;
    font-weight: bold;
    src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: "Mojang";
    src: local('Mojang-Regular'), local('Mojang-Regular'), url(/media/hydra/fonts/Mojang-Regular.ttf) format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "Mojang";
    src: local('Mojang-Bold'), local('Mojang-Bold'), url(/media/hydra/fonts/Mojang-Bold.ttf) format('truetype');
    font-weight: bold;
}

/******************
/* General styles *
/******************/
body {
    background-image: url(/media/1/1f/Background.jpg);
    background-position: center top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-color: #171717;
    background-size: 100% auto;
    color: #000000;
    font-family: OpenSans, sans-serif;
}

#pageWrapper {
    padding-right: 1em;
}

/***************
/* Logo styles *
/***************/
#p-logo a {
	width: auto;
}
#p-logo {
    left: -5px;
    margin: 22px 0 0;
    position: absolute;
    width: 204px;
}

/*****************
/* Header styles *
/*****************/
div#mw-page-base {
    background: #262626;
    height: 82px;
    margin-bottom: 0;
    border-bottom: 3px solid #e04a40;
}

div#mw-head {
    height: 82px;
}

#mw-head-base {
    display: none;
}

/**************************
/* Article navigation bar *
/**************************/
#left-navigation {
    position: absolute;
    top: 2px;
    left: 204px;
    margin: 0;
    margin-left: 2em;
}

#right-navigation {
    position: absolute;
    top: 2px;
    right: 0;
    margin: 0;
}

div.vectorTabs {
    padding-left: 0;
}

div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div.vectorTabs,
div#mw-head div.vectorMenu h3 {
    background: none;
}

div.vectorTabs li a,
div.vectorTabs li a:visited,
div.vectorMenu h3 span,
div#mw-head li.new a {
    color: #ffffff;
    text-transform: uppercase;
}

div.vectorTabs li a {
    padding: 0 1em;
    height: 80px;
    line-height: 80px;
}

div.vectorTabs li:not(.new) a:hover,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #ffffff;
}

div.vectorTabs li.new a {
    color: #ffffff;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    background: #e04a40;
}

div.vectorMenu {}

div#mw-head div.vectorMenu h3 {
	background-image: none;
}

div.vectorMenu h3 a {
    height: 80px;
    background-position: 100% 50%;
}

div.vectorMenu h3 span {
	color: #fff;
	text-transform: uppercase;
	padding: 0;
    height: 80px;
    line-height: 80px;
}

div.vectorMenu div.menu {
	top: 5em;
}

div.vectorMenu div.menu {
	background: #262626;
	border: 3px solid #e04a40;
	border-top: none;
}

div.vectorMenu ul {
    background: #262626;
    border: none;
}

div.vectorMenu#p-cactions ul {
    left: auto;
    right: 0;
}

div.vectorMenu li a {
    color: #ffffff;
}

div#mw-head div.vectorMenu h3 {
    height: 80px;
    line-height: 80px;
    padding: 0 0 0 1em;
    margin: 0;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
    margin-top: 17px;
}

#p-search input,
div#simpleSearch {
    margin-top: 0;
}

#p-search form {
    margin-top: 26px;
}

/******************
/* Sidebar styles *
/******************/
div#mw-panel {
    margin: -3.5em 1em 2.5em;
    padding-top: 0;
    width: 9em;
    position: absolute !important;
}

div#mw-panel div.portal,
#mw-panel.collapsible-nav div.portal {
    background: none;
    border: none;
    border-bottom: 1px dashed #e04a40;
    margin: 0;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav div.portal h3,
#mw-panel.collapsible-nav div.portal.collapsed h3 {
    color: #ffffff;
    font-weight: bold;
}

#mw-panel.collapsible-nav div.portal h3 a,
#mw-panel.collapsible-nav div.portal.collapsed h3 a {
    color: inherit;
}

div#mw-panel div.portal div.body,
#mw-panel.collapsible-nav div.portal div.body {
    background: none;
    padding-top: 0;
}

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

/*
This fixes the sidebar and other things from overlapping article contents when the window is very small.
*/
@media screen and (max-width: 768px) {
	div#content {
		margin-left: 11em; 
	}
	
	div#mw-navigation div#mw-panel div.portal { 
		width: 9em; 
		font-size: 66%; 
	}
}

/***************
/* Link styles *
/***************/
.gridContainer .gridImage > a {
    color: transparent !important;
}

/******************
/* Article styles *
/******************/

h1, h2, h3, h4, h5, h6 {
    color: #e04a40;
    font-family: OpenSans, sans-serif;
}

h1, h2 {
    border-bottom: 1px dashed #e04a40;
}

hr {
    background: none;
    border-bottom: 1px dashed #e04a40;
    color: #e04a40;
    height: 0;
}

/**********************
/* Gamepedia Sidebars *
/**********************/
div#mw-panel div.portal#p-sitePromos,
div#mw-panel div.portal#p-socialProfiles {
    background: none;
    border: none;
    padding: 0;
    margin: .5em 0;
}

div#mw-panel div.portal#p-sitePromos h3,
div#mw-panel div.portal#p-socialProfiles h3 {
    display: none;
}

div#mw-panel div.portal#p-sitePromos div.body,
div#mw-panel div.portal#p-socialProfiles div.body {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
}

.claimSidebar,
.socialSidebar {
    margin: 0 auto;
}

.promoSidebar > a {
    display: block;
}

.plupload {
    display: none;
}

/** Fun stuff **/

/** Rainbows **/
/* Check browser support @ //caniuse.com/background-img-opts */
.rainbow {
    background-image: linear-gradient(to right,  #FE525C, #FE553B 5%, #FE570C 10%, #E86D00 15%, #D07C00 20%, #B78900 25%, #9B9300 30%, #7D9B00 35%, #55A200 40%, #00A72B 45%, #00A651 50%, #00A570 55%, #00A28D 60%, #00A0A8 65%, #019DC2 70%, #0199DC 75%, #0195F4 80%, #5B8BFE 85%, #8F7EFE 90%, #B56DFE 95%, #D556FE);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
/* fix for firefox */
@-moz-document url-prefix() {
	.rainbow {
		color: #000;
	}
}

/** Upside down stuff **/
div.upside-down {
    -ms-transform: scaleX(-1) scaleY(-1); 
    -moz-transform: scaleX(-1) scaleY(-1); 
    -o-transform: scaleX(-1) scaleY(-1); 
    -webkit-transform: scaleX(-1) scaleY(-1); 
    transform: scaleX(-1) scaleY(-1); 
    display: inline-block;
}

/* Link hovering glow */
a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
}
a:hover {
    text-shadow: 0 0 6px;
}

/** Generic infobox styling **/
.infobox {
    width: 23em;
    text-align: right;
    border: 1px solid #AAA;
    background-color: #F9F9F9;
    color: #000;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    font-size: 88%;
    line-height: 1.2em;
    vertical-align: top;
    border-collapse: collapse;
}

.infobox td[colspan="2"],
.infobox th[colspan="2"] {
    text-align: center;
}

.infobox td:first-child:not([colspan="2"]) {
    text-align: left;
    font-weight: bold;
    width: 50%;
    vertical-align: top;
}

.infobox th.infoboxFirstHeader {
    font-size: 120%
}

.infobox td ul,
.infobox td ol {
    text-align: left;
}

.infobox th {
    border-bottom: #AAA thin solid;
    border-top: #AAA thin solid;
}

.infobox th,
.infobox td {
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox tr.infoboxSubsectionBreak {
    border-top: #AAA thin solid;
}

.infobox th.infoboxSectionHeader,
.infobox th.infoboxFirstHeader {
    background-color: #CDDEFF;
}

.infoboxSubsectionBreak td {
    padding: 0;
}

.infoboxBlockImage img {
	width:240px;
	height: auto;
}

/** Crafting grid override classes **/
.craftingGridText {
    font-family: Mojang;
    letter-spacing: -0.5px;
    word-spacing: 6px;
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    padding: 0 4px 0 4px;
}
.CraftingGrid, .tilesheet {
    image-rendering: -moz-crisp-edges;
}
.craftingGridTitle {
    white-space: nowrap;
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.craftingGridText b,
.craftingGridText strong,
.craftingGridText {
    font-weight: normal;
}

/*Some browsers default to middle vertical aligning which sometimes makes wrong things happen*/
.CraftingGrid img {
	vertical-align: top;
}

/** Galleries **/
.gallery > .page {
    display: none;
}

.gallery > div.page.active {
    display: block;
}

.gallery > span.page.active {
    display: inline;
}

/** Crafting Grid Slides **/
.CraftingGridCell > span.ActiveSlide,
.CraftingGridCell > div.GridTank.ActiveSlide{
    display: inline-block !important;
}
.CraftingGridCell > div.GridTank,
.CraftingGridCell > span,
.CraftingGridCell > .grid:not(.ActiveSlide) {
    display: none !important;
}

/** Crafting grid controls **/
.pageNum {
    margin-left: 20px;
}
.pageCount {
    margin-right: 20px;
}
.CraftingGridControls {
	white-space: nowrap;
}

/** FTB table **/
/** Probably will merge and replace .wikitable in the FTB Skin **/
table.ftbtable {
    margin: 1em 0;
    border-collapse: collapse;
}
table.ftbtable > tr > th,
table.ftbtable > * > tr > th {
    text-align: center;
}
table.ftbtable > tr > th,
table.ftbtable > tr > td,
table.ftbtable > * > tr > th,
table.ftbtable > * > tr > td {
    padding: 0.2em;
}
table.ftbtable > * > tr > th > h2,
table.ftbtable > tr > th > h2 {
    font-weight: bold; 
    margin: 0.5em; 
    margin-top: 0.1em; 
    text-align: center;
    width: 100%;
}

/** Image tags for shortened links **/
.tracking-link img {
    vertical-align: baseline !important;
}

/** Tooltips **/
#minetip-tooltip {
    position: fixed;
    background-color: #100010;
    background-color: rgba(16, 0, 16, 0.94);
    color: #FFF;
    padding: 0.375em;
    font-family: Mojang, sans-serif;
    font-size: 16px;
    letter-spacing: -0.5px;
    word-spacing: 6px;
    line-height: 1.25em;
    text-shadow: 0.125em 0.125em 0 #3F3F3F;
    margin: 0.125em 0.25em;
    pointer-events: none;
    z-index: 2000;
}
#minetip-tooltip:before {
    content: "";
    position: absolute;
    top: 0.125em;
    right: -0.125em;
    bottom: 0.125em;
    left: -0.125em;
    border: 0.125em solid #100010;
    border-style: none solid;
    border-color: rgba(16, 0, 16, 0.94);
}
#minetip-tooltip:after {
    content: "";
    position: absolute;
    top: 0.125em;
    right: 0;
    bottom: 0.125em;
    left: 0;
    border: 0.125em solid #2D0A63;
    border-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
    border-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
}

#minetip-tooltip > .minetip-description {
    display: block;
    margin-top: 0.25em;
}

/* Classes corresponding to Minecraft formatting codes */
.format-0 {
    color: #000;
    text-shadow: 0.125em 0.125em 0 #000;
}
.format-1 {
    color: #00A;
    text-shadow: 0.125em 0.125em 0 #00002A;
}
.format-2 {
    color: #0A0;
    text-shadow: 0.125em 0.125em 0 #002A00;
}
.format-3 {
    color: #0AA;
    text-shadow: 0.125em 0.125em 0 #002A2A;
}
.format-4 {
    color: #A00;
    text-shadow: 0.125em 0.125em 0 #2A0000;
}
.format-5 {
    color: #A0A;
    text-shadow: 0.125em 0.125em 0 #2A002A;
}
.format-6 {
    color: #FA0;
    text-shadow: 0.125em 0.125em 0 #2A2A00;
}
.format-7 {
    color: #AAA;
    text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
.format-8 {
    color: #555;
    text-shadow: 0.125em 0.125em 0 #151515;
}
.format-9 {
    color: #55F;
    text-shadow: 0.125em 0.125em 0 #15153F;
}
.format-a {
    color: #5F5;
    text-shadow: 0.125em 0.125em 0 #153F15;
}
.format-b {
    color: #5FF;
    text-shadow: 0.125em 0.125em 0 #153F3F;
}
.format-c {
    color: #F55;
    text-shadow: 0.125em 0.125em 0 #3F1515;
}
.format-d {
    color: #F5F;
    text-shadow: 0.125em 0.125em 0 #3F153F;
}
.format-e {
    color: #FF5;
    text-shadow: 0.125em 0.125em 0 #3F3F15;
}
.format-f {
    color: #FFF;
    text-shadow: 0.125em 0.125em 0 #3F3F3F;
}
.format-l {
    font-weight: bold;
    letter-spacing: 0.125em;
}
.format-m {
    text-decoration: line-through;
}
.format-n {
    text-decoration: underline;
}
.format-o {
    font-style: italic;
}
.blink-0 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-0;
}
@keyframes blink-0 {
    50% {
        color: #000;
        text-shadow: 0.125em 0.125em 0 #000;
    }
}
.blink-1 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-1;
}
@keyframes blink-1 {
    50% {
        color: #00A;
        text-shadow: 0.125em 0.125em 0 #00002A;
    }
}
.blink-2 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-2;
}
@keyframes blink-2 {
    50% {
        color: #0A0;
        text-shadow: 0.125em 0.125em 0 #002A00;
    }
}
.blink-3 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-3;
}
@keyframes blink-3 {
    50% {
        color: #0AA;
        text-shadow: 0.125em 0.125em 0 #002A2A;
    }
}
.blink-4 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-4;
}
@keyframes blink-4 {
    50% {
        color: #A00;
        text-shadow: 0.125em 0.125em 0 #2A0000;
    }
}
.blink-5 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-5;
}
@keyframes blink-5 {
    50% {
        color: #A0A;
        text-shadow: 0.125em 0.125em 0 #2A002A;
    }
}
.blink-6 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-6;
}
@keyframes blink-6 {
    50% {
        color: #FA0;
        text-shadow: 0.125em 0.125em 0 #2A2A00;
    }
}
.blink-7 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-7;
}
@keyframes blink-7 {
    50% {
        color: #AAA;
        text-shadow: 0.125em 0.125em 0 #2A2A2A;
    }
}
.blink-8 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-8;
}
@keyframes blink-8 {
    50% {
        color: #555;
        text-shadow: 0.125em 0.125em 0 #151515;
    }
}
.blink-9 {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-9;
}
@keyframes blink-9 {
    50% {
        color: #55F;
        text-shadow: 0.125em 0.125em 0 #15153F;
    }
}
.blink-a {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-a;
}
@keyframes blink-a {
    50% {
        color: #5F5;
        text-shadow: 0.125em 0.125em 0 #153F15;
    }
}
.blink-b {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-b;
}
@keyframes blink-b {
    50% {
        color: #5FF;
        text-shadow: 0.125em 0.125em 0 #153F3F;
    }
}
.blink-c {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-c;
}
@keyframes blink-c {
    50% {
        color: #F55;
        text-shadow: 0.125em 0.125em 0 #3F1515;
    }
}
.blink-d {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-d;
}
@keyframes blink-d {
    50% {
        color: #F5F;
        text-shadow: 0.125em 0.125em 0 #3F153F;
    }
}
.blink-e {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-e;
}
@keyframes blink-e {
    50% {
        color: #FF5;
        text-shadow: 0.125em 0.125em 0 #3F3F15;
    }
}
.blink-f {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, start);
    animation-name: blink-f;
}
@keyframes blink-f {
    50% {
        color: #FFF;
        text-shadow: 0.125em 0.125em 0 #3F3F3F;
    }
}
/** Tanks **/
/** Template:Tanks **/
.tanks {
    position: absolute;
    top: 0;
}

/** Styling for the new grid templates **/
.CraftingGrid,
.CraftingGrid * {
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none;   
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
}

.grid:not(.ext-translate-container):not(.uls-menu) {
    position: relative;
    display: inline-block;
    background-color: #8B8B8B;
    border: 2px solid;
    border-color: #373737 #FFF #FFF #373737;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    vertical-align: bottom;
}

.grid:before,
.grid:after {
    content: "";
    position: absolute;
    background-color: #8B8B8B;
    height: 2px;
    width: 2px;
    pointer-events: none;
}
.grid:before {
    bottom: -2px;
    left: -2px;
}
.grid:after {
    top: -2px;
    right: -2px;
}

.grid > * {
    display: block;
    margin: -2px;
    padding: 2px;
}
 
.grid-number {
    position: absolute;
    right: -2px;
    bottom: -2px;
    font-family: Mojang, sans-serif;
    font-weight: normal;
    color: #FFF;
    text-shadow: 2px 2px 0 #3F3F3F;
    filter: dropshadow(color=#3F3F3F, offx=2, offy=2);
    z-index: 2;
    letter-spacing: -0.5px;
    word-spacing: 6px;
}

/* Plain grid with no border or background */
.grid-plain,
.CraftingGrid .grid {
    background-color: transparent !important;
    border-color: transparent !important;
}
.grid-plain:before,
.grid-plain:after,
.CraftingGrid .grid:before,
.CraftingGrid .grid:after {
    content: none !important;
}

.craftingGridOne .grid-number {
    display: none;
}

/* Generic styling for animation class */
.animated > span:not(.active),
.animated > div:not(.active) {
    display: none !important;
}

.nowrap {
    white-space: nowrap;
}

/* Default skin for navigation boxes */
/** Template:Navbox **/
table.navbox {            /* Navbox container style */
    border: 1px solid #AAA;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
.navbox-group {              /* Group style */
    white-space: nowrap;
    /* @noflip */text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #FDFDFD;     /* Background color */
}
.navbox-list {
    border-color: #FDFDFD;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #D4D4D4;     /* Level 1 color */
    color: #4D4D4D;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #E2E2E2;     /* Level 2 color */
    color: #000;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #EBEBEB;     /* Level 3 color */
    color: #000;
}
.navbox-even {
    background: #F9F9F9;     /* Even row striping */
    color: #000;
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    /* @noflip */float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here   */
    /* @noflip */text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.         */
 
.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;       /* Font-size when nested within navbox */
}

table.collapsed tr.collapsible {
    display: none;
}

/* 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%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    margin: 0 0 1em 1em;
    line-height: 1.25em;
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    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;
    /* @noflip */
    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;
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0 right */
    text-align: center;
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;  /* 0 left, 0.9em right */
    text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #AAA;
    /* @noflip */
    border-left: 10px solid #1E90FF;  /* Default "notice" blue */
    background: #FBFBFB;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    /* @noflip */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0 right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    /* @noflip */
    padding: 2px 0.5em 2px 0;    /* 0 left, 0.5em right */
}
 
table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1E90FF;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #B22222;    /* Red */
    background: #FEE;                   /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #B22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #F28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #F4C430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932CC;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #BBA;       /* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1E90FF;    /* Default "notice" blue */
    background: #FBFBFB;
}
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block;         /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
    margin: 4px;
}
 
table.imbox-notice {
    border: 3px solid #1E90FF;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #B22222;    /* Red */
    background: #FEE;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #B22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #F28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #F4C430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932CC;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #BBA;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88A;       /* Dark gray */
    background: #F7F8FF;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #CBA135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #AAA;
    background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #B22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #AAA;       /* Default "notice" gray */
    background: #F9F9F9;
}
 
table.ombox-notice {
    border: 1px solid #AAA;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #B22222;    /* Red */
    background: #FEE;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #B22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #F28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #F4C430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932CC;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #BBA;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #C0C090;   /* Default "notice" gray-brown */
    background: #F8EABA;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
    width: 100%;                 /* For Safari and Opera */
}
.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:Readonly lag]]. */
div.mw-lag-warn-normal,
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. */
    /* @noflip */
    clear: right;
    /* @noflip */
    float: right;
    /* @noflip */
    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. */
    /* @noflip */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
 
/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
    display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background: transparent;
    margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(//bits.wikimedia.org/skins/common/images/bullet.gif);
}
.skin-vector .compact-ambox table .mbox-text-span {
    list-style-type: circle;
    list-style-image: url(//bits.wikimedia.org/skins/vector/images/bullet-icon.png)
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
    display: none;
}

/** Main Page Styles **/

body.page-FTB_Wiki.ns-0.action-view h1.firstHeading {
    display: none;
}

body.page-FTB_Wiki.ns-0.action-view div#content {
    background: none;
    padding-bottom: 0;
}

body.page-FTB_Wiki.ns-0.action-view div#footer {
    margin-left: 12em;
    margin-right: 1em;
}

body.page-FTB_Wiki.ns-0.action-view legend#mw-fr-reviewformlegend {
    background: #FFF;
}

body.page-FTB_Wiki.ns-0.action-view .flaggedrevs_reviewform {
    border: none;
}

body.page-FTB_Wiki.ns-0.action-view .mw-pt-translate-header ~ hr {
    display: none;
}

body.page-FTB_Wiki.ns-0.action-view .mw-pt-translate-header a {
    color: #000;
}

table.main-page-layout {
    border-spacing: .5em;
    margin-left: -.5em;
    margin-right: -.5em;
    width: calc(100% + 1em);
}

table.main-page-layout > tr > td,
table.main-page-layout > * > tr > td {
    vertical-align: top;
    background: #FFF;
    padding: 0;
}

.main-page-heading {
    color: #E04A40;
    font-size: 140%;
    border-bottom: 1px dashed #E04A40;
    margin-top: .5em;
    margin-left: .5em;
    margin-right: .5em;
}

.main-page-nav-links {
    background: #E04A40;
    color: #FFF;
    text-align: left;
    line-height: 2.5em;
    padding-left: 1em;
}

.mw-body .main-page-nav-links a:link,
.mw-body .main-page-nav-links a:hover,
.mw-body .main-page-nav-links a:visited {
    color: #FFF;
    padding-right: 1em;
}

.mw-body .main-page-nav-links.dark a:link,
.mw-body .main-page-nav-links.dark a:hover,
.mw-body .main-page-nav-links.dark a:visited {
    color: #000;
}

.main-page-content,
table.main-page-layout > tr > td.main-page-content,
table.main-page-layout > * > tr > td.main-page-content {
    padding: .5em;
}

/**
 * simple-navbox styles
 */

.simple-navbox,
.simple-navbox .sub-navbox,
.simple-navbox .navbox-subgroup {
    background: none;
    border-spacing: 2px;
    margin: -3px;
    width: calc( 100% + 6px );
}

.simple-navbox {
    border: solid 1px silver;
    margin: 1em 0;
}

.simple-navbox .sub-navbox,
.simple-navbox .navbox-subgroup {
    border: none;
}

.simple-navbox .navbox-title {
    background: #D4D4D4;
    text-align: center;
}

.simple-navbox .sub-navbox .navbox-title {
    background: #E2E2E2;
    text-align: center;
}

.simple-navbox > tr > th,
.simple-navbox > * > tr > th,
.simple-navbox .sub-navbox > tr > th,
.simple-navbox .sub-navbox > * > tr > th,
.simple-navbox .navbox-subgroup > tr > th,
.simple-navbox .navbox-subgroup > * > tr > th {
    background: #EBEBEB;
    border: none;
    padding-left: .75em;
    padding-right: .75em;
    text-align: right;
    white-space: nowrap;
}

.simple-navbox > tr > td,
.simple-navbox > * > tr > td {
    font-size: 88%;
}

.simple-navbox > tr > td,
.simple-navbox > * > tr > td,
.simple-navbox .sub-navbox > tr > td,
.simple-navbox .sub-navbox > * > tr > td,
.simple-navbox .navbox-subgroup > tr > td,
.simple-navbox .navbox-subgroup > * > tr > td {
    background: none;
    border: none;
}

/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[wp:User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* 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 ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}
/* Stuff for IC2's Turning Table */
.turn {position: absolute; top: 0;}
.turni15 {clip: rect(0px, 48px, 64px, 0px)}
.turni25 {clip: rect(0px, 96px, 64px, 48px)}
.turni35 {clip: rect(0px, 144px, 64px, 96px)}
.turni45 {clip: rect(0px, 192px, 64px, 144px)}
.turni55 {clip: rect(0px, 240px, 64px, 192px)}
.turni14 {clip: rect(6px, 48px, 58px, 0px)}
.turni24 {clip: rect(6px, 96px, 58px, 48px)}
.turni34 {clip: rect(6px, 144px, 58px, 96px)}
.turni44 {clip: rect(6px, 192px, 58px, 144px)}
.turni54 {clip: rect(6px, 240px, 58px, 192px)}
.turni13 {clip: rect(14px, 48px, 50px, 0px)}
.turni23 {clip: rect(14px, 96px, 50px, 48px)}
.turni33 {clip: rect(14px, 144px, 50px, 96px)}
.turni43 {clip: rect(14px, 192px, 50px, 144px)}
.turni53 {clip: rect(14px, 240px, 50px, 192px)}
.turni12 {clip: rect(20px, 48px, 44px, 0px)}
.turni22 {clip: rect(20px, 96px, 44px, 48px)}
.turni32 {clip: rect(20px, 144px, 44px, 96px)}
.turni42 {clip: rect(20px, 192px, 44px, 144px)}
.turni52 {clip: rect(20px, 240px, 44px, 192px)}
.turni11 {clip: rect(26px, 48px, 38px, 0px)}
.turni21 {clip: rect(26px, 96px, 38px, 48px)}
.turni31 {clip: rect(26px, 144px, 38px, 96px)}
.turni41 {clip: rect(26px, 192px, 38px, 144px)}
.turni51 {clip: rect(26px, 240px, 38px, 192px)}
.turnw13 {clip: rect(0px, 48px, 64px, 0px)}
.turnw23 {clip: rect(0px, 96px, 64px, 48px)}
.turnw33 {clip: rect(0px, 144px, 64px, 96px)}
.turnw43 {clip: rect(0px, 192px, 64px, 144px)}
.turnw53 {clip: rect(0px, 240px, 64px, 192px)}
.turnw12 {clip: rect(12px, 48px, 52px, 0px)}
.turnw22 {clip: rect(12px, 96px, 52px, 48px)}
.turnw32 {clip: rect(12px, 144px, 52px, 96px)}
.turnw42 {clip: rect(12px, 192px, 52px, 144px)}
.turnw52 {clip: rect(12px, 240px, 52px, 192px)}
.turnw11 {clip: rect(22px, 48px, 42px, 0px)}
.turnw21 {clip: rect(22px, 96px, 42px, 48px)}
.turnw31 {clip: rect(22px, 144px, 42px, 96px)}
.turnw41 {clip: rect(22px, 192px, 42px, 144px)}
.turnw51 {clip: rect(22px, 240px, 42px, 192px)}

/* Template:Cg/Witchery circle */
div.WitcheryCircle div.craftingGridText {
	line-height: 1.25em;
}

/* Template documentation styles */
.templateDocNoDoc,
.templateDocBadDoc,
.templateDocGoodDoc {
	margin: 0.25em auto 1em;
	border: 1px solid;
	padding: 1em;
	padding-bottom: 3px;
	border-bottom: 1px solid;
	margin-bottom: 1ex;
}

.templateDocEndNoDoc,
.templateDocEndBadDoc,
.templateDocEndGoodDoc {
	margin: 0 auto;
	border: 1px solid;
	padding: 1em;
}

/* api */
.skin-apioutput {
  background: none;
}

.api-pretty-header {
  background-color: white;
}


/* breathing space between the CleanChanges icon and the expandable text */
.mw-cleanchanges-showuserinfo > img {
  padding-right: 5px;
}