Kancolle Wiki

Changes

MediaWiki:Common.css (view source)

Revision as of 13:39, 11 May 2024

5,476 bytes added ,  20 days ago
no edit summary
Line 326: Line 326:  
border-bottom-right-radius:8px;
 
border-bottom-right-radius:8px;
 
}
 
}
 +
/* Previous event image: /w/images/b/bf/Summer_2023_Event_Banner_EO.png */
 +
/*      No event image: /w/frontpage_files/noevban.png                    */
 +
/* Incoming event image: /w/images/3/32/Event_Banner_Placeholder_1.png    */
 
#eventbanner{
 
#eventbanner{
 
text-align:center;
 
text-align:center;
Line 331: Line 334:  
border-bottom-left-radius:8px;
 
border-bottom-left-radius:8px;
 
border-bottom-right-radius:8px;
 
border-bottom-right-radius:8px;
−
background:url(/w/images/c/ce/Fall2021EventPart2Banner.png) no-repeat center center;
+
background:url(/w/frontpage_files/noevban.png ) no-repeat center center;
 
overflow:hidden;
 
overflow:hidden;
 
width:710px;
 
width:710px;
Line 1,624: Line 1,627:  
/* Event Banners */
 
/* Event Banners */
 
.eventBanner01 {
 
.eventBanner01 {
−
     background: url(images/8/8f/2013SpringEventBanner.jpg) no-repeat center center;
+
     background: url(images/f/ff/Spring_2013_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner02 {
 
.eventBanner02 {
−
     background: url(images/1/11/2013SummerEventBanner.jpg) no-repeat center center;
+
     background: url(images/b/bf/Summer_2013_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner03 {
 
.eventBanner03 {
−
     background: url(images/c/c3/2013AutumnEventBanner.jpg) no-repeat center center;
+
     background: url(images/e/ec/Fall_2013_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner04 {
 
.eventBanner04 {
−
     background: url(images/4/4e/2013ChristmasEventBanner.jpg) no-repeat center center;
+
     background: url(images/4/4e/Christmas_2013_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner05 {
 
.eventBanner05 {
−
     background: url(images/9/95/2014SpringEventBanner.jpg) no-repeat center center;
+
     background: url(images/7/7d/Spring_2014_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner06 {
 
.eventBanner06 {
−
     background: url(images/0/06/2014SummerEventBanner.jpg) no-repeat center center;
+
     background: url(images/0/0a/Summer_2014_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner07 {
 
.eventBanner07 {
−
     background: url(images/8/80/2014AutumnEventBanner.jpg) no-repeat center center;
+
     background: url(images/5/5d/Fall_2014_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner08 {
 
.eventBanner08 {
−
     background: url(images/c/c8/2015WinterEventBanner.jpg) no-repeat center center;
+
     background: url(images/3/38/Winter_2015_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner09 {
 
.eventBanner09 {
−
     background: url(images/3/35/2015SpringEventBanner.jpg) no-repeat center center;
+
     background: url(images/5/56/Spring_2015_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner10 {
 
.eventBanner10 {
−
     background: url(images/3/36/2015SummerEventBanner.png) no-repeat center center;
+
     background: url(images/b/b6/Summer_2015_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner11 {
 
.eventBanner11 {
−
     background: url(images/f/f1/2015AutumnEventBanner.png) no-repeat center center;
+
     background: url(images/2/23/Fall_2015_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner12 {
 
.eventBanner12 {
−
     background: url(images/8/87/2016WinterEventBanner.png) no-repeat center center;
+
     background: url(images/d/d4/Winter_2016_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner13 {
 
.eventBanner13 {
−
background: url(images/2/2e/2016SpringEventBanner.png) no-repeat center center;
+
background: url(images/2/2b/Spring_2016_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner14 {
 
.eventBanner14 {
−
background: url(images/a/af/2016SummerEventBanner.png) no-repeat center center;
+
background: url(images/f/f5/Summer_2016_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner15 {
 
.eventBanner15 {
−
     background: url(images/a/aa/2016AutumnEventBanner.png) no-repeat center center;
+
     background: url(images/b/b7/Fall_2016_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner16 {
 
.eventBanner16 {
−
     background: url(images/3/3b/2017WinterEventBanner.jpg) no-repeat center center;
+
     background: url(images/c/c2/Winter_2017_Event_Banner.jpg) no-repeat center center;
 
}
 
}
    
.eventBanner17 {
 
.eventBanner17 {
−
     background: url(images/6/60/2017SpringEventBanner.png) no-repeat center center;
+
     background: url(images/3/38/Spring_2017_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner18 {
 
.eventBanner18 {
−
     background: url(images/9/95/2017SummerEventBanner.png) no-repeat center center;
+
     background: url(images/9/9d/Summer_2017_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner19 {
 
.eventBanner19 {
−
     background: url(images/f/f8/2017FallEventBanner.png) no-repeat center center;
+
     background: url(images/8/85/Fall_2017_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner20 {
 
.eventBanner20 {
−
     background: url(images/e/e6/2018WinterEventBanner.png) no-repeat center center;
+
     background: url(images/5/5a/Winter_2018_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner21 {
 
.eventBanner21 {
−
     background: url(images/8/80/2018EarlyAutumnEventBanner.png) no-repeat center center;
+
     background: url(images/b/b8/Early_Fall_2018_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner22 {
 
.eventBanner22 {
−
     background: url(images/5/53/Winter2019EventBanner.jpg) no-repeat center center;
+
     background: url(images/9/9e/Winter_2019_Event_Banner.png) no-repeat center center;
 
}
 
}
    
.eventBanner23 {
 
.eventBanner23 {
−
     background: url(images/a/a0/Spring2019EventBanner.png) no-repeat center center;
+
     background: url(images/0/0a/Spring_2019_Event_Banner.png) no-repeat center center;
 
}
 
}
 
.eventBanner24 {
 
.eventBanner24 {
−
     background: url(images/5/59/Summer2019EventBanner.png) no-repeat center center;
+
     background: url(images/6/6c/Summer_2019_Event_Banner.png) no-repeat center center;
 
}
 
}
 
.eventBanner25 {
 
.eventBanner25 {
−
     background: url(images/2/29/Fall2019EventBanner.png) no-repeat center center;
+
     background: url(images/4/40/Fall_2019_Event_Banner.png) no-repeat center center;
 
}
 
}
 
.eventBanner26 {
 
.eventBanner26 {
−
     background: url(images/d/d2/2020HinamatsuriEventBanner.png) no-repeat center center;
+
     background: url(images/e/e9/Hinamatsuri_2020_Mini-Event_Banner.png) no-repeat center center;
 
}
 
}
 
.eventBanner27 {
 
.eventBanner27 {
−
     background: url(images/8/83/Summer2020EventBanner.png) no-repeat center center;
+
     background: url(images/e/e5/Rainy-Summer_2020_Event_Banner.png) no-repeat center center;
 
}
 
}
 
.eventBanner28 {
 
.eventBanner28 {
−
     background: url(images/f/fc/Fall2020EventBanner.png) no-repeat center center;
+
     background: url(images/6/60/Fall_2020_Event_Banner.png) no-repeat center center;
 
}
 
}
 
.eventBanner29 {
 
.eventBanner29 {
−
     background: url(images/1/19/Fall2020EventBannerEO.png) no-repeat center center;
+
     background: url(images/2/28/Fall_2020_Event_Banner_EO.png) no-repeat center center;
 
}
 
}
 
.eventBanner30 {
 
.eventBanner30 {
−
     background: url(images/f/fc/Spring2021EventBanner.png) no-repeat center center;
+
     background: url(images/e/e8/Spring_2021_Event_Banner.png) no-repeat center center;
 
}
 
}
 
.eventBanner31 {  
 
.eventBanner31 {  
−
     background: url(images/c/c9/Summer2021EventBanner.png) no-repeat center center;
+
     background: url(images/7/76/Summer_2021_Event_Banner.png) no-repeat center center;
 
}
 
}
 
.eventBanner32 {
 
.eventBanner32 {
−
background: url(images/1/1d/Fall2021EventBanner.png) no-repeat center center;
+
background: url(images/3/3c/Fall_2021_Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner33 {
 +
background: url(images/d/d8/Fall_2021_Event_Banner_EO.png) no-repeat center center;
 +
}
 +
.eventBanner34 {
 +
background: url(images/a/a0/Winter_2022_Event_Banner.png) no-repeat center center;
 
}
 
}
 
/* Some generic classes. */
 
/* Some generic classes. */
Line 1,925: Line 1,934:  
*/
 
*/
   −
.square-link a {
+
.map-nodes {
−
   display: block;
+
   max-height: 500px;
 +
  overflow: auto;
 +
}
 +
 
 +
.map-nodes > div {
 +
  text-align: center;
 +
}
 +
 
 +
.map-nodes > table {
 +
  width: 100%;
 +
}
 +
 
 +
.map-image {
 +
  position: relative;
 +
}
 +
 
 +
.map-image > span {
 +
  position: absolute;
 
   width: 40px;
 
   width: 40px;
 
   height: 40px;
 
   height: 40px;
 +
  border: none;
 
}
 
}
   −
.map-nodes {
+
.map-image > span > a {
−
   max-height: 500px;
+
   display: block;
−
   overflow: auto;
+
  width: 40px;
 +
   height: 40px;
 
}
 
}
   Line 1,954: Line 1,982:  
  */
 
  */
   −
.quest-ri {
+
.qr {
−
vertical-align: top;
   
display: inline-block;
 
display: inline-block;
 +
position: relative;
 
text-align: center;
 
text-align: center;
−
margin-left: 4px;
+
vertical-align: top;
−
margin-right: 4px;
   
}
 
}
   −
.quest-rii {
+
.qrt {
−
vertical-align: middle;
+
font-size: 10px;
−
width: 88px;
+
line-height: 12px;
−
min-height: 64px;
+
width: 90px;
−
position: relative;
+
}
−
display: inline-block;
+
 
 +
.qrt2 {
 +
    line-height: 14px;
 +
    font-size: 14px;
 +
width: 175px;
 +
}
 +
 
 +
.qrt3 {
 +
font-size: 14px;
 +
line-height: 14px;
 +
width: 240px;
 
}
 
}
   −
.quest-rit {
+
.qrt4 {
−
margin-left: -3px;
+
font-size: 14px;
−
margin-bottom: 5px;
+
line-height: 14px;
−
color: #000;
+
width: 90px;
−
position: relative;
  −
width: 94px;
  −
max-height: 64px;
  −
font-size: 10px;
  −
line-height: 9px;
  −
text-align: center;
  −
overflow: hidden;
  −
vertical-align: top !important;
   
}
 
}
   −
.quest-riq {
+
.qrq {
 
color: #ff6611;
 
color: #ff6611;
 
position: absolute;
 
position: absolute;
Line 1,992: Line 2,021:  
pointer-events: none;
 
pointer-events: none;
 
font-size: 18px;
 
font-size: 18px;
 +
font-weight: bold;
 
}
 
}
   −
.quest-ris {
+
.qrs {
 
color: #ff6611;
 
color: #ff6611;
 
position: absolute;
 
position: absolute;
Line 2,002: Line 2,032:  
pointer-events: none;
 
pointer-events: none;
 
font-size: 18px;
 
font-size: 18px;
 +
font-weight: bold;
 +
}
 +
 +
.q {
 +
margin: auto;
 +
text-align: center;
 +
min-width: 800px;
 +
max-width: 1200px;
 +
}
 +
 +
.q1 { border-top: 3px solid #888; }
 +
.q2 { width: 60px; float: left; }
 +
.q3 { display: inline-block; }
 +
.q4 { text-align: left; }
 +
.q5 { background-color: #f0fff0 !important; }
 +
.q6 { background-color: #fdf5e6 !important; }
 +
.q7 { background-color: #fcfcfc !important; }
 +
.q8 { background-color: #ffe4b5 !important; }
 +
 +
.q01 { background-color: #42c165 !important; }
 +
.q02 { background-color: #e7696b !important; }
 +
.q03 { background-color: #90cb65 !important; }
 +
.q04 { background-color: #46c6c2 !important; }
 +
.q05 { background-color: #e6c872 !important; }
 +
.q06 { background-color: #897056 !important; }
 +
.q07 { background-color: #cbaae5 !important; }
 +
 +
.qw1 { max-width: 150px !important; min-width: 150px !important; }
 +
.qw2 { max-width: 320px !important; min-width: 320px !important; }
 +
 +
.qs1 { border: 2px red solid; padding: 2px; }
 +
 +
.qs2 {
 +
position: relative;
 +
display: inline;
 +
}
 +
 +
.qs3 {
 +
font-size: 10px;
 +
font-weight: 800;
 +
position: absolute;
 +
pointer-events: none;
 +
color: #000;
 +
top: 14px;
 +
right: 1px;
 +
text-shadow: #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px;
 
}
 
}
 +
 +
/* Template:Quest support.
 +
Added by: がか
 +
Imported from wikia by: Chocolatecravinghobo
 +
Used by: Module:View/Quest
 +
----------------------------------------------*/
 +
/*
 +
.qA > td { border-top: 2px solid #808080; }
 +
.qA > td:nth-child(1) { background: #43C769; }
 +
.qA > td:nth-child(2) { background: #D7F3C7; }
 +
.qdA { height: 60px; }
 +
.qdA > td:nth-child(2n+2) { background: #DBE6D5; }
 +
.qdA > td:nth-child(4n+3) { background: #F2F7F0; }
 +
 +
.qB > td { border-top: 2px solid #808080; }
 +
.qB > td:nth-child(1) { background: #EC6063; }
 +
.qB > td:nth-child(2) { background: #F3DCDC; }
 +
.qdB { height: 60px; }
 +
.qdB > td:nth-child(2n+2) { background: #EDE2E2; }
 +
.qdB > td:nth-child(4n+3) { background: #FCF8F8; }
 +
 +
.qC > td { border-top: 2px solid #808080; }
 +
.qC > td:nth-child(1) { background: #93CE67; }
 +
.qC > td:nth-child(2) { background: #E5F3DB; }
 +
.qdC { height: 60px; }
 +
.qdC > td:nth-child(2n+2) { background: #E6EDE0; }
 +
.qdC > td:nth-child(4n+3) { background: #F8FAF5; }
 +
 +
.qD > td { border-top: 2px solid #808080; }
 +
.qD > td:nth-child(1) { background: #4EBBD4; }
 +
.qD > td:nth-child(2) { background: #DFF0F9; }
 +
.qdD { height: 60px; }
 +
.qdD > td:nth-child(2n+2) { background: #E8EDF0; }
 +
.qdD > td:nth-child(4n+3) { background: #F1F7FA; }
 +
 +
.qE > td { border-top: 2px solid #808080; }
 +
.qE > td:nth-child(1) { background: #DEC772; }
 +
.qE > td:nth-child(2) { background: #F0E4B5; }
 +
.qdE { height: 60px; }
 +
.qdE > td:nth-child(2n+2) { background: #DDD9C8; }
 +
.qdE > td:nth-child(4n+3) { background: #F5F2E4; }
 +
 +
.qF > td { border-top: 2px solid #808080; }
 +
.qF > td:nth-child(1) { background: #BA8F79; }
 +
.qF > td:nth-child(2) { background: #D9B38C; }
 +
.qdF { height: 60px; }
 +
.qdF > td:nth-child(2n+2) { background: #C6B39F; }
 +
.qdF > td:nth-child(4n+3) { background: #F3ECE6; }
 +
 +
.qG > td { border-top: 2px solid #808080; }
 +
.qG > td:nth-child(1) { background: #CAA6DD; }
 +
.qG > td:nth-child(2) { background: #EFE8F7; }
 +
.qdG { height: 60px; }
 +
.qdG > td:nth-child(2n+2) { background: #EFEBF3; }
 +
.qdG > td:nth-child(4n+3) { background: #FAF8FC; }
 +
 +
.qW > td { border-top: 2px solid #808080; }
 +
.qW > td:nth-child(1) { background: #FDD0F0; }
 +
.qW > td:nth-child(2) { background: #F6ECFF; }
 +
.qdW { height: 60px; }
 +
.qdW > td:nth-child(2n+2) { background: #F5F3F8; }
 +
.qdW > td:nth-child(4n+3) { background: #FFF7FF; }
 +
*/
 +
 +
/* ----------------------------------------------*/
    
/**
 
/**
Line 2,027: Line 2,168:  
.double-image > .bottom-image:hover {
 
.double-image > .bottom-image:hover {
 
   opacity: 1;
 
   opacity: 1;
 +
}
 +
 +
 +
/* 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.
 +
Imported from wikia at request of: Chocolatecravinghobo
 +
Used by: Template:ShipBattleCardKai & Module:BaseAsset
 +
----------------------------------------------*/
 +
.grayscale-wrapper {
 +
    -webkit-filter: grayscale(100%);
 +
    filter: grayscale(100%);
 +
}
 +
/* ----------------------------------------------*/
 +
 +
/* Development Tables Column Colours
 +
Used by: Template:DevelopmentByEquipment & Template:DevelopmentSecretaryCol
 +
Added by: Chocolatecravinghobo
 +
----------------------------------------------*/
 +
.dev-s1 { background-color: #eef5ff !important; }
 +
.dev-s2 { background-color: #ffeeee !important; }
 +
.dev-s3 { background-color: #eeffcc !important; }
 +
.dev-s4 { background-color: #a2c8ff !important; }
 +
.dev-s0 { background-color: #aaffcc !important; }
 +
 +
.dev-f_s { background-color: #aaffaa !important; }
 +
.dev-a { background-color: #ffaaaa !important; }
 +
.dev-b { background-color: #ffffaa !important; }
 +
/* ----------------------------------------------*/
 +
 +
.explain-dash {
 +
    border-bottom: 1px dashed;
 +
    cursor: help;
 
}
 
}
がか
cssedit, gkautomate
6,928

edits

Retrieved from "https://en.kancollewiki.net/Special:MobileDiff/118675...175005"