WARFRAME Wiki
Don't have an account?
Register
Advertisement
Register
WARFRAME Wiki
WARFRAME Wiki
8,648
pages

Common.css

MediaWiki page
Revision as of 00:57, 30 June 2021 by Mr Pie 5 (Message Wall | contribs) (Various tweaks to make infoboxes change color for light theme. Removed a duplicate definition of .portable-infobox)
Sign in to edit

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.
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url("/MediaWiki:ProfileTags.css?ctype=text/css&action=raw");			/*Profile tags (old userRightsIcons)*/
@import url("/MediaWiki:Tooltips.css?ctype=text/css&action=raw");				/*Current Tooltips.js */
@import url("/MediaWiki:ImageTooltip.css?ctype=text/css&action=raw");			/*Some old ImageTooltip.js, not sure if it's used. Just moving from Common.js */
@import url("/MediaWiki:CustomDiscordWidget/v2.css?ctype=text/css&action=raw"); /*CustomDiscordWidget.js*/
@import url("/MediaWiki:Maximization.css?ctype=text/css&action=raw");			/*Maximization.js*/
@import url("/MediaWiki:Calculator.css?ctype=text/css&action=raw"); 			/*Calculator.js*/
@import url("/MediaWiki:Mainpage.css?ctype=text/css&action=raw");				/*Mainpage*/
@import url("/MediaWiki:Babel.css?ctype=text/css&action=raw");					/*Babel for multilingual users*/
/* Obsolete/pre-UCP CSS are moved to MediaWiki:Archived.css */

/***** CSS placed here will be applied to all skins on the entire site. *****/

.theme-fandomdesktop-light,
.skin-oasis {
	--template-background-color-1: #d4d4d4;
	--template-background-color-2: #3A3A3A;
	--template-background-color-2-link: #afd8ff;
	--template-text-color-1: #1C1C1C;
	--template-text-color-2: #eeeeee;
}

.theme-fandomdesktop-dark {
	--template-background-color-1: var(--theme-page-background-color);
	--template-background-color-2: var(--theme-accent-color);
	--template-background-color-2-link: var(--theme-accent-color--hover);
	--template-text-color-1: var(--theme-page-text-color);
	--template-text-color-2: var(--theme-accent-label-color);
}

.mainpage-box-timers .timer-item, .mainpage-box-news li, .mainpage-box-lede, .mainpage-box-maintenance li {
    background: var(--theme-page-background-color--secondary);
}

.mainpage-box-blogs td {
    background-color: var(--theme-page-background-color--secondary) !important;
}

/* Background for Template:Codex*/
.codexflower {
    background-color:#2A2A2A;
    background-image:url("https://images.wikia.nocookie.net/__cb20140827083239/warframe/images/d/df/Codexflower4.png");
    background-position: left;
    background-repeat: no-repeat;
}

/* Background for Template:Synthesis*/
.synthesissigil {
    background-color:#3B240B;
    background-image:url("https://images.wikia.nocookie.net/__cb20150410143605/warframe/images/e/ef/Synthesis_Flower.png");
    background-position: left;
    background-repeat: no-repeat;
}

/*Talk:Banning Policy vandal report ticket*/
table.vandalticket {
    background:rgba(179,196,230,0.3);
    border:1px solid white;
    width:100%;
    border-collapse: collapse;
    text-align:left;
}
 
table.vandalticket th {
    background-color:rgba(255,255,255,0.7);
    width:20%;
    padding:0px 4px;
}
 
table.vandalticket td {
    padding:0px 4px;
    border:1px solid white;
}

table.vandalticket th:nth-of-type(1){
    text-align:right;
}

/*SyndicatesNavVisual hover*/
.syndicatenav
{
  width:100%; 
  text-align:center;
}

.syndicatenav .flag
{
    position:relative;
    height:95px; 
    width:60px;
    display:inline-block;
    margin:0 2px;
}

.syndicatenav .flag .text
{
    position:absolute;
    top:30px;
    text-align:center;
    width:100%;
    color:white;
    text-shadow: 0px 0px 2px black;
    opacity:0;
    transition:0.2s;
    font-size:12px;
    line-height:13px;
}

.syndicatenav .flag .text a
{
    color:white;
}

.syndicatenav .flag:hover .text
{
    opacity:1;
}

/* Void drop table nav buttons*/
.voidbuttont
{
    display:inline-block;
    width:230px;
    height:30px;
    border:1px solid white;
    background:rgba(179,196,230,0.2);
    padding:5px;
    font-family:Open Sans;
}

.voidbutton:hover
{
    background:transparent;
    transition:0.1s;
}


/* Void drop table*/
table.voidtable {
    width:100%;
    text-align:left;
    border:1px solid #545658;
    border-collapse: collapse;
    background:rgba(246,246,231,0.2);
}
 
table.voidtable th {
    background-color: #303236;
    color:white;
    width:50%;
    padding:0px 4px;
    border:1px solid #C4C8CE;
}
 
table.voidtable td {
    width:50%;
    border:1px solid #C4C8CE;
    vertical-align: top;
}

/* Custom Mod table*/
.emodtable, .emodlist, .bigmodtable {
    text-align: center;
    border-collapse: collapse;
}
.bigmodtable {
    width:100%;
}
.emodtable th, .bigmodtable th {
    background-color: #2d2d2d;
    border:1px solid #a9b6ce;
    color: #f8f8f8;
    width:65px;
    padding: 2px 5px;
}
.emodtable th a, .bigmodtable th a{
    color: lightblue;
}
.emodtable td, .bigmodtable td {
    background-color: var(--theme-page-background-color--secondary);
    border:1px solid #a9b6ce;
}

/* Custom list table*/
table.listtable {
    width:100%;
    border-collapse: collapse;
    text-align:center;
}
 
table.listtable th {
    background-color: inherit;
}

table.listtable tr:nth-child(odd) td{
    background-color: var(--theme-page-background-color);
}
table.listtable tr:nth-child(even) td{
    background-color: var(--theme-page-background-color--secondary);
}

/* Custom Foundry table*/
table.foundrytable {
    text-align:center;
    max-width:calc(100% - 305px);
    border-collapse: collapse;
}

table.foundrytable th,
table.foundrytable td {
    border:1px solid #a9b6ce;
}
 
table.foundrytable th {
    background-color: #2d2d2d;
    color: #f8f8f8;
}
 
table.foundrytable td {
    background-color: var(--theme-page-background-color--secondary);
}

table.foundrytable th a{
    color:lightblue;
}


/*Custom large table*/
table.tennotable {
    width:100%;
    border-collapse: separate;
    border-spacing: 0px 5px;
    text-align:center;
}
 
table.tennotable th {
    background-color: #2d2d2d;
    color: #f8f8f8;
}
 
table.tennotable td {
    background-color: #F7F5FA;
    background-color: rgba(247,245,250,0.7);
}

table.tennotable .chevron {
    border-top-color: #fff !important;
}
table.tennotable .chevron:first-child {
    border-color: transparent transparent #fff !important;
}

/* TennoScript */
.tennoscript_S
{
    display:inline-block;
    margin:1px;
}
 
.tennoscript_C {
    display:inline-block;
    width:75px;
    margin:1px;
    transform:rotate(25deg) translateY(-25px);
    transform-origin:bottom left;
    margin-right:-16px;
}
 
.tennoscript_V {
    display:inline-block;
    width:50px;
    text-align:right;
    margin:1px;
    transform:rotate(25deg) translateX(-45px) translateY(0px);
    transform-origin:bottom right;
    margin-right:-55px;
}

.tennoscript_SPeriod {
    display:inline-block;
    margin:1px;
    margin-right:-17px
}
 
.tennoscript_EPeriod {
    display:inline-block;
    margin:1px;
    transform: translateX(34px);
    transform-origin:bottom left;
    margin-right:-17px
}

/* drop down menu css */
.custom-dropdown {
    padding: 1px 8px;
}
.custom-dropdown > :first-child:after {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D");
    border-color: white transparent transparent;
    border-style: solid;
    border-width: 4px;
    content: "";
    display: inline-block;
    height: 1px;
    margin-left: 4px;
    margin-top: 2px;
    position: relative;
    vertical-align: middle;
    width: 1px;
}
.custom-dropdown:hover {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: -1px;
    padding-bottom: 2px;
}
.custom-dropdown ul {
    list-style: none outside none;
    min-width: 100%;
    top: 23px;
}
.custom-dropdown:hover ul {
    display: block;
}
.custom-dropdown li a {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
}
/* end dropdown menu css */

/* Tabber styling */
/* More info: https://community.fandom.com/wiki/Help:Tabber#Styling */
.tabberlive {
    width: auto;
    overflow: hidden;
}
.tabberlive > .tabbertab {
    /*padding: 0 7px;*/
    border: #878894 solid 1px;
    /*background: rgba(255,255,255,0.5);*/
}
/*.tabberlive > .tabbertab p {*/
/*    margin:0;*/
/*}*/
.tabber-borderless .tabberlive > .tabbertab {
    border: none;
	padding:0;
}
.tabberlive > .tabbernav {
    line-height: 30px;
    background-color: #2a2a31;
    padding: 0 8px;
    border: none;
    text-align: center;
    color: white;
    font-family: "Roboto";
    font-weight: normal;
    text-transform: uppercase;
}
.tabberlive > .tabbernav > li {
    padding-top: 0;
}
.tabberlive > .tabbernav > li > a {
    border: none;
    background: none;
    text-decoration: none;
    color: white; 
}
.tabberlive > .tabbernav > li > a:link {
    color: white; 
}
.tabberlive > .tabbernav > li > a:hover {
    background-color:inherit;
    padding-top: 8px;
    padding-bottom: 6px;
    border-bottom: #bcbcc5 solid 2px;
}
.tabberlive > .tabbernav > li.tabberactive > a {
    background-color: #bcbcc5;
    color: #2a2a31;
    border-bottom: none;
    padding:8px 0.5em 8px 0.5em;
}
.tabberlive > .tabbernav > li.tabberactive > a:hover {
    border-bottom: none;
    color: #2a2a31;
    background-color: #bcbcc5;
}

/* MBox START */
.mbox {
	max-width: 97%;
	width: 80%;
	display: flex;
	position: relative;
	color: var(--theme-page-text-color);
	background-color: var(--theme-page-background-color--secondary);
	border-left: 10px solid #1e90ff;
	border-bottom-right-radius: 15px;
	box-shadow: 2px 2px 5px 0px var(--theme-accent-color);
	margin: 0 auto;
	margin-bottom: 5px;
	min-height: 32px;
}

.mbox.mbox-type-red {
    border-left-color: #ff0000;
}
.mbox.mbox-type-orange {
    border-left-color: #f28500;
}
.mbox.mbox-type-yellow {
    border-left-color: #f4c430;
}
.mbox.mbox-type-green {
    border-left-color: #228b22;
}
.mbox.mbox-type-blue {
    border-left-color: #1e90ff;
}
.mbox.mbox-type-purple {
    border-left-color: #9932cc;
}
.mbox.mbox-type-gray {
    border-left-color: #4d4d4d;
}
.mbox.mbox-type-gold {
	border-left-color: #e4bc53;
}
.mbox.mbox-type-silver {
	border-left-color: #949b9d;
}

.mbox__content {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding-right: 40px;
}

.mbox__content__image {
    display: table-cell;
    width: 40px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.mw-parser-output .floatleft {
	margin: 0 10px 0 0;
}

.mbox__content__wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.mbox__content__header {
	font-size: small;
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}

.mbox__content__text {
	font-size: 16px;
    display: block;
    font-weight: bold;
}

.mbox__content__text__comment {
	font-weight: normal;
    font-size: 16px;
}

.mbox__content__aside {
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    padding-left: 15px;
    border-left: 1px solid var(--theme-page-text-color);
}

.mbox__min {
    position: absolute;
    right: 24px;
    top: 0;
    padding: 0 7px 0 0;
    font-weight: bold;
    font-size: 20px;
    color: var(--theme-page-text-color);
    cursor: pointer;
    transition: all .15s ease-in;
}

.mbox__min:hover {
    color: #1e90ff;
}

.mbox__min:focus {
    outline: 0;
}

.mbox__min:after {
    content: '–';
}

.mw-collapsed + .mbox__min:after {
    content: '+';
}

.mbox__close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 7px 0 0;
    font-size: 24px;
    color: var(--theme-page-text-color);
    cursor: pointer;
    transition: all .15s ease-in;
}

.mbox__close:hover {
    color: #e6173c;
}

.mbox__close:focus {
    outline: 0;
}

@media print { .mbox { display: none; } }    /* no ambox when printing */
/* MBox END */

/* Brizingr5: WEAPONINFOBOX */
.Ibox_Collapsible {
    height: 0px;
    overflow: hidden;
    -moz-transition:height 0.3s;
    -webkit-transition:height 0.3s; /* Safari */
    -o-transition:height 0.3s;
}
/* END Brizingr5: WEAPONINFOBOX */

/* START Brizingr5: text rotate*/
.text_rotate-90 {
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.text_rotate-270 {
    -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg); 
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
/* END Brizingr5: text rotate*/

/* START Email : infobox */
.e_ibox_collapsible {
    display:none;
}
.e_ibox_collapsible>td:nth-child(2) {
    box-shadow:0 0 10px 2px #AAAAAA inset;
}
.e_ibox {
	float:right;
	width:270px;
	background:#E6E6E6;
	border:3px solid #424242;
	border-radius: 4px;
	box-shadow:3px 3px 2px;
	margin:0 0 2em 2em;
	margin-bottom: 10px;
	color:#1C1C1C;
	font-size:11px;
}
.e_ibox  th {
	background-color:#7C7C7C;
	color:#FFFFFF;
	text-align: center;
}
.e_ibox  tr>td:nth-child(1) {
	width:50%;
	background-color:#D8D8D8;
	text-align:right;
	padding:1px 5px;
}
.e_ibox  tr>td:nth-child(2) {
	width:50%;
	text-align:left;
	padding:1px 5px;
}
/* END Email : infobox */

/* toclimit code */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}

/* START HoverImage v2 */
.imgUnder {
    overflow: visible;
    display: inline-block;
    position: relative
}
 
.imgOver {
    display: block;
    visibility: hidden;
    width: inherit;
    height: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.imgUnder:hover .imgOver {
    visibility: visible !important;
}
/* END HoverImage v2 */

/* SeeMore "Magnifying glass" turned to black*/
.seemoreactivity-diff-link {
    color: inherit;
}

/* Hiding Discord widget for anons */
.user-anon #widgetcontainer {
    display: none !important;
}

/* Coloring the text in global collapse/expand buttons */
#collapse-global-hide .wikia-button, #collapse-global-show .wikia-button {
    color: white;
}

/*Main Content shadow*/
.WikiaPage {
   -moz-box-shadow: 0 0 15px #6d6d6d;
   -webkit-box-shadow: 0 0 15px #6d6d6d;
   box-shadow: 0 0 15px #6d6d6d;
}

/*Article H1 headers font*/
#WikiaUserPagesHeader h1,
#WikiaPageHeader h1 {
    font-family: 'Open Sans';
    font-weight: 300;
}

/* Templates */
/** Navbox template **/
.navbox {
     background-color: var(--theme-page-background-color--secondary);
     border-radius: 0px;
     border: 1px solid #CCCCCC;
     box-shadow: none;
     margin-bottom: 10px;
     padding: 0px;
     text-align: center;
     width: 100%;
     background-image:url("https://images.wikia.nocookie.net/__cb20140911231247/warframe/images/0/08/Navboxflower6.png");
     background-position: center bottom;
     background-repeat: no-repeat;
}

.navboxhead {
     background-color: var(--oasis-article-background-color--darken-005);
     color: var(--theme-page-text-color);
     font-size: 14px;
     margin: 0 auto;
     padding: 2px 0;
     text-align: center;
}

.navboxhead a {
     color: var(--theme-link-color);
}

.navboxgroup {
     background-color: var(--oasis-article-background-color--darken-002);
     font-weight: bold;
     text-align: center;
     width: 15%;
}

.navboxfooter {
     background-color: var(--oasis-article-background-color--darken-008);
     color: #000000;
     font-size: 14px;
     margin: 0 auto;
     padding: 2px 0;
     text-align: center;
}

.navboxcell {
    background-color: #9e9e9e1a;
}

/** Navbox-flipped template **/
.navbox-flipped {
     background-color: rgba(255,255,255,0.5);
     border-radius: 0px;
     border: 1px solid #CCCCCC;
     box-shadow: none;
     margin-bottom: 10px;
     padding: 0px;
     text-align: center;
     width: 100%;
     background-image:url("https://images.wikia.nocookie.net/__cb20180119192207/warframe/images/2/2e/Lotus_Icon_edited_f.png");
     background-position: center bottom;
     background-repeat: no-repeat;
}

/*Combo Icon START*/
.CI
{
    white-space: nowrap;
    position:relative;
    top:-4px;
    color:black;
    font-family:Roboto;
    font-weight: bold;
    padding:0.06em 0.7em 0.06em 0.06em;
    font-size:10px;
}
.CI-top-proc
{
    white-space: nowrap;
    position:relative;
    top:2px;
}
.CI-top-proc1
{
    white-space: nowrap;
    position:absolute;
    top:-1.8em;
}
.CI-top-proc2
{
    white-space: nowrap;
    position:absolute;
    top:-1.8em;
    left:11px;
}
.CI-multi
{
    white-space: nowrap;
    position:absolute;
    top:24px;
    left:4px;
}
.CI-multi1
{
    white-space: nowrap;
    position:absolute;
    top:15px;
    left:4px;
}
.CI-multi2
{
    white-space:nowrap;
    position:absolute;
    top:15px;
}
/*CI END*/

/*Combo Icon 2 START*/
.CI2
{
    white-space: nowrap;
    position:relative;
    top:-4px;
    color:black;
    font-family:Roboto;
    font-weight: bold;
    font-size:10px;
}
.CI2-top-proc
{
    white-space: nowrap;
    position:relative;
    top:2px;
}
.CI2-top-proc1
{
    white-space: nowrap;
    position:absolute;
    top:-1.8em; 
}
.CI2-top-proc2
{
    white-space: nowrap;
    position:absolute;
    top:-1.8em; 
}
.CI2-multi
{
    white-space: nowrap;
    position:absolute;
    top:24px;
}
.CI2-multi1
{
    white-space: nowrap;
    position:absolute;
    top:15px;
    left:4px;
}
.CI2-multi2
{
    white-space:nowrap;
    position: absolute;
    top:15px;
}
.CI2-multi3
{
    white-space:nowrap;
    position:absolute;
    top:33px;
}
.CI2-multi4
{
    white-space:nowrap;
    position:absolute;
    top:42px;
}
/*CI2 END*/

/** Infobox template **/
.ibox,
.infobox {
     background-color: var(--template-background-color-1);
     border: 1px solid #CCCCCC;
     color: var(--template-text-color-1);
     float: right;
     font-size: 11px;
     margin: 0px 0px 10px 2em;
     width: 270px;
}
.ibox .name,
.infobox .name {
     background: var(--template-background-color-2);
     color: var(--template-text-color-2);
     font-size: 16px;
     padding: 1em;
     text-align: center;
}
.ibox .image,
.infobox .image {
     height: 200px;
     padding: 0.5em;
     text-align: center;
}
.ibox .category,
.infobox .category {
     background: var(--template-background-color-2);
     color: var(--template-text-color-2);
}
.ibox .category a,
.infobox .category a {
     color:var(var(--template-background-color-2-link));
}
.ibox .left,
.infobox .left {
     font-weight:700;
     background: var(--template-background-color-2);
     color: var(--template-text-color-2);
     text-align: right;
     padding-right: 5px;
}
.ibox .left a,
.infobox .left a {
     font-weight:700;
     color:var(--template-background-color-2-link);
}
.ibox .right,
.infobox .right {
     padding: 1px 5px;
     text-align: left;
     width: 60%;
}

/** Infobox horizontal**/
.ibox-hori {
     background-color: var(--template-background-color-1);
     border: 1px solid #CCCCCC;
     color: var(--template-text-color-1);
     float: left;
     font-size: 11px;
     margin: 0px 0px 10px 2em;
     width: 660px;
}
 
.ibox-hori .name {
     background: var(--template-background-color-2);
     color: var(--template-text-color-2);
     font-size: 16px;
     padding: 3px;
     text-align: center;
}
 
.ibox-hori .image {
     height: 200px;
     padding: 0.5em;
     text-align: center;
}
 
.ibox-hori .category {
     background: var(--template-background-color-2);
     color: var(--template-text-color-2);
}
 
.ibox-hori .category a {
     color:var(--template-background-color-2-link);
}
 
.ibox-hori .left {
     background: var(--template-background-color-2);
     color: var(--template-text-color-2);
     text-align: right;
     padding-right: 5px;
}
 
.ibox-hori .left a {
     color:var(--template-background-color-2-link);
}
 
.ibox-hori .right {
     padding: 1px 5px;
     text-align: left;
     width: 110px;
}

/***** Portable Infobox - styles of old class names ******/
/***** (to be removed ones new class names are released) *****/

.portable-infobox {
    background-color: var(--template-background-color-1);
    border: 1px solid #CCCCCC;
    font-size: 11px;
    width: 268px;
    padding: 0px 0px 5px 0px;
}

.portable-infobox .item-type-key-val {
    box-sizing: border-box;
    display:table;
    width: 100%;
}

/* Limiting the width of the image in ModBox portable infobox to 250px */
.pi-theme-ModBox .pi-image-thumbnail {
    max-width: 250px;
    height: auto;
}

.portable-infobox .portable-infobox-item-label,
.portable-infobox .portable-infobox-item-value {
    display: table-cell !important; /* needed for proper handling of tabber */
    padding-left: 7px;
    font-size: 11px;
}

.portable-infobox .portable-infobox-item-value {
    padding-top: 2px;
}

.tabberlive .tabbertab .portable-infobox h3.portable-infobox-item-label {
    display: table-cell !important; /* needed for proper handling of tabber */
}

.portable-infobox .portable-infobox-item-label {
    padding-left: 10px;
    width: 89px;
    background: var(--template-background-color-2);
    color: var(--template-text-color-2);
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
}

.portable-infobox .portable-infobox-item-label a {
    color: var(--template-background-color-2-link);
}

.portable-infobox .item-type-key-val:not(:last-of-type) {
    border-bottom: 0px;
}

/** Styling section headers **/

.portable-infobox .item-type-header .portable-infobox-secondary-font {
    font-size: 11px;
    padding: 2px;
    color: var(--template-text-color-2);
}

.portable-infobox .portable-infobox-item-margins {
    padding: 2px 4px 0px 4px;
    min-height: 26px;
}

.portable-infobox .item-type-header {
    background-color: var(--template-background-color-2);
    margin: 2px 4px 0px 4px;
    height: 24px;
    text-align: center;
    min-height: 0px;
}

.portable-infobox .item-type-title {
    background-color: var(--template-background-color-2);
    color: var(--template-text-color-2);
    font-size: 16px;
    padding: 1em;
    text-align: center;
    margin: 4px;
}

/***** Portable Infobox - styles for new class names *****/
/***** (changes to be announced soon) *****/

.portable-infobox .pi-data {
    box-sizing: border-box;
    display:table;
    width: 100%;
}

.portable-infobox .pi-data-label,
.portable-infobox .pi-data-value {
    display: table-cell !important; /* needed for proper handling of tabber */
    padding-left: 7px;
    font-size: 11px;
    vertical-align: middle;
}

.portable-infobox .pi-data-value {
    padding-top: 2px;
}

.tabberlive .tabbertab .portable-infobox h3.pi-data-label {
    display: table-cell !important; /* needed for proper handling of tabber */
}

.portable-infobox .pi-data-label {
    padding-left: 9px;
    width: 90px;
    background: var(--template-background-color-2);
    color: var(--template-text-color-2);
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
}

.pi-theme-ModBox .pi-data-label  {
    width: 88px;
}

.portable-infobox .pi-data-label a {
    color: var(--template-background-color-2-link);
}

.portable-infobox .pi-item:not(:last-of-type) {
    border-bottom: 0px;
}
/*Removes box when infobox slider is in focus*/
#ehp_slider:focus {
    outline: 0 !important;
}

/** Styling Syndicates themes **/
.pi-theme-steel .pi-image {
    background-color:#2C3F46;
}
.pi-theme-hexis .pi-image {
    background-color:#374045;
}
.pi-theme-suda .pi-image {
    background-color:#3D375D;
}
.pi-theme-perrin .pi-image {
    background-color:#3D4963;
}
.pi-theme-redveil .pi-image {
    background-color:#3D1839;
}
.pi-theme-loka .pi-image {
    background-color:#2A3C2E;
}
.pi-theme-conclave .pi-image {
    background-color:black;
}
.pi-theme-simaris .pi-image {
    background-color:#5F3C0D;
}
.pi-theme-ostron .pi-image {
    background-color:#B74624;
}
.pi-theme-quills .pi-image {
    background-color:#F7FACB;
}
.pi-theme-solaris .pi-image {
    background-color:#674833;
}
.pi-theme-vox .pi-image {
    background-color:#F2E5A7;
}
.pi-theme-ventkids .pi-image {
    background-color:#BC82F9;
}
.pi-theme-entrati .pi-image {
    background-color:#494E5A;
}
.pi-theme-necraloid .pi-image {
    background-color:#333333;
}
.pi-theme-operation .pi-image {
    background-color:#695573;
}
.pi-theme-nightwave .pi-image {
    background-color:#79252F;
}

/** Styling section headers **/

.portable-infobox .pi-header.pi-secondary-font {
    font-size: 11px;
    padding: 2px;
    color: var(--template-text-color-2);
}

.portable-infobox .pi-item-spacing {
    padding: 2px 4px 0px 4px;
    min-height: 26px;
}

.portable-infobox .pi-header {
    background-color: var(--template-background-color-2);
    margin: 2px 4px 0px 4px;
    text-align: center;
    min-height: 0px;
}

.portable-infobox .pi-title {
    background-color: var(--template-background-color-2);
    color: var(--template-text-color-2);
    font-size: 16px;
    padding: 1em;
    text-align: center;
    margin: 4px;
}

/** Styling image tabbers **/

.portable-infobox .pi-image-collection-tabs li {
    background: transparent;
    border: 1px solid transparent;
}
.pi-image-collection-tab-content {
    background-color:transparent;
}
ul.pi-image-collection-tabs {
    font-family:Roboto;
    font-weight:300;
    font-size:15px;
    margin:5px 0;	/*fix UCP off-centering tabs*/
}

ul.pi-image-collection-tabs li.current {
    font-weight:300;
    color:#3366FF;
    background:transparent;
}

/*Make all h3 headers bold*/
.WikiaArticle h3 .mw-headline {
    font-weight:bold;
}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */
h2 {
   margin-top: 10px;
}
.toc {
   margin-top: 10px;
}

/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}

div.thumbinner {
   background: inherit;
   border: none;
   color: inherit;
}
#article div.thumb {
   color:inherit;
}

.htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-ready {
visibility:hidden;
display:block;
z-index:999;
}

/*White space fix (http://community.wikia.com/wiki/Forum:Annoying_margin_before_indent-via-colon)*/
.WikiaArticle dt { font-size: 14px; }
.WikiaArticle dl { margin: 0; }
dd > dl { margin-top: 5px !important; }
p + ul { margin-top: -5px !important; }

/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0em; }
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
.hoverbox .hoveritem.selected { display:inline-block; }
.hoverbox:hover .hoveritem { display:inline-block; }
.hoverbox:hover .hoveritem.selected { display:none; }
/* Second set with display:block when shown */
.hoverbox .hoveritem2 { display:none; margin:0em; padding:0em; }
.hoverbox .hoveritem2.selected { display:block; }
.hoverbox:hover .hoveritem2 { display:block; }
.hoverbox:hover .hoveritem2.selected { display:none; }


/* Special TOC Styling -animanga.wikia.com/wiki/User:Dantman */
.toc-horiz #toc, .toc-horiz #toc ul { width: 100%; }
.toc-horiz #toc li { display: inline; margin-right: 10px; }
.toc-clear #toc td { background: transparent !important; border: 0px; }
.toc-clear #toc { background: transparent; border: 0px; }

/*Warframe Nav Box START*/
.WarframeNavBox
{
    position: relative;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 2px;
    height: 65px;
    width: 64px;
    z-index: 0;
}
.WarframeNavBoxText
{
    position:absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    font-size: 11px;
    background: rgba(0,0,0,0.6);
    padding: 0 2px;
    line-height: 15px;
}
.WarframeNavBoxImage
{
    position: absolute;
    top: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    opacity: 1;
    z-index: 1;
}
.WarframeNavBox:hover .WarframeNavBoxImage
{
    opacity: 0;
}
 
/*Fade START*/
.WarframeNavBoxImage2
{
    position: absolute;
    top: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    opacity: 0;
    z-index: 2;
}
.WarframeNavBox:hover .WarframeNavBoxImage2
{
    opacity: 1;
}

/* New T:Ability Stuff START*/
    /* Button-c START */
.button-c {
    cursor: pointer;
    width: 100%;
    height: 32px;
    background-color: #2a2a31;
    text-align: center;
    padding: 0;
    border: none;
}
.button-c:hover {
    background: linear-gradient(#2b2a32, #212028);
}
.button-c:focus {
    outline: 0;
}
    /* Button-c END */
    
	/* Rotate-c START */
.rotate-c,
.rotate2-c {
    padding: 5px 0 7px 0;
}
.rotate-c img,
.rotate2-c img {
    content:url("https://static.wikia.nocookie.net/warframe/images/3/38/Expand.svg/revision/latest?format=original");
    transition: 0.3s;
}
.rotate-c img {
    transform: rotate(180deg);
}
.rotate2-c img {
    transform: rotate(360deg);
}
    /* Rotate-c END */
/* New T:Ability Stuff END*/

/* a couple of UCP fixes */
.new {
    cursor: pointer;
}

a.mw-selflink {
    font-weight: bold;
    color: inherit;
    pointer-events: none;
}

.mw-collapsible-toggle-default:before, 
.mw-collapsible-toggle-default:after { 
   content: ''; 
} 

.mw-collapsible-text { 
   color: white !important; 
   font-size: 13px; } 
.mw-collapsible-text:hover { 
   color: white !important; 
   text-decoration: none !important; 
   transition: none !important; 
} 

.mw-collapsible-toggle-default, 
.wikia-menu-button, .wikia-button, 
.button { 
   padding: 0 5px 0 5px; 
   cursor: pointer; 
   background: linear-gradient(#4c4c4c, #252525); 
   display: inline-block; 
   margin: 2px; 
   line-height: 20px; 
   color: white; 
   font-size: 13px; 
   border-radius: 3px; 
} 

.mw-collapsible-toggle-default:hover, 
.wikia-menu-button:hover, 
.wikia-button:hover, 
.button:hover { 
   color: white; 
   text-decoration: none !important; 
} 

.mw-collapsible-toggle-default:active, 
.wikia-menu-button:active, 
.wikia-button:active, 
.button:active { 
   color: white; 
   background: linear-gradient(#252525, #4c4c4c); 
} 

.mw-collapsible-toggle-default:focus, 
.wikia-menu-button:focus, 
.wikia-button:focus, 
.button:focus { 
   color: white;    outline: 0 !important; }
   
/* Math image use parent bg and higher quality rendering (only for webkit as change made it worse for Firefox) */
.ooui-theme-fandom .mwe-math-fallback-image-inline {
    background-color: inherit;
	image-rendering: -webkit-optimize-contrast;
}

.plainlinks a.external::after { display: none; }

/*.wikia-slideshow-wrapper, .wikia-slideshow-images-wrapper .wikia-slideshow-images {    width: 270px !important; }*/
/* UCP fixes END */

/* User: page header customization */
#userProfileApp {
	background-color:transparent;
	background-image:url("https://images.wikia.nocookie.net/__cb20140911231247/warframe/images/0/08/Navboxflower6.png");
	background-position: 130% bottom;
	background-repeat: no-repeat;
	background-size: 40%;
}

/* Article top dropdown and bottom interwiki language links customization (+flags)*/
.WikiaArticleInterlang h3 {
	font-size:18px;
}
.WikiaArticleInterlang li,
.WikiaArticleInterlang li:first-child {
	border:1px solid lightgrey;
	background: var(--theme-page-background-color--secondary);
	border-radius:4px;
	padding-left:5px;
	font-size:15px;
}
.page-header__languages span[data-tracking="interwiki-dropdown"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/f/fa/Flag-English.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="de"]:before,
.page-header__languages li a[data-tracking="top-de"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/e/ef/Mainpage-Flag-Germany.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="es"]:before,
.page-header__languages li a[data-tracking="top-es"]:before  {
	content: url('https://static.wikia.nocookie.net/warframe/images/1/1f/Mainpage-Flag-Spain.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="fr"]:before,
.page-header__languages li a[data-tracking="top-fr"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/5/5e/Mainpage-Flag-France.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="hu"]:before,
.page-header__languages li a[data-tracking="top-hu"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/0/01/Mainpage-Flag-Hungary.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="it"]:before,
.page-header__languages li a[data-tracking="top-it"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/a/a8/Mainpage-Flag-Italy.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="ja"]:before,
.page-header__languages li a[data-tracking="top-ja"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/c/c9/Flag-Japan.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="ko"]:before,
.page-header__languages li a[data-tracking="top-ko"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/7/78/Flag-Korea.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="nl"]:before,
.page-header__languages li a[data-tracking="top-nl"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/3/35/Flag-Nederlands.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="pl"]:before,
.page-header__languages li a[data-tracking="top-pl"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/5/52/Mainpage-Flag-Poland.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="pt"]:before,
.page-header__languages li a[data-tracking="top-pt"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/f/fe/Mainpage-Flag-Portugal.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="ru"]:before,
.page-header__languages li a[data-tracking="top-ru"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/8/8d/Mainpage-Flag-Russia.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="tr"]:before,
.page-header__languages li a[data-tracking="top-tr"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/1/1d/Mainpage-Flag-Turkey.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="uk"]:before,
.page-header__languages li a[data-tracking="top-uk"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/1/16/Flag-Ukraine.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="vi"]:before,
.page-header__languages li a[data-tracking="top-vi"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/6/6b/Flag-Vietnam.png/revision/latest') " ";
}
.WikiaArticleInterlang li a[data-tracking="zh"]:before,
.page-header__languages li a[data-tracking="top-zh"]:before {
	content: url('https://static.wikia.nocookie.net/warframe/images/1/12/Flag-Taiwan.png/revision/latest') " 繁體";
}
.pi-europa .pi-horizontal-group-no-labels .pi-data-value {
    padding: 0;
    height: 30px;
    text-align: center;
}
Community content is available under CC-BY-SA unless otherwise noted.
More Fandoms
Advertisement