MediaWiki:Common.css

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

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

/* ROUTE TEMPLATE Added by: dragonjet Moved to Common.css from Wikia.css by Ckwng --*/ .kcRoute { display: inline-block; font-weight:bold; color:#fff; } .kcRoute .kcRouteNode { float:left; margin:0px 3px 0px 0px; width:20px; height:20px; border:2px solid #ccc; border-radius:12px; text-align:center; line-height:20px; } .kcRoute .kcRouteNodeWide { float:left; margin:0px 3px 0px 0px; width:40px; height:20px; border:2px solid #ccc; border-radius:12px; text-align:center; line-height:20px; }

/* Highlight admin and mod by CDRW*/ /* Mod list */ a[href="/wiki/User:Zel-melon"], a[href="/wiki/User:Ar-cen-ciel"], a[href="/wiki/User:Kevadu"], a[href="/wiki/User:Shinhwalee"], a[href="/wiki/User:Juuryoushin"], a[href="/wiki/User:Dnite77"], a[href="/wiki/User:Chocolatecravinghobo"], a[href="/wiki/User:Nicky008"], a[href="/wiki/User:Tsubakura"], a[href="/wiki/User:Kruss"], a[href="/wiki/User:Sander_van_Kampen"], /* Admin list (がか is replaced with %E3%81%8C%E3%81%8B) */ a[href="/wiki/User:Xenzul"], a[href="/wiki/User:TheLenrir"], a[href="/wiki/User:SmokeyTheButt"], a[href="/wiki/User:Nanamin"], a[href="/wiki/User:Lunarian_Ace"], a[href="/wiki/User:KancolleChatlogger"], a[href="/wiki/User:HandgunOtonashi"], a[href="/wiki/User:%E3%81%8C%E3%81%8B"], a[href="/wiki/User:Fujihita"], a[href="/wiki/User:Dragonjet"], a[href="/wiki/User:Dechidechi"], a[href="/wiki/User:Crazy_teitoku"], a[href="/wiki/User:Ckwng"], a[href="/wiki/User:CDRW"], a[href="/wiki/User:Benlisquare"], a[href="/wiki/User:ArcticaFrost"], a[href="/wiki/User:Admiral_Mikado"], /*for message wall links */ /* Mod list */ a[href="http://kancolle.wikia.com/wiki/Message_Wall:Zel-melon"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Ar-cen-ciel"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Kevadu"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Shinhwalee"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Juuryoushin"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Dnite77"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Chocolatecravinghobo"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Nicky008"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Tsubakura"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Kruss"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Sander_van_Kampen"], /* Admin list */ a[href="http://kancolle.wikia.com/wiki/Message_Wall:Xenzul"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:TheLenrir"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:SmokeyTheButt"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Nanamin"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Lunarian_Ace"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:KancolleChatlogger"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:HandgunOtonashi"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:%E3%81%8C%E3%81%8B"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Fujihita"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Dragonjet"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Dechidechi"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Crazy_teitoku"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Ckwng"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:CDRW"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Benlisquare"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:ArcticaFrost"], a[href="http://kancolle.wikia.com/wiki/Message_Wall:Admiral_Mikado"] { font-weight: bold !important; color:#006000 !important; } /*End of highlight admin and mod */

/* GRAYSCALE WORKAROUND FOR LUA Added by: ckwng

Wikia does not allow filter in in-line CSS generated by Lua #invokes apparently. Use site css to workaround. --*/

.grayscale-wrapper { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

/* ADD TOOLTIPS Added by: Nanamin Moved to Common.css from Wikia/Monobook.css by Ckwng --*/ /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #999; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 5px; padding: 2px 5px; background-color: #EEE; } /* Adds padding to the wrapper to make space for a shadow */ padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; }
 * 1) tooltip-wrapper {

/* TABBER: VERTICAL Added by: dragonjet --*/ .kcVerticalTab ul.tabbernav { width:113px; float:left; border-bottom:0px none; border-right:1px solid #aaa; } .kcVerticalTab ul.tabbernav li { } .kcVerticalTab ul.tabbernav li a { width:100px; display:block; border-radius:8px 0px 0px 8px; border-bottom:1px solid #778; margin:0px 0px 2px 0px; } .kcVerticalTab .tabbertab { float:left; border:0px none; } .kcVerticalTab .tabberlive .tabbertab { border:0px none; } .kcVerticalTab ul.tabbernav li.tabberactive a:hover, .kcVerticalTab ul.tabbernav li.tabberactive a { border-bottom:1px solid #778; }

/* INFOBOX LEFT FLOAT Added by: ckwng --*/ .infobox.infobox-left { float: left; margin-left: unset; margin-right: 1em; }

/* SHOW OR HIDE ELEMENTS WHEN IN TABVIEW Added by: ckwng --*/ .show-in-tabview { display: none; }

.tabBody .show-in-tabview { display: block; }

.tabBody .hide-in-tabview { display: none; }

/* TEMPLATE:AUDIO Added by: ckwng (on request from がか) --*/ .audio-button { background-color: #212121; }

/* TEMPLATE:AMBOX Added by: dragonjet Moved to Common.css from Wikia.css by がか --*/ .ambox { width:80%; margin:5px auto 5px; border:1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #EEE; } .ambox p { margin:0px !important; } .ambox-image { float:left; width:40px; height:40px; padding:20px; } .ambox-content { margin:0px 0px 0px 75px; padding:5px 10px; } .ambox-title { font-size:14px; font-weight:bold; } .ambox-description { font-size:14px; } .ambox-promoter { font-size:12px; } .ambox-learn { font-size:10px; text-align:right; line-height: 12px; } .ambox-clear { clear:both; } .ambox-type-construction { border-left: 10px solid #1e90ff !important; } .ambox-type-translation { border-left: 10px solid #1e90ff !important; } .ambox-type-delete { border-left: 10px solid #b22222 !important; } .ambox-type-cleanup { border-left: 10px solid #f4c430 !important; } .ambox-type-notice { border-left: 10px solid #bba !important; } .ambox-type-move { border-left: 10px solid #f28500 !important; } .ambox-type-protection { border-left: 10px solid #9932cc !important; } .ambox-type-renovate { border-left: 10px solid #1e90ff !important; } @media print { .ambox { display: none; } }

/* SIDERAIL BOXES STYLING Added by: dragonjet Moved to Common.css from Wikia.css by がか --*/ .kcRailBox { width:296px; border:1px solid #ace; border-radius:10px; overflow:hidden; margin:0px 0px 10px 0px; } .kcRailBox .kcRailTitle { width:296px; height:28px; background:#def; border-bottom:1px solid #ace; } .kcRailBox .kcRailTitle p { margin:0px; padding:0px; line-height:28px; text-align:center; font-weight:bold; } .kcRailBox .kcRailContent { width:286px; margin:5px; } .kcRailBox .kcRailContent .ChatEntryPoint { border:0px none; } .kcRailBox .kcRailContent .ajax-poll { border:0px none; } .kcRailBox .kcRailUpdate { height:40px; margin:5px; border-radius:10px; background:#def; text-align:center; padding: 5px 0px; } .kcRailBox .kcRailUpdateTitle { font-size:15px; font-weight:bold; height: 17px; line-height: 17px; margin: 1px 0px 3px 0px; } .kcRailBox .kcRailUpdateTime { font-size:13px; height: 15px; line-height: 15px; } .kcRailBox .kcRailTimerTitle { text-align:center; font-size:12px; } .kcRailBox .kcRailTimerBody { text-align:center; font-size:18px; font-weight:bold; color:#f00; margin:0px 0px 10px 0px; }

/* COMMENT WARNINGS Added by: dragonjet Moved to Common.css from Wikia.css by がか --*/ .kcCommentWarning { display: none; } .kcCommentWarning ul, .kcCommentWarning ol { list-style: disc; padding: 3px 0px 0px 20px; }

/* INFOBOX "KAI" STYLE Added by: ckwng --*/

.infobox.infobox-kai { background-color: #fafafa; border: 1px solid darkgrey; }

.infobox.infobox-kai tr { background-color: whitesmoke; }

.infobox.infobox-kai tr div.infobox-kai-expandable-cells { background-color: #fafafa; }

.infobox.infobox-kai .infobox-kai-header-major { background-color: lightskyblue; }

.infobox.infobox-kai .infobox-kai-header-minor { background-color: lightgrey; }

/* Red color for FAQ tab title on the main event page Added by: がか --*/ /* TODO: implement custom styles via JS   color: red }
 * 1) EventTemplate #flytabs_0 ul.tabs li[data-tab="flytabs_02"] a span {

/* LISTS AND FLOATS CLIPPING FIX (EQUIPMENT PAGES ONLY) Added by: ckwng, がか --*/ .infobox-equipment ~ ol, .infobox-equipment ~ ol ul, .infobox-equipment ~ ul, .infobox-equipment ~ ul ol { list-style-position: inside; }

/* Styling for branching tables Added by: がか --*/ table.wikitable.branching-table > * > tr > td { border-left: none; border-right: none; }

table.wikitable.branching-table { border: 1px #aaa solid; }

table.branching-table { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; margin: 0 0 1em; /* ples */ }

table.branching-table > tbody > tr:first-child > th { padding: 10px 25px 10px 25px; background: #def; }

table.branching-table ul { margin: 0 0 0 1em; list-style: initial !important; }

table.branching-table p { margin: 0; }

/* Template:Event/Route class Added by: がか --*/ .map-route-node { display: inline-block; min-width: 20px; line-height: 20px; text-align: center; padding: 2px; border-radius: 100%; box-shadow: 0 0 4px rgba(0, 0, 0, .8); }

/* Hiding tooling modules that have no use on this wiki. Added by: がか --*/ .community-page-cards-module { display: none; }

.insights-module { display: none; }

.templatedraft-module { display: none; }

/* add back when MediaWiki:Community-corner is edited */ .CommunityCornerModule { display: none; }

/* Template:Nowraplinks support Added by: がか --*/ .nowraplinks a, .nowraplinks .selflink { white-space: nowrap; }

/* Template:Toclimit support Added by: がか --*/ .toclimit-1 .toclevel-2, .toclimit-2 .toclevel-3, .toclimit-3 .toclevel-4, .toclimit-4 .toclevel-5, .toclimit-5 .toclevel-6 { display: none; }

/* Template:Quest support. Added by: がか --*/

.quest_A > td { border-top: 2px solid #808080; } .quest_A > td:nth-child(1) { background: #43C769; } .quest_A > td:nth-child(2) { background: #D7F3C7; } .quest_details_A { height: 60px; } .quest_details_A > td:nth-child(2n+2) { background: #DBE6D5; } .quest_details_A > td:nth-child(4n+3) { background: #F2F7F0; }

.quest_B > td { border-top: 2px solid #808080; } .quest_B > td:nth-child(1) { background: #EC6063; } .quest_B > td:nth-child(2) { background: #F3DCDC; } .quest_details_B { height: 60px; } .quest_details_B > td:nth-child(2n+2) { background: #EDE2E2; } .quest_details_B > td:nth-child(4n+3) { background: #FCF8F8; }

.quest_C > td { border-top: 2px solid #808080; } .quest_C > td:nth-child(1) { background: #93CE67; } .quest_C > td:nth-child(2) { background: #E5F3DB; } .quest_details_C { height: 60px; } .quest_details_C > td:nth-child(2n+2) { background: #E6EDE0; } .quest_details_C > td:nth-child(4n+3) { background: #F8FAF5; }

.quest_D > td { border-top: 2px solid #808080; } .quest_D > td:nth-child(1) { background: #4EBBD4; } .quest_D > td:nth-child(2) { background: #DFF0F9; } .quest_details_D { height: 60px; } .quest_details_D > td:nth-child(2n+2) { background: #E8EDF0; } .quest_details_D > td:nth-child(4n+3) { background: #F1F7FA; }

.quest_E > td { border-top: 2px solid #808080; } .quest_E > td:nth-child(1) { background: #DEC772; } .quest_E > td:nth-child(2) { background: #F0E4B5; } .quest_details_E { height: 60px; } .quest_details_E > td:nth-child(2n+2) { background: #DDD9C8; } .quest_details_E > td:nth-child(4n+3) { background: #F5F2E4; }

.quest_F > td { border-top: 2px solid #808080; } .quest_F > td:nth-child(1) { background: #BA8F79; } .quest_F > td:nth-child(2) { background: #D9B38C; } .quest_details_F { height: 60px; } .quest_details_F > td:nth-child(2n+2) { background: #C6B39F; } .quest_details_F > td:nth-child(4n+3) { background: #F3ECE6; }

.quest_G > td { border-top: 2px solid #808080; } .quest_G > td:nth-child(1) { background: #CAA6DD; } .quest_G > td:nth-child(2) { background: #EFE8F7; } .quest_details_G { height: 60px; } .quest_details_G > td:nth-child(2n+2) { background: #EFEBF3; } .quest_details_G > td:nth-child(4n+3) { background: #FAF8FC; }

.quest_W > td { border-top: 2px solid #808080; } .quest_W > td:nth-child(1) { background: #FDD0F0; } .quest_W > td:nth-child(2) { background: #F6ECFF; } .quest_details_W { height: 60px; } .quest_details_W > td:nth-child(2n+2) { background: #F5F3F8; } .quest_details_W > td:nth-child(4n+3) { background: #FFF7FF; }

/* .quest_details_A:nth-child(4n+4) { background: #F2F7F0; } .quest_details_A:nth-child(4n+2) { background: #FFFFFF; }

/* From http://community.wikia.com/wiki/MediaWiki:Common.css Added by: がか --*/ div.mw-geshi { background-color:#F9F9F9; border:1px dashed #2F6FAB; padding:0.5em 1em; font-family:monospace; }

td:not(:only-child) .mw-geshi pre { white-space: pre-wrap; -o-tab-size: 4; -moz-tab-size: 4; tab-size: 4; }

/* Misc. fixes. Added by: がか --*/ .mobileshow { display: none; }

.tabberlive { margin-top: 1em; }

.main-page-activity .tabbertab li { list-style-type: none; padding-left: 8px; padding-top: 4px; }

.ship-page-gallery .new { color: transparent !important; }

/* https://css-tricks.com/styling-underlines-web/ * border-bottom/text-decoration (.explain): ugly corners in Chrome * background-image: ok? */ .explain2 { background-image: linear-gradient(to right, black 50%, transparent 50%); background-position: 0 1.08em; background-repeat: repeat-x; background-size: 2px 1px; cursor: help; }

/* do we even need this? */ .tooltip-contents { display: block; }

/* Reapply https://github.com/Wikia/app/blob/dev/extensions/3rdparty/tabber/tabber.css */

ul.tabbernav { margin: 0; padding: 3px 0; border-bottom: 1px solid #CCC; font: bold 12px Verdana, sans-serif; }

ul.tabbernav li { list-style: none; margin: 0; display: inline; }

ul.tabbernav li a { padding: 3px .5em; margin-left: 3px; border: 1px solid #CCC; border-bottom: none; background: #F2F7FF; text-decoration: none; white-space: pre; }

ul.tabbernav li a:link { color: #448; }

ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover { color: #000; background: #FFF9F2; border-color: #CCC; }

ul.tabbernav li.tabberactive a { background-color: #FFF; border-bottom: 1px solid #FFF; }

ul.tabbernav li.tabberactive a:hover { color: #000; background: #FFF; border-bottom: 1px solid #FFF; }

.tabber .tabbertab { padding: 5px; border: 1px solid #CCC; border-top: 0; }