MediaWiki:Wikia.css

/* Main Wiki */ body.skin-oasis { background-image: url(https://vignette.wikia.nocookie.net/bsdmayoi/images/c/c6/BG1.png), url(https://vignette.wikia.nocookie.net/bsdmayoi/images/1/1d/BG2.png); background-position: bottom left,top left; background-repeat: repeat-x; } @media only screen and (min-width: 1084px) { .wds-community-header__sitename a { font-size: smaller; }   .main-header { font-size:20px !important; line-height: 25px !important; }   .wiki-table p { font-size: 14px !important; line-height: 20px !important; }   .box p, .font-fix { font-size: 14px !important; }   .header-fix h2 { font-size: 22px !important; } }

.navigation-buttons { display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0; } .navigation-button { flex: 0 1 100px; margin: 0 8px; text-align: center; } .navigation-button img { border: 2px solid; border-radius: 50%; box-sizing: border-box; padding: 5px; } .navigation-button img:hover { background: #ddd; } .navigation-button b { display: block; font-variant: small-caps; margin-top: 5px; }

/* Table of contents */ .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none; }

/* Audio */ .audio-button { background-color: #2d2842; vertical-align: baseline; width: 1.5em; height: 0.8em; border-radius: 0; }

/* Polls */ div.ajax-poll { border: none !important; background-color: white; padding: 0px !important; break-inside:avoid; } div.ajax-poll { margin-top:0px !important; } div.ajax-poll div.header { text-align:center; } .pollAnswerVotes { width: inherit !important; }

/* Collapsible */ .mw-collapsible-toggle { color: white; }

.mw-collapsible-toggle a { color: #FF9800; }

.box .mw-collapsible-toggle a { color: #9a48c5; }

.box .mw-collapsible-toggle { color: black; }

/* Tables - General */ .n-border { border: none; } .n-border td { border: 1px solid black; } .n-border tr:first-child td { border-top: none; } .n-border tr:last-child td { border-bottom: none; } .n-border tr td:first-child { border-left: none; } .n-border tr td:last-child { border-right: none; }

/* Tables - Article Table */ .article-table { margin: 0px; border: 1px #555 solid; border-collapse: separate !important; border-spacing: 0; } .article-table th { color: white; background-color: #333; border-bottom: 1px #555555 solid !important; } .article-table td { border: none; border-top: 1px #555 solid; } .article-table td:first-child:last-child { border-top: 0; position: relative; } .article-table td:first-child:last-child:after { content: ''; width: 100%; position: absolute; left: 0; top: 0; height: 1px; background: linear-gradient(to right, transparent 5%, #555555 5%, #555555 95%, transparent 95%); } .item-bg img { background-color: white; border-radius: 3px; }

table.jquery-tablesorter.sortable th.headerSort .chevron:first-child { border-color: transparent transparent #fff; } table.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: #fff; } .article-table, .WikiaTable { background-color: #fff; }

.article-table.rewardlist td:first-child, .article-table td:first-child[data-sort-value] { /* reduce space around thumbnails */ padding: 3px 0; text-align: center; }

/* Tables - Wiki Table */ .wiki-table { background-color: white; border-collapse: collapse; } .wiki-table th { border: 1px #555 solid; background-color: #333; color: white; } .wiki-table td { border: 1px #555 solid; padding: 6px 12px; }

/* Tables - Center Table Column */ .tc1 td:nth-child(1), .tc1 th:nth-child(1), .tc2 td:nth-child(2), .tc2 th:nth-child(2), .tc3 td:nth-child(3), .tc3 th:nth-child(3), .tc4 td:nth-child(4), .tc4 th:nth-child(4), .tc5 td:nth-child(5), .tc5 th:nth-child(5), .tc6 td:nth-child(6), .tc6 th:nth-child(6), .tc7 td:nth-child(7), .tc7 th:nth-child(7), .tc8 td:nth-child(8), .tc8 th:nth-child(8), .tc9 td:nth-child(9), .tc9 th:nth-child(9) { text-align:center; } /* Tables - Set vertical align to top */ .vtop td { vertical-align: top; }

/* Tables - Enemy Waves */ .enemy-table td { vertical-align: top; } .enemy-table { text-align: left; } .enemy-stats { border-width: 1px 0; border-style: solid; margin: 10px 0; width: 100%; } .enemy-stats td { border: 0; vertical-align: middle; }

/* Tables - Scout */ .scoutlist { max-width: 450px; margin: auto; } .scoutlist th:nth-child(1), .scoutlist th:nth-child(3) { white-space: nowrap; } .scoutlist th:nth-child(2) { width: 100%; }

/* Tables - Missions */ .missions { width: 100%; max-width: 400px; margin: auto; break-inside: avoid; } .missions tr > :last-child { width: 50px; }

/* Tables - Archive */ .archive-table td { padding: 0.5em !important; font-size: 12px; }

/* Tabber - Option 2 */ .tabber.tabberlive { border: 2px solid #575457; border-radius: 3px; } .tabber.tabberlive .tabbernav { background-color: #575457; padding: 0; } .tabber.tabberlive .tabbernav a { border: none; } .tabber.tabberlive .tabbernav li a { background: transparent; color: #fff; padding: 5px 15px; display: inline-block; } .tabber.tabberlive .tabbernav li { background-color: #575457; border-right: 1px solid #fff; display: inline-block; } .tabber.tabberlive .tabbernav li.tabberactive a { color: #3a3a3a; } .tabber.tabberlive .tabbernav li.tabberactive { background-color: #fff; } .tabber.tabberlive .tabbertab { border: none; padding: 5px 10px; }

/* Tab View */ .tabs { background-color: #575457; border-bottom: 1px solid #575457 !important; } .tabs li { margin: 0px !important; width: 25%; } .tabs li a { border: none !important; background: none; color: white; } .tabs-box { border: 2px solid #575457; border-radius: 3px; border-bottom: none; } .tabs .selected { background: #ffffff; } .tabs .selected:hover { background-color: white; } .tabs .selected a { background: none !important; } .tabBody.selected { border-bottom: 2px solid #575457; border-top: none; border-radius: 3px; padding: 10px !important; }

/* Box (Skill, Memo, etc) */ .two-column-container td img { max-width: 100%; height: auto; } .box .two-column-container td:first-child { border-right: 1px dashed #ddd; }

.events .box > div:not(:first-child) { margin: 0px; }

.box .tabber.tabberlive { border: none; border-radius: 0px; }

.box .tabber.tabberlive .tabbernav li, .box ul.tabbernav li.tabberactive a:hover { border: none; }

.box-wrapper { overflow: auto; padding: 0.2em 0.5em; } .box { border: 1px solid #000; background-color: #fff; min-height: 95px; } .box .header { padding: 4px; padding-left: 1em; padding-right: 1em; } .box .header span:first-child { color: #fff; /* background-color: rgb(156,0,1); */ width: 110px; box-shadow: -2px 2px 1px #333; margin-left: -1.3em; margin-right: 0.2em; display: inline-block; padding: 0px 1em; background: linear-gradient(225deg, transparent 0, transparent 15%, rgb(156,0,1) 0%); } .box .skill { background-color: #2c2c2c; color: #fff; } .box .activeskill span:first-child { color: #fff; border-bottom-color: rgb(20,174,162); background: linear-gradient(225deg, transparent 0, transparent 15%, rgb(20,174,162) 0%); } .box .subskill span:first-child { color: #000; border-bottom-color: rgb(244,244,244); background: linear-gradient(225deg, transparent 0, transparent 15%, rgb(244,244,244) 0%); } .box .important span:first-child { color: #fff; border-bottom-color: #eb6100; background: linear-gradient(225deg, transparent 0, transparent 15%, #eb6100 0%); } .box .scout span:first-child { color: #fff; border-bottom-color: #5918b2; background: linear-gradient(225deg, transparent 0, transparent 15%, #5918b2 0%); } .box .event span:first-child { color: #fff; border-bottom-color: #18b255; background: linear-gradient(225deg, transparent 0, transparent 15%, #18b255 0%); } .box .general span:first-child { color: #fff; border-bottom-color: #009eeb; background: linear-gradient(225deg, transparent 0, transparent 15%, #009eeb 0%); } .box .header > p { margin: 0; } .box > div:not(:first-child) { margin: 0.5em 1em; } .box.nomargin > div:not(:first-child) { margin: 0; }

/* Infobox */

background-image: url('https://vignette.wikia.nocookie.net/bsdmayoi/images/4/49/BG_Paper_Tile.png'); background-size: 40px; background-color: #ccc; } .pi-europa.pi-background { border: 1px solid rgb(165,16,15); background: transparent; } .pi-europa .pi-title { background-color: transparent; background-repeat: no-repeat; background-image: url(https://vignette.wikia.nocookie.net/bsdmayoi/images/5/52/BG_Title_Line.png); background-size: 550px; background-position: top -3px left -50px; text-align: left; font-weight: normal; color: #fff; /*font-family: serif;*/ box-sizing: border-box; padding: 6px; height: 45px; line-height: 14px; } .pi-europa .pi-title > span:first-of-type { font-size: 18px; font-weight: bold; letter-spacing: 1px; font-family: serif; } .pi-europa .pi-title > span:last-of-type { font-size: 12px; } .portable-infobox > .pi-title:nth-child(2) { display: none; /* mobile workaround for card title */ } .pi-europa .pi-smart-data-label:nth-child(even), .pi-europa .pi-smart-data-value:nth-child(even) { background-color:inherit; } .pi-europa .pi-data, .pi-europa .pi-group, .pi-europa .pi-header { /*border-top: dashed rgb(165,16,15) 1px;*/ border-bottom: dashed rgb(255, 136, 139) 1px; color: #fff; } .pi-data, .pi-group, .pi-header { background-color: #d9d9d9; background: linear-gradient(       to right,        rgb(166, 16, 16) 0%,        rgb(0, 0, 0) 100%    ); } .pi-europa.portable-infobox a:not(.new) { color: rgb(255,154,193); } .pi-europa .pi-header { background-color:transparent; } .pi-europa .pi-smart-group { text-align: center; } .pi-group .pi-data-value:first-child:last-child { margin: auto; } .portable-infobox figure:first-of-type { padding: 0.5em; } .portable-infobox figure:first-of-type img { max-width: 100%; height: auto; }
 * 1) WikiaPageBackground {

/* Infobox - Tab Sections */ .portable-infobox .pi-section-label { color: white; } .portable-infobox .pi-section-tab { margin: 0; } .pi-section-tab:hover.pi-section-active, .pi-section-tab:hover .pi-section-label { color:#ff888b; } .pi-section-tab.pi-section-active, .pi-section-tab:hover.pi-section-active { box-shadow: inset 0 -2px 0 0; }

/* Infobox - Media */ .pi-item[data-item-name="gallery"] { padding: 0; } .pi-item .wikia-slideshow { float: none; width: 100%; } .pi-item .wikia-slideshow-images-wrapper { padding: 0; } .pi-item .wikia-slideshow-wrapper { width: inherit !important; } .pi-item .wikia-slideshow-prev-next { text-align: left; } .pi-item audio { max-width: 100%; width: 300px !important; }

/* Infobox - Stats */ .pi-collapse .pi-header { border-bottom: none; } .pi-smart-group:nth-of-type(2) .pi-smart-data-value { padding-top: 0; } .pi-collapse .pi-smart-group-head { border-bottom: dashed 1px #ff888b; border-top: dashed 1px #ff888b; margin-bottom: 3px; } .pi-collapse .pi-smart-group-body:first-child { padding-top: 0px; } .pi-collapse .pi-smart-group-body { padding-top: 5px; }

/* Infobox - Scout */ .pi-europa .pi-horizontal-group-item { text-align: center; background: none !important; }

.pi-group > .pi-item:last-child { border-bottom: 0; text-align: center; }

/* Tabbers */

.tabbertab > p:first-child + h2, div[style='columns: 2;'] > :first-child { margin-top: 0; /* even out column margins */ }

.tabber.tabberlive { overflow: auto; /* prevent tabber overflow into infobox */ }

/* Buttons/Filters */ .btn-group.header { display: flex; justify-content: center; margin-bottom: 0.5em; } .header .button { background: #333; border-color: #333; display: inline-block; font-weight: bold; margin: 0; padding: 7px 12px; text-transform: uppercase; } .header .button.secondary { background: none; } .button a { color: inherit; } .character-filters { display: flex; flex-wrap: wrap; justify-content: center; } .character-filters > div { margin: 5px; } .character-filters .button { background: #f0f0f0; font-weight: bold; padding: 8px 12px; } .character-filters .button:hover { background: #bbb; } .character-filters .button.active { background: #333; border-color: #333; color: white; } .btn-group > :first-child { border-radius: 4px 0 0 4px; } .btn-group > :not(:first-child) { border-radius: 0; border-left: 0; } .btn-group > :last-child { border-radius: 0 4px 4px 0; } .select-group { background: #f0f0f0; border-radius: 4px; border: 1px solid #ccc; display: flex; flex-direction: column; max-height: 70px; overflow-y: scroll; padding: 4px 0; } .select.button { background: none; border-radius: 0; border: none; color: #3a3a3a; padding: 0 8px; }

/* Characters grid */ .character-grid { display: flex; flex-wrap: wrap; justify-content: space-around; } .character-grid .character-entry { background: white; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; flex: 1 0 auto; margin: 0.5em; max-width: 250px; padding: 0 1em 1em; text-align: center; width: 200px; } .character-grid-image { margin: 0 -1em 0.5em; } .character-grid-image img { height: auto; width: 100%; } .character-grid-icons img { margin: 0.25em 0.25em 0; }

/* Remove the following: * Top ads, top-right ads, misc. ads on rail, ad captions, * bottom ads, unnecessary placeholder, ads that appear inside content, * "Around Wikia's network" box, "Wikia lifestyle" box */ .WikiaTopAds, .home-top-right-ads, .wikia-ad, .SelfServeUrl, .WikiaAdInContentPlaceHolder, .WikiaAdInContent, .branding { display:none !important; }
 * 1) RECIRCULATION_RAIL,