MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

/*Main Content shadow*/ .WikiaPage { -moz-box-shadow: 0 0 15px #6d6d6d; -webkit-box-shadow: 0 0 15px #6d6d6d; box-shadow: 0 0 15px #6d6d6d; } /*April Fools content http://i.imgur.com/srIx0Tx.png */ .WikiaArticle { font-family: "Comic Sans MS", cursive, sans-serif !important; }

/*Article H1 headers font*/ font-family: Papyrus, fantasy; font-weight: 300; }
 * 1) WikiaUserPagesHeader h1,
 * 2) WikiaPageHeader h1 {

/* Templates */ /** Navbox template **/ .navbox { 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("http://img1.wikia.nocookie.net/__cb20140911231247/warframe/images/0/08/Navboxflower6.png"); background-position: center bottom; background-repeat: no-repeat; }

.navboxhead { background-color: #D8D8D8; color: #000000; font-size: 14px; margin: 0 auto; padding: 2px 0; text-align: center; }

.navboxhead a { color: #3A3A3A; }

.navboxgroup { background-color: #D8D8D8; font-weight: bold; text-align: center; width: 15%; }

.navboxfooter { background-color: #D8D8D8; color: #000000; font-size: 14px; margin: 0 auto; padding: 2px 0; text-align: center; }

/** Infobox template **/ .infobox { background-color: #d4d4d4; border: 1px solid #CCCCCC; color: #1C1C1C; float: right; font-size: 11px; margin: 0px 0px 10px 2em; width: 270px; } .infobox .name { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; font-size: 16px; padding: 1em; text-align: center; } .infobox .image { height: 200px; padding: 0.5em; text-align: center; } .infobox .category { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; }

.infobox .category a { color:#afd8ff; }

.infobox .left { font-weight:700; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; text-align: right; padding-right: 5px; }

.infobox .left a { font-weight:700; color:#afd8ff; }

.infobox .right { padding: 1px 5px; text-align: left; width: 60%; }

/** Infobox horizontal**/ .infobox-hori { background-color: #d4d4d4; border: 1px solid #CCCCCC; color: #1C1C1C; float: left; font-size: 11px; margin: 0px 0px 10px 2em; width: 660px; } .infobox-hori .name { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; font-size: 16px; padding: 3px; text-align: center; } .infobox-hori .image { height: 200px; padding: 0.5em; text-align: center; } .infobox-hori .category { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; } .infobox-hori .category a { color:#afd8ff; } .infobox-hori .left { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; text-align: right; padding-right: 5px; } .infobox-hori .left a { color:#afd8ff; } .infobox-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: #d4d4d4; border: 1px solid #CCCCCC; color: #1C1C1C; font-size: 11px; width: 268px; padding: 0px 0px 5px 0px; }

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

.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: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; text-align: right; padding-right: 5px; vertical-align: middle; }

.portable-infobox .portable-infobox-item-label a { color: #afd8ff; }

.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: #eeeeee; }

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

.portable-infobox .item-type-header { background-color: #3A3A3A; margin: 2px 4px 0px 4px; height: 24px; text-align: center; min-height: 0px; }

.portable-infobox .item-type-title { background-color: #3A3A3A; color: #eeeeee; font-size: 16px; padding: 1em; text-align: center; margin: 4px; }

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

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

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

.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: 10px; width: 89px; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; text-align: right; padding-right: 5px; vertical-align: middle; }

.portable-infobox .pi-data-label a { color: #afd8ff; }

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

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

/** Styling section headers **/

.portable-infobox .pi-header.pi-secondary-font { font-size: 11px; padding: 2px; color: #eeeeee; }

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

.portable-infobox .pi-header { background-color: #3A3A3A; margin: 2px 4px 0px 4px; height: 24px; text-align: center; min-height: 0px; }

.portable-infobox .pi-title { background-color: #3A3A3A; color: #eeeeee; 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; }

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

/* Main page */ /** General **/ .mainpage-header { position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: black; padding-top: 14px; padding-left: 22px; height: 54px; width: 97.5%; width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px); width: -o-calc(100% - 35px); width: calc(100% - 35px); margin-bottom: 5px; margin-top: 19px; font-size:25px; color:white; font-family:'Open Sans'; font-weight:700; }

.mainpage-header-right { position:absolute; top:0px; right:-20px; height:100%; width:50px; background:black; transform: skew(30deg); }

.mainpage-header-sub { font-size:25px; color:#D50F04; font-family:'Open Sans'; font-weight:700; }

.mainpage-header-news { margin-bottom: 10px; font-size:25px; color:#D50F04; font-family:'Open Sans'; font-weight:700; }

/** Content box **/ .mainpage-box-content { margin-top: -3px; }

.mainpage-box-content .buttons { text-align: center; }

.mainpage-box-content .buttons-top { margin-bottom: 15px; }

.mainpage-box-content .buttons-bottom { margin-top: 11px; }

.mainpage-box-content .button-item { display: inline-block; }

.mainpage-box-content .content { margin: 0px auto; text-align: center; width: 670px; }

.mainpage-box-content .content-item { display: inline-block; margin-bottom: 4px; }

/** Featured Videos box **/ .mainpage-box-featuredvideos { }

/** Blogs box **/ .mainpage-box-blogs { margin-bottom: 10px; }

.mainpage-box-blogs .wikia-button, .mainpage-box-blogs .more { display: none; }

.mainpage-box-blogs .WikiaBlogListing .WikiaBlogListingPost .author-details h2 { font-size:1.1em; line-height:16px }

.mainpage-box-blogs .recent { float: left; margin-top: 7px; width: 50%; }

.mainpage-box-blogs .popular { float: right; margin-top: 7px; width: 48%; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); }

.mainpage-box-blogs .administration { float: right; margin-bottom: 10px; margin-top: 12px; width: 48%; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); }

.mainpage-box-blogs .WikiaBlogListing { border: 1px solid #c8ced0; margin-top: 9px; background: rgba(255,255,255,0.5); }

.mainpage-box-blogs .WikiaBlogListing .WikiaBlogListingPost { border-bottom: 1px solid #749fb0; padding: 15px; }

.mainpage-box-blogs .WikiaBlogListingPost:last-child { border: medium none; }

.mainpage-box-blogs .author-details h1 { font-size: 15px; }

/** Play Free box **/ .mainpage-box-playfree { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; -user-select: none; cursor: pointer; background:#D40001; display: block; transform: skew(30deg); width: 260px; margin: 0 auto 15px; padding:10px 0px; text-align: center; }

.mainpage-box-playfree a{   vertical-align:middle; font-family:'Open Sans'; font-weight: light; text-transform: uppercase; text-decoration: none !important; font-size: 30px; color: #FFFFFF; }

.mainpage-box-playfree:hover { background:#e53b3c; }

/** Social Media box **/ .mainpage-box-socialmedia { text-align: center; margin-bottom: 15px; }

.mainpage-box-socialmedia .social-container { margin-left: -12px; }

.mainpage-box-socialmedia .social { display: inline-block; margin-left: 12px; }

.languagemenu ul { position:relative; padding:0px 5px; margin:0; list-style:none; white-space: nowrap; font-family:'Open Sans'; font-size:12px; }

.languagemenu ul a { color:black; }

.languagemenu ul ul { display: none; position: absolute; background-color:white; background-color:rgba(255,255,255,0.9); margin-left:-5px; text-align:left; }

.languagemenu ul li:hover > ul { display:list-item; z-index:5; }

/** News box **/ .mainpage-box-news { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0px 4px 10px; border: 1px solid #c8ced0; width: 100%; margin-bottom: 17px; background: rgba(255,255,255,0.5); }

.mainpage-box-news .news { margin-bottom: 1px; margin-top: -7px; }

.mainpage-box-news .icon { float: left; margin-right: 15px; margin-top: -3px; }

/** Alerts box **/ .mainpage-box-alerts { margin-bottom: 11px; margin-top: 9px; text-align: center; }

/*Homepage chat module to use custom theme*/ .ChatEntryPoint { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background: rgba(255,255,255,0.5); border: 1px solid #c8ced0; }

/** Featured Poll box **/ .mainpage-box-featuredpoll { margin-bottom: 17px; margin-top: -5px; background: rgba(255,255,255,0.5); }

.mainpage-box-featuredpoll .ajax-poll { border: 1px solid #c8ced0; padding-right: 30px; }

.mainpage-box-featuredpoll .ajax-poll form { margin-bottom: -20px; }

@media (max-width: 1023px) { .mainpage-box-featuredpoll .ajax-poll form { margin-bottom: 0px; } }

.mainpage-box-featuredpoll .ajax-poll .pollAnswerVotes div { background: #749fb0; }

/** Forum Activity box **/ .mainpage-box-forumactivity { margin-bottom: 17px; margin-top: 9px; border: 1px solid #c8ced0; padding: 10px; background: rgba(255,255,255,0.5); }

.mainpage-box-forumactivity ul { margin-left: 20px !important; margin-top: -5px !important; margin-bottom: -12px !important; }

.mainpage-box-forumactivity .activityfeed li { margin-bottom: 5px; margin-left: 0px; }

.mainpage-box-forumactivity .activityfeed table, .mainpage-box-forumactivity .activityfeed .achievement-in-activity-feed { display: none; }

/** Recent Activity box **/ .mainpage-box-recentactivity { margin-bottom: 17px; margin-top: 9px; border: 1px solid #c8ced0; padding: 10px; background: rgba(255,255,255,0.5); }

/*Remove contributor from Maps*/ figure.wikia-interactive-map-thumbnail figcaption span { display:none; }

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

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

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

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; } /* 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; } /*Tabber*/ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }

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