MediaWiki:Common.css

/*Homepage Buttons effects*/
.HomeNav {
    display:inline-block;
    position:relative;
    width:112px;
    transform: skew(30deg);
    text-align:center;
    background:#D50F04;
    padding:5px;
    text-transform:uppercase;
    font-size:14px;
    margin:2px;
}
 
.HomeNav span {
    display:inline-block;
    transform: skew(-30deg);
}
 
.HomeNav span a {
    font-size:14px;
    font-weight:bold;
    font-family:'Open Sans';
    color:white;
    text-decoration:none;
}

.HomeNav .trapzoidleft {
    position:absolute;
    top:0;
    left:-10px;
    height:100%;
    width:30px;
    background:#D50F04;
    transform: skew(-30deg);
}

.HomeNav .trapzoidright {
    position:absolute;
    top:0;
    right:-10px;
    height:100%; 
    width:30px;
    background:#D50F04;
    transform: skew(-30deg);
}

.HomeNav:hover span a {
    color:black;   
}

.HomeTile
{
    position:relative;
    height: 106px;
    width: 106px;
    background: -webkit-radial-gradient(#727272, #151515); 
    background: -o-radial-gradient(#727272, #151515); 
    background: -moz-radial-gradient(#727272, #151515); 
    background: radial-gradient(#727272, #151515); 
    z-index:0;
}
 
.HomeTilelink
{
    position:absolute;
    bottom:0;
    width:100%;
    background-color:rgba(0,0,0,0.6);
    text-align:center;
    text-transform:uppercase;
    color:white;
    text-shadow: 0 0 2px;
    font-size:12px;
    z-index:4;
}
 
.HomeTilelink a
{
    color:white;
    text-decoration: none;
}
 
.HomeTileimage,
.HomeTileimage-overlap
{
    position:absolute;
    top:0px;
    transition:0.3s;
    -webkit-transition: 0.3s; 
    -moz-transition: 0.3s; 
    -o-transition: 0.3s; 
    opacity:1;
    z-index:1;
}
 
.HomeTileimage2
{
    position:absolute;
    top:0px;
    transition:0.3s;
    -webkit-transition: 0.3s; 
    -moz-transition: 0.3s; 
    -o-transition: 0.3s; 
    opacity:0;
    z-index:2;
}
 
.HomeTile:hover .HomeTileimage
{
    opacity:0;
}
 
.HomeTile:hover .HomeTileimage2
{
    opacity:1;
}

/* Background for Template:Codex*/
.codexflower {
    background-color:#2A2A2A;
    background-image:url("http://img1.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("http://img2.wikia.nocookie.net/__cb20150410143605/warframe/images/e/ef/Synthesis_Flower.png");
    background-position: left;
    background-repeat: no-repeat;
}

/* tiles in Main:WARFRAME page */
.guidetile {
    width:100%;
}
.guidetile td {
    height:100px;
    background:#B6B8CA;
    background:rgba(182, 184, 202, 0.3);
}

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

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

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

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

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

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

/* Void drop table nav buttons*/
.voidbutton
{
    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: #F0ECF7;
    background-color: rgba(240,236,247,0.6);
    border:1px solid #a9b6ce;
}

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

table.listtable tr:nth-child(odd) td{
    background-color: #F0ECF7;
    background-color: rgba(240,236,247,0.6);
}
table.listtable tr:nth-child(even) td{
    background-color: #D6CFE1;
    background-color: rgba(214,207,225,0.6);
}

/* 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: #F0ECF7;
    background-color: rgba(240,236,247,0.6);
}

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

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

/* Masthead (sysop etc) tags on profile -> cyan (credits goes to User:Yatalu)*/
.masthead-info span.tag a {
    color: cyan;
}
/* Masthead (sysop etc) tags on profile -> cyan END*/

/* Tags extention */
a.tag {
	color: inherit;
}

.tag img {
    height: 25px;
    width: auto;
    vertical-align: middle;
}

.i18ndoc {
    background-color: #FFF77D;
    border-bottom: 1px solid lightgrey;
    font-family: monospace;
    font-size: 8pt;
    height: 140px;
    overflow: auto;
    padding: 3px;
}

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

/******************/
/** Blog title size **/
/******************/

.WikiaBlogListing h1 {
    font-size: 12px;
}

/* TabView extension */
.yui-content {
    background-color: #EDF5FF;
    /*border: solid 1px;*/
    padding: 0.25em 0.5em;
}
 
.yui-nav {
    border-color:#EDF5FF;
    border-style:solid;
    border-width:0pt 0pt 5px;
    margin: 0px !important;
}
 
 
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
    border-color:#EDF5FF;
    border-style:solid;
    border-width:0pt 0pt 5px;
}
 
.yui-navset .yui-nav .selected {
    background-color: #EDF5FF;
}
 
.yui-navset .yui-nav li {
    padding-left: 10px;
    padding-right: 10px;
}

/* enable headers in tabber */
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { 
    display:block !important; 
}

/* Custom Tabber style*/
 
.WikiaArticle ul.tabbernav,
.WikiaArticle .tabbertab-borderless ul.tabbernav,
.WikiaArticle .tabbertab-bordered ul.tabbernav
{
    background-color: #2c3e45;
    margin-top: -15px;
    padding: 8px;
    border: none;
    text-align: center;
    color: #FFF;
    font-weight:normal;
    text-transform:uppercase;
}
 
.WikiaArticle ul.tabbernav li a,
.WikiaArticle .tabbertab-borderless ul.tabbernav li a,
.WikiaArticle .tabbertab-bordered ul.tabbernav li a
{
    border: none;
    background: none;
    text-decoration: none;
}
 
.WikiaArticle ul.tabbernav li a:link,
.WikiaArticle .tabbertab-borderless ul.tabbernav li a:link,
.WikiaArticle .tabbertab-bordered ul.tabbernav li a:link
{
    color: white; 
}
 
.WikiaArticle ul.tabbernav li a:hover,
.WikiaArticle .tabbertab-borderless ul.tabbernav li a:hover,
.WikiaArticle .tabbertab-bordered ul.tabbernav li a:hover
{
    background-color:transparent;
}
 
.WikiaArticle ul.tabbernav li.tabberactive a,
.WikiaArticle .tabbertab-borderless ul.tabbernav li.tabberactive a,
.WikiaArticle .tabbertab-bordered ul.tabbernav li.tabberactive a
{
    border-bottom: none;
    background-color: #517783;
    padding:8px;
}
 
.WikiaArticle .tabberlive,
.WikiaArticle .tabbertab-borderless .tabberlive,
.WikiaArticle .tabbertab-bordered .tabberlive 
{
    width: 100%;
}
 
.WikiaArticle .tabbertab-borderless .tabberlive .tabbertab 
{
    border: none;
    padding: 0px;
}

.WikiaArticle .tabberlive .tabbertab,
.WikiaArticle .tabbertab-bordered .tabberlive .tabbertab 
{
    border: #878894 solid 1px;
}

.WikiaArticle ul.tabbernav li.tabberactive a:hover {
    border-bottom: none;
    background-color: #517783;
    padding:8px;
    color: white;
}


/* === Template:Ambox designs === */

/* Ambox design */
.ambox {
    font-size: 95%;
    width: 80%;
    padding: 25px;
    margin: 0 auto;
    border-left: 10px solid #1e90ff;
    border-collapse: collapse;
    background-color: rgba(248,248,253,0.5);
}

/* Ambox colours */
.ambox-blue {
    border-left: 10px solid #1e90ff;    /* Blue (notice) */
}
.ambox-red {
    border-left: 10px solid #ff0000;    /* Red (delete/serious) */
}
.ambox-orange {
    border-left: 10px solid #f28500;    /* Orange (content) */
}
.ambox-yellow {
    border-left: 10px solid #f4c430;    /* Yellow (style) */
}
.ambox-purple {
    border-left: 10px solid #9932cc;    /* Purple (merge) */
}
.ambox-gray {
    border-left: 10px solid #4d4d4d;    /* Gray (protection) */
}
.ambox-green {
    border-left: 10px solid #228b22;    /* Green */
}
.ambox-none {
    border-left: 0;
}
/* Ambox small text */
.ambox-smalltext {
    font-size: smaller;
    margin-top:0.5em;
    margin-left:0.8em;
}

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

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

/* Brizingr5: WEAPONINFOBOX */
.Infobox_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 */
.einfobox_collapsible {
    display:none;
}
.einfobox_collapsible>td:nth-child(2) {
    box-shadow:0 0 10px 2px #AAAAAA inset;
}
.einfobox {
	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;
}
.einfobox  th {
	background-color:#7C7C7C;
	color:#FFFFFF;
	text-align: center;
}
.einfobox  tr>td:nth-child(1) {
	width:50%;
	background-color:#D8D8D8;
	text-align:right;
	padding:1px 5px;
}
.einfobox  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 Twilight053: chatbg */
/*
.Chat {
	background-size: cover;
	background-image: url("http://img3.wikia.nocookie.net/__cb20150420151623/warframe/images/2/26/ChatBackground3.png");
}
.Chat .time {
    color:#3A3A3A;
}
.Chat .inline-alert {
    color:#3A3A3A;
}
.Chat ul .you {
	background: none;
}
*/
/* END Twilight053: chatbg */

/* START Twilight053: gradientpoll */
.pollAnswerVotes div {
    background: transparent linear-gradient(to right, #C7D8DF 10%, #749FB0 100%) repeat scroll 0% 0% !important;
    width: 97%;
}

.pollAnswerVotes span {
    top: -5px
}
/* END Twilight053: gradientpoll */

/*Anon comments color*/
.comments .speech-bubble-message .edited-by a[href^="/wiki/Special:Contributions/"]
{
    color:#506983;
}

/* Admin Comment Highlighting - Background */
.comments li[data-user="Tnargraef"] blockquote,
.comments li[data-user="Juper0"] blockquote,
.comments li[data-user="Imargam"] blockquote,
.comments li[data-user="Raigir"] blockquote,
.comments li[data-user="Flaicher"] blockquote,
.comments li[data-user="Noctuaa"] blockquote,
.comments li[data-user="ChickenBar"] blockquote,
.comments li[data-user="Emailformygames"] blockquote,
.comments li[data-user="Twilight053"] blockquote,
.comments li[data-user="Brizingr5"] blockquote,
.comments li[data-user="Darthmufin"] blockquote,
.comments li[data-user="Voqualin"] blockquote,
.comments li[data-user="Rebulast"] blockquote,
.comments li[data-user="SonyaUliana"] blockquote,
.comments li[data-user="USouLz"] blockquote,
.comments li[data-user="6079Smith"] blockquote
{
	background:#d2f0f4 !important;
}

/* Admin Comment Highlighting - Pointer */
.comments li[data-user="Tnargraef"] blockquote:after,
.comments li[data-user="Juper0"] blockquote:after,
.comments li[data-user="Imargam"] blockquote:after,
.comments li[data-user="Raigir"] blockquote:after,
.comments li[data-user="Flaicher"] blockquote:after,
.comments li[data-user="Noctuaa"] blockquote:after,
.comments li[data-user="ChickenBar"] blockquote:after,
.comments li[data-user="Emailformygames"] blockquote:after,
.comments li[data-user="Twilight053"] blockquote:after,
.comments li[data-user="Brizingr5"] blockquote:after,
.comments li[data-user="Darthmufin"] blockquote:after,
.comments li[data-user="Voqualin"] blockquote:after,
.comments li[data-user="Rebulast"] blockquote:after,
.comments li[data-user="SonyaUliana"] blockquote:after,
.comments li[data-user="USouLz"] blockquote:after,
.comments li[data-user="6079Smith"] blockquote:after
{
	border-color:transparent #d2f0f4 #d2f0f4 transparent !important;
}

/* Admin Comment Highlighting - ?? */
.comments li[data-user="Tnargraef"] blockquote div,
.comments li[data-user="Juper0"] blockquote div,
.comments li[data-user="Imargam"] blockquote div,
.comments li[data-user="Raigir"] blockquote div,
.comments li[data-user="Flaicher"] blockquote div,
.comments li[daata-user="Noctuaa"] blockquote div,
.comments li[data-user="ChickenBar"] blockquote div,
.comments li[data-user="Emailformygames"] blockquote div,
.comments li[data-user="Twilight053"] blockquote div,
.comments li[data-user="Brizingr5"] blockquote div,
.comments li[data-user="Darthmufin"] blockquote div,
.comments li[data-user="Voqualin"] blockquote div,
.comments li[data-user="Rebulast"] blockquote div,
.comments li[data-user="SonyaUliana"] blockquote div,
.comments li[data-user="USouLz"] blockquote div,
.comments li[data-user="6079Smith"] blockquote div
{
	background:transparent !important;
}

/* Admin Comment Highlighting - Tag */
.comments li[data-user="Tnargraef"] .edited-by:after,
.comments li[data-user="Juper0"] .edited-by:after,
.comments li[data-user="Imargam"] .edited-by:after,
.comments li[data-user="Raigir"] .edited-by:after,
.comments li[data-user="Flaicher"] .edited-by:after,
.comments li[data-user="Noctuaa"] .edited-by:after,
.comments li[data-user="ChickenBar"] .edited-by:after,
.comments li[data-user="Emailformygames"] .edited-by:after,
.comments li[data-user="Twilight053"] .edited-by:after,
.comments li[data-user="Brizingr5"] .edited-by:after,
.comments li[data-user="Darthmufin"] .edited-by:after,
.comments li[data-user="Voqualin"] .edited-by:after,
.comments li[data-user="Rebulast"] .edited-by:after,
.comments li[data-user="SonyaUliana"] .edited-by:after,
.comments li[data-user="USouLz"] .edited-by:after,
.comments li[data-user="6079Smith"] .edited-by:after
{ 
    content: "Administrator"; color: #FFF; background-color: #333; border-radius: 6px; padding: 0 5px; margin-left: 3px; 
}

/*Moderator comment highlighting*/
.comments li[data-user="Blizt1998"] blockquote,
.comments li[data-user="Gat235"] blockquote,
.comments li[data-user="Hilycker"] blockquote,
.comments li[data-user="Jeloxale"] blockquote,
.comments li[data-user="Kselia"] blockquote,
.comments li[data-user="Misdirected"] blockquote,
.comments li[data-user="Protonus"] blockquote,
.comments li[data-user="Starfreak911"] blockquote,
.comments li[data-user="ArcticEngie"] blockquote,
.comments li[data-user="Grunni"] blockquote,
.comments li[data-user="94Connor949"] blockquote
{
	background:#c5eec5 !important;
}
.comments li[data-user="Blizt1998"] blockquote:after,
.comments li[data-user="Gat235"] blockquote:after,
.comments li[data-user="Hilycker"] blockquote:after,
.comments li[data-user="Jeloxale"] blockquote:after,
.comments li[data-user="Kselia"] blockquote:after,
.comments li[data-user="Misdirected"] blockquote:after,
.comments li[data-user="Protonus"] blockquote:after,
.comments li[data-user="Starfreak911"] blockquote:after,
.comments li[data-user="ArcticEngie"] blockquote:after,
.comments li[data-user="Grunni"] blockquote:after,
.comments li[data-user="94Connor949"] blockquote:after
{
	border-color:transparent #c5eec5 #c5eec5 transparent !important;
}
.comments li[data-user="Blizt1998"] blockquote div,
.comments li[data-user="Gat235"] blockquote div,
.comments li[data-user="Hilycker"] blockquote div,
.comments li[data-user="Jeloxale"] blockquote div,
.comments li[data-user="Kselia"] blockquote div,
.comments li[data-user="Misdirected"] blockquote div,
.comments li[data-user="Protonus"] blockquote div,
.comments li[data-user="Starfreak911"] blockquote div,
.comments li[data-user="ArcticEngie"] blockquote div,
.comments li[data-user="Grunni"] blockquote div,
.comments li[data-user="94Connor949"] blockquote div
{
	background:transparent !important;
}
.comments li[data-user="Blizt1998"] .edited-by:after,
.comments li[data-user="Gat235"] .edited-by:after,
.comments li[data-user="Hilycker"] .edited-by:after,
.comments li[data-user="Jeloxale"] .edited-by:after,
.comments li[data-user="Kselia"] .edited-by:after,
.comments li[data-user="Misdirected"] .edited-by:after,
.comments li[data-user="Protonus"] .edited-by:after,
.comments li[data-user="Starfreak911"] .edited-by:after,
.comments li[data-user="ArcticEngie"] .edited-by:after,
.comments li[data-user="Grunni"] .edited-by:after,
.comments li[data-user="94Connor949"] .edited-by:after
{ 
    content: "Moderator"; color: #FFF; background-color: #333; border-radius: 6px; padding: 0 5px; margin-left: 3px; 
}