Kancolle Wiki

Changes

MediaWiki:Common.css (view source)

Revision as of 13:39, 11 May 2024

14,032 bytes added ,  5 months ago
no edit summary
Line 99: Line 99:  
width:710px;
 
width:710px;
 
height:200px;
 
height:200px;
−
background:transparent url(skins/common/images/infobarbg.png) no-repeat;
+
background:transparent url(frontpage_files/infobarbg.png) no-repeat;
 
}
 
}
 
#infoicons {
 
#infoicons {
Line 185: Line 185:  
/*Icon Triumvirate Styling*/
 
/*Icon Triumvirate Styling*/
 
#iconcontainer{
 
#iconcontainer{
−
background:url(skins/common/images/mainboxbg.jpg) no-repeat;
+
background:url(frontpage_files/mainboxbg.jpg) no-repeat;
 
width:710px;
 
width:710px;
 
height:300px;
 
height:300px;
Line 237: Line 237:  
}
 
}
 
#sortie{
 
#sortie{
−
background:transparent url(skins/common/images/sortiev2.png) no-repeat;
+
background:transparent url(frontpage_files/sortiev2.png) no-repeat;
 
}
 
}
 
.sortie{  
 
.sortie{  
Line 257: Line 257:  
}
 
}
 
#pvp{
 
#pvp{
−
background:transparent url(skins/common/images/pvpv2.png) no-repeat;
+
background:transparent url(frontpage_files/pvpv2.png) no-repeat;
 
}
 
}
 
.pvp{
 
.pvp{
Line 277: Line 277:     
#exped{
 
#exped{
−
background:transparent url(skins/common/images/expedv2.png) no-repeat;
+
background:transparent url(frontpage_files/expedv2.png) no-repeat;
 
}
 
}
 
.exped{
 
.exped{
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(skins/common/images/noevban.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 364: Line 367:  
margin-top:2%;
 
margin-top:2%;
 
text-align:center;
 
text-align:center;
−
height:98px;
+
height:128px;
 
border-top-right-radius:12px;
 
border-top-right-radius:12px;
 
border-bottom-right-radius:12px;
 
border-bottom-right-radius:12px;
−
background:transparent url(skins/common/images/worldv2.png) no-repeat;
+
background:transparent url(frontpage_files/worldv3.png) no-repeat;
 
 
 
font-weight:bold;
 
font-weight:bold;
Line 378: Line 381:  
.wor1{
 
.wor1{
 
margin:auto;
 
margin:auto;
−
background: transparent url(skins/common/images/w1.png) no-repeat;
+
background: transparent url(frontpage_files/w1v2.png) no-repeat;
 
background-position:0 0;
 
background-position:0 0;
 
display:block;
 
display:block;
−
width:50px;
+
width:70px;
−
height:40px;
+
height:70px;
 
}
 
}
   Line 390: Line 393:  
.wor2{
 
.wor2{
 
margin:auto;
 
margin:auto;
−
background: transparent url(skins/common/images/w2.png) no-repeat;
+
background: transparent url(frontpage_files/w2v2.png) no-repeat;
 
background-position:0 0;
 
background-position:0 0;
 
display:block;
 
display:block;
−
width:50px;
+
width:70px;
−
height:40px;
+
height:70px;
 
}
 
}
   Line 402: Line 405:  
.wor3{
 
.wor3{
 
margin:auto;
 
margin:auto;
−
background: transparent url(skins/common/images/w3.png) no-repeat;
+
background: transparent url(frontpage_files/w3v2.png) no-repeat;
 
background-position:0 0;
 
background-position:0 0;
 
display:block;
 
display:block;
−
width:50px;
+
width:70px;
−
height:40px;
+
height:70px;
 
}
 
}
    
.wor3:hover{
 
.wor3:hover{
 +
background-position:0 100%;
 +
}
 +
.wor7{
 +
margin:auto;
 +
background: transparent url(frontpage_files/w7.png) no-repeat;
 +
background-position:0 0;
 +
display:block;
 +
width:70px;
 +
height:70px;
 +
}
 +
 +
.wor7:hover{
 
background-position:0 100%;
 
background-position:0 100%;
 
}
 
}
 
.wor4{
 
.wor4{
 
margin:auto;
 
margin:auto;
−
background: transparent url(skins/common/images/w4.png) no-repeat;
+
background: transparent url(frontpage_files/w4v2.png) no-repeat;
 
background-position:0 0;
 
background-position:0 0;
 
display:block;
 
display:block;
−
width:50px;
+
width:70px;
−
height:40px;
+
height:70px;
 
}
 
}
   Line 426: Line 441:  
.wor5{
 
.wor5{
 
margin:auto;
 
margin:auto;
−
background: transparent url(skins/common/images/w5.png) no-repeat;
+
background: transparent url(frontpage_files/w5v2.png) no-repeat;
 
background-position:0 0;
 
background-position:0 0;
 
display:block;
 
display:block;
−
width:50px;
+
width:70px;
−
height:40px;
+
height:70px;
 
}
 
}
   Line 438: Line 453:  
.wor6{
 
.wor6{
 
margin:auto;
 
margin:auto;
−
background: transparent url(skins/common/images/w6.png) no-repeat;
+
background: transparent url(frontpage_files/w6v2.png) no-repeat;
 
background-position:0 0;
 
background-position:0 0;
 
display:block;
 
display:block;
−
width:50px;
+
width:70px;
−
height:40px;
+
height:70px;
 
}
 
}
   Line 473: Line 488:  
padding-top:3px;
 
padding-top:3px;
 
margin:auto;
 
margin:auto;
−
width:118px;
+
width:101px;
 
float:left;
 
float:left;
 
}
 
}
Line 502: Line 517:  
width:100%;
 
width:100%;
 
height:200px;
 
height:200px;
−
background: url(skins/common/images/seasonalbg.jpg) no-repeat;
+
background: url(frontpage_files/seasonalbg.jpg) no-repeat;
 
margin-right:0px;
 
margin-right:0px;
 
border-radius:8px;
 
border-radius:8px;
Line 536: Line 551:  
width:710px;
 
width:710px;
 
height:170px;
 
height:170px;
−
background: url(skins/common/images/iconboxbgv2.png) no-repeat;
+
background: url(frontpage_files/iconboxbgv2.png) no-repeat;
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
 
margin-top:2%;
 
margin-top:2%;
Line 575: Line 590:  
/* Construction Icon FX */
 
/* Construction Icon FX */
 
#const{
 
#const{
−
background: transparent url(skins/common/images/constv2.png) no-repeat center center;
+
background: transparent url(frontpage_files/constv2.png) no-repeat center center;
 
}
 
}
 
.const{
 
.const{
Line 596: Line 611:  
/* Development Icon FX */
 
/* Development Icon FX */
 
#devel{
 
#devel{
−
background: transparent url(skins/common/images/develv2.png) no-repeat center center;
+
background: transparent url(frontpage_files/develv2.png) no-repeat center center;
 
}
 
}
   Line 618: Line 633:  
/*More FX*/
 
/*More FX*/
 
#kaisyu{
 
#kaisyu{
−
background: transparent url(skins/common/images/kaisyu.png) no-repeat;
+
background: transparent url(frontpage_files/kaisyu.png) no-repeat;
 
}
 
}
 
.kaisyu{
 
.kaisyu{
Line 639: Line 654:  
/*More FX*/
 
/*More FX*/
 
#kaisou{
 
#kaisou{
−
background: transparent url(skins/common/images/kaisouv2.png) no-repeat;
+
background: transparent url(frontpage_files/kaisouv2.png) no-repeat;
 
}
 
}
 
.kaisou{
 
.kaisou{
Line 660: Line 675:  
/*More FX*/
 
/*More FX*/
 
#revamp{
 
#revamp{
−
background:transparent url(skins/common/images/revampv2.png) no-repeat;
+
background:transparent url(frontpage_files/revampv2.png) no-repeat;
 
}
 
}
 
.revamp{
 
.revamp{
 
margin-top:8px;
 
margin-top:8px;
 
margin-bottom:8px;
 
margin-bottom:8px;
−
background:transparent url(skins/common/images/revamp.png) no-repeat;
+
background:transparent url(frontpage_files/revamp.png) no-repeat;
 
display:block;
 
display:block;
 
width:155px;
 
width:155px;
Line 804: Line 819:  
/*Icon Platform - Not in use*/
 
/*Icon Platform - Not in use*/
 
.iconplat{
 
.iconplat{
−
background:transparent url(skins/common/images/iconplat.png) no-repeat;
+
background:transparent url(frontpage_files/iconplat.png) no-repeat;
 
display:block;
 
display:block;
 
width:182px;
 
width:182px;
Line 849: Line 864:  
/*World div Addon*/
 
/*World div Addon*/
 
.worldside{
 
.worldside{
−
background:transparent url(skins/common/images/worldside.png) no-repeat;
+
background:transparent url(frontpage_files/worldsidev2.png) no-repeat;
 
width:26px;
 
width:26px;
−
height:98px;
+
height:128px;
 
position:absolute;
 
position:absolute;
 
left:-21px;
 
left:-21px;
Line 874: Line 889:  
border-bottom-right-radius:8px;
 
border-bottom-right-radius:8px;
 
border-top-left-radius:8px;
 
border-top-left-radius:8px;
−
background: url(skins/common/images/updatebg.jpg) no-repeat;
+
background: url(frontpage_files/updatebg.jpg) no-repeat;
 
text-align:center;
 
text-align:center;
 
width:100%;
 
width:100%;
Line 947: Line 962:  
float:left;
 
float:left;
 
position:relative;
 
position:relative;
−
top:-90px;
+
top:-50px;
 
}
 
}
 
.seasoncont {
 
.seasoncont {
Line 1,518: Line 1,533:  
}
 
}
   −
/* ROUTE TEMPLATE
+
/* Styling for branching tables
−
Added by: dragonjet
+
Added by: がか
−
Origin from Wikia (Subject to deprecate)
+
----------------------------------------------------------------------*/
−
----------------------------------------------*/
+
table.wikitable.branching-table > * > tr > td {
−
.maproute {
+
     border-left: none;
−
     display: inline-block;
+
     border-right: none;
−
     font-weight: bold;
  −
    color: #fff;
   
}
 
}
−
 
+
−
.maproute .mapnote {
+
table.wikitable.branching-table {
−
     float: left;
+
     border: 1px #aaa solid;
−
     margin: 0px 3px 0px 0px;
+
}
−
     width: 20px;
+
−
     height: 20px;
+
table.branching-table {
−
     border: 2px solid #ccc;
+
    border-radius: 10px;
−
     border-radius: 12px;
+
    -webkit-border-radius: 10px;
−
     text-align: center;
+
     -moz-border-radius: 10px;
−
     line-height: 20px;  
+
     overflow: hidden;
 +
}
 +
 +
table.branching-table > tbody > tr:first-child > th {
 +
     -webkit-border-radius: 13;
 +
     -moz-border-radius: 13;
 +
     border-radius: 13px;
 +
    font-family: Arial;
 +
    color: #ffffff;
 +
    font-size: 15px;
 +
    background: #3baef5;
 +
    padding: 4px 5px 4px 5px;
 +
    text-decoration: none;
 +
    max-width:300px;
 +
     text-align:center;
 +
}
 +
 
 +
table.branching-table > tbody > tr:first-child > th:hover {
 +
    background: #2b9ce3;
 +
     text-decoration: none;
 +
}
 +
 
 +
table.branching-table > tbody > tr:first-child > th:active {
 +
    background: #1d90d8;
 +
    text-decoration: none;
 +
}
 +
 
 +
table.branching-table > tbody > tr:first-child > th:focus {
 +
    outline:0 !important;
 
}
 
}
    +
/* ROUTE TEMPLATE
 +
Added by: dragonjet
 +
Origin from Wikia
 +
----------------------------------------------*/
 +
.maproute{
 +
    display: inline-block;
 +
    font-weight:bold;
 +
    color:#fff;
 +
}
 +
.maproute .mapnode{
 +
    float:left;
 +
    margin:0px 3px 0px 0px;
 +
    width:20px;
 +
    height:20px;
 +
    border:2px solid #ccc;
 +
    border-radius:12px;
 +
    text-align:center;
 +
    line-height:20px;
 +
}
 +
.maproute .mapnodewide{
 +
    float:left;
 +
    margin:0px 3px 0px 0px;
 +
    width:40px;
 +
    height:20px;
 +
    border:2px solid #ccc;
 +
    border-radius:12px;
 +
    text-align:center;
 +
    line-height:20px;
 +
}
 
/* Fade in Fade out */
 
/* Fade in Fade out */
   Line 1,557: 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 {
 +
    background: url(images/c/c2/Winter_2017_Event_Banner.jpg) no-repeat center center;
 +
}
 +
 
 +
.eventBanner17 {
 +
    background: url(images/3/38/Spring_2017_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner18 {
 +
    background: url(images/9/9d/Summer_2017_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner19 {
 +
    background: url(images/8/85/Fall_2017_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner20 {
 +
    background: url(images/5/5a/Winter_2018_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner21 {
 +
    background: url(images/b/b8/Early_Fall_2018_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner22 {
 +
    background: url(images/9/9e/Winter_2019_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner23 {
 +
    background: url(images/0/0a/Spring_2019_Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner24 {
 +
    background: url(images/6/6c/Summer_2019_Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner25 {
 +
    background: url(images/4/40/Fall_2019_Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner26 {
 +
    background: url(images/e/e9/Hinamatsuri_2020_Mini-Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner27 {
 +
    background: url(images/e/e5/Rainy-Summer_2020_Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner28 {
 +
    background: url(images/6/60/Fall_2020_Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner29 {
 +
    background: url(images/2/28/Fall_2020_Event_Banner_EO.png) no-repeat center center;
 +
}
 +
.eventBanner30 {
 +
    background: url(images/e/e8/Spring_2021_Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner31 {
 +
    background: url(images/7/76/Summer_2021_Event_Banner.png) no-repeat center center;
 +
}
 +
.eventBanner32 {
 +
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. */
 +
 
 +
.explain {
 +
  border-bottom: 1px dotted;
 +
  cursor: help;
 +
}
 +
 
 +
.article-table {
 +
  background: #fafafa;
 +
  border-collapse: collapse;
 +
  margin: 1em 1em 1em 0;
 +
}
 +
 
 +
.article-table th {
 +
  background: #f2f2f2;
 +
}
 +
 
 +
.article-table td, .article-table th {
 +
  border-bottom: 1px solid #c3c6c6;
 +
  padding: 6px 12px;
 +
}
 +
 
 +
.article-table caption {
 +
  font-weight: 700;
 +
}
 +
 
 +
/*
 +
    From https://gbf.wiki/MediaWiki:Common.css
 +
    Provides the classes used by Template:Tooltip
 +
    Author: Tsubakura
 +
*/
 +
 
 +
.tooltip {
 +
  position: relative;
 +
  display: inline;
 +
  border-bottom: 1px dotted black;
 +
  font-size: inherit;
 +
  /*padding: inherit;*/
 +
}
 +
 +
.tooltiptext {
 +
  visibility: hidden;
 +
  padding: 12px 14px;
 +
 +
  position: absolute;
 +
  left: 50%;
 +
  bottom: calc(20px + 100%);
 +
  z-index: 99999;
 +
 +
  background: #fff;
 +
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
 +
  border: 1px solid #a2a9b1;
 +
  border-radius: 2px;
 +
 +
  white-space: nowrap;
 +
  font-weight: normal;
 +
  font-style: normal;
 +
  text-align: center;
 +
  font-size: 14px;
 +
  line-height: 1.6;
 +
}
 +
 +
.tooltiptext:after,
 +
.tooltiptext:before {
 +
  content: '';
 +
  position: absolute;
 +
  left: 50%;
 +
  border-style: solid;
 +
}
 +
 +
.tooltiptext:after {
 +
  top: 100%;
 +
  bottom: auto;
 +
  width: 20px;
 +
  height: 20px;
 +
  background: #fff;
 +
  margin-top: -10px;
 +
  margin-left: -10px;
 +
  box-shadow: 1px 1px 0px #a2a9b1;
 +
  transform: rotate(45deg);
 +
  border-width: 0;
 +
}
 +
 +
.tooltiptext:before {
 +
  top: 100%;
 +
  bottom: auto;
 +
  border-width: 18px;
 +
  margin-left: -18px;
 +
  border-color: rgba(0,0,0,0.15) transparent transparent transparent;
 +
  pointer-events: none;
 +
}
 +
 +
.tooltip .tooltip .tooltiptext,
 +
.header-fixed-helper .tooltip .tooltiptext {
 +
  bottom: auto;
 +
  top: calc(20px + 100%);
 +
}
 +
 +
.tooltip .tooltip .tooltiptext:after,
 +
.header-fixed-helper .tooltip .tooltiptext:after {
 +
  top: auto;
 +
  bottom: 100%;
 +
  border-width: 15px;
 +
  margin-left: -15px;
 +
  border-color: transparent transparent white transparent;
 +
  width: 0;
 +
  height: 0;
 +
  box-shadow: none;
 +
  background: none;
 +
  transform: none;
 +
}
 +
 +
.tooltip .tooltip .tooltiptext:before,
 +
.header-fixed-helper .tooltip .tooltiptext:before {
 +
  top: auto;
 +
  bottom: 100%;
 +
  border-width: 16px;
 +
  margin-left: -16px;
 +
  border-color: transparent transparent #888 transparent;
 +
}
 +
 +
.tooltiptext span.hr {
 +
    display: block;
 +
    height: 1px;
 +
    background-color: #a2a9b1;
 +
}
 +
 +
.tooltiptext hr,
 +
.tooltiptext span.hr {
 +
  margin: 10px 0 12px;
 +
  position: relative;
 +
  background: none;
 +
}
 +
 +
.tooltiptext hr:after,
 +
.tooltiptext span.hr:after {
 +
  content: '';
 +
  display: block;
 +
  width: 100%;
 +
  height: 1px !important;
 +
  position: absolute;
 +
  left: -14px;
 +
  background: #a2a9b1;
 +
  padding: 0 14px;
 +
}
 +
 +
.tooltip:hover > .tooltiptext,
 +
.tooltip.hover > .tooltiptext {
 +
  visibility: visible;
 +
}
 +
 +
.tooltiptext {
 +
  opacity: 0;
 +
  transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease;
 +
  transform: translate(-50%, 8px);
 +
}
 +
 +
.tooltip .tooltip .tooltiptext,
 +
.header-fixed-helper .tooltip .tooltiptext {
 +
  transform: translate(-50%, -8px);
 +
}
 +
 +
.tooltip:hover > .tooltiptext,
 +
.tooltip.hover > .tooltiptext {
 +
  opacity: 1;
 +
  transition-delay: 0s;
 +
  transform: translate(-50%, 0);
 +
}
 +
 +
.tooltiptext a { color: #0645ad; border-bottom: 0; }
 +
.tooltiptext a:visited { color: #0b0080; }
 +
.tooltiptext a:active { color: #faa700; }
 +
.tooltiptext a:hover, a:focus { text-decoration: underline; }
 +
.tooltiptext { color: #252525; }
 +
.tooltiptext a.new { color: #ba0000; }
 +
 
 +
.mw-body-content { z-index: auto !important;}
 +
 
 +
/*
 +
    Provides the classes used by Template:Map/ImageNode
 +
    Author: gaka
 +
    Added by: Tsubakura
 +
*/
 +
 
 +
.map-nodes {
 +
  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;
 +
  height: 40px;
 +
  border: none;
 +
}
 +
 
 +
.map-image > span > a {
 +
  display: block;
 +
  width: 40px;
 +
  height: 40px;
 +
}
 +
 
 +
/* Template:Event/Route class
 +
Author: gaka
 +
Added by: Tsubakura
 +
----------------------------------------------------------------------*/
 +
.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);
 +
}
 +
 
 +
/**
 +
* Quest templates support.
 +
*/
 +
 
 +
.qr {
 +
display: inline-block;
 +
position: relative;
 +
text-align: center;
 +
vertical-align: top;
 +
}
 +
 
 +
.qrt {
 +
font-size: 10px;
 +
line-height: 12px;
 +
width: 90px;
 +
}
 +
 
 +
.qrt2 {
 +
    line-height: 14px;
 +
    font-size: 14px;
 +
width: 175px;
 +
}
 +
 
 +
.qrt3 {
 +
font-size: 14px;
 +
line-height: 14px;
 +
width: 240px;
 +
}
 +
 
 +
.qrt4 {
 +
font-size: 14px;
 +
line-height: 14px;
 +
width: 90px;
 +
}
 +
 
 +
.qrq {
 +
color: #ff6611;
 +
position: absolute;
 +
top: 40px;
 +
right: 15px;
 +
text-shadow: -1px -1px 4px #fff, 1px 1px 4px #fff, -1px 1px 4px #fff, 1px -1px 4px #fff;
 +
pointer-events: none;
 +
font-size: 18px;
 +
font-weight: bold;
 +
}
 +
 
 +
.qrs {
 +
color: #ff6611;
 +
position: absolute;
 +
top: -5px;
 +
right: 15px;
 +
text-shadow: -1px -1px 4px #fff, 1px 1px 4px #fff, -1px 1px 4px #fff, 1px -1px 4px #fff;
 +
pointer-events: none;
 +
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; }
 +
*/
 +
 
 +
/* ----------------------------------------------*/
 +
 
 +
/**
 +
* Stacked images with transitions on mouseover. Used on ship pages.
 +
*/
 +
.double-image {
 +
  position: relative;
 +
}
 +
 
 +
.double-image > div {
 +
  position: absolute;
 +
  left: 0;
 +
  top: 0;
 +
  -webkit-transition: opacity 0.5s ease-in-out;
 +
  -moz-transition: opacity 0.5s ease-in-out;
 +
  -o-transition: opacity 0.5s ease-in-out;
 +
  transition: opacity 0.5s ease-in-out;
 +
}
 +
 
 +
.double-image > .bottom-image {
 +
  opacity: 0;
 +
}
 +
 
 +
.double-image > .bottom-image:hover {
 +
  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
7,064

edits

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