Kancolle Wiki

Changes

MediaWiki:Common.css (view source)

Revision as of 13:39, 11 May 2024

21,157 bytes added ,  21 days ago
no edit summary
Line 10: Line 10:  
/* CSS sheet for fp.html*/
 
/* CSS sheet for fp.html*/
    +
/* Separate from Common.CSS in order to make changes swift and easy? Debatable */
 
/*Primary Container*/
 
/*Primary Container*/
 
#widgetcontainer{
 
#widgetcontainer{
 
line-height:1.2 !important; /*MediaWiki resizes line height, destroying placements.*/
 
line-height:1.2 !important; /*MediaWiki resizes line height, destroying placements.*/
−
max-width:1446px;
+
max-width:1600px;
 
margin-left:auto;
 
margin-left:auto;
 
margin-right:auto; /*Mediawiki max space for 1080p is some 1600px*/
 
margin-right:auto; /*Mediawiki max space for 1080p is some 1600px*/
−
min-width:970px;
+
min-width:710px;
 
padding-left:18px;
 
padding-left:18px;
 +
/*height:918px;*/
 +
margin-bottom:2%;
 
}
 
}
 +
 
/*Column Settings*/
 
/*Column Settings*/
 
.rightcol{
 
.rightcol{
 
width:auto;
 
width:auto;
−
min-width:220px;
+
margin-right:4%;
−
max-width:750px;
+
margin-left:4%;
−
margin-right:0.5%;
+
float:left;
−
overflow:hidden;
+
height:auto;
 +
font-family: Arial, Helvetica, sans-serif;
 
}
 
}
 
.leftcol{
 
.leftcol{
 
width:710px;
 
width:710px;
−
margin:auto;
   
float:left;
 
float:left;
−
margin-right: 4%;
+
 +
margin-left:4%;
 +
margin-bottom:1%;
 +
position:relative;
 +
}
 +
/* Misc Icons */
 +
#iconcluster {
 +
float:right;
 +
width:710px;
 +
height:70px;
 +
margin-top:14.4px;
 +
text-align: justify;
 +
    -ms-text-justify: distribute-all-lines;
 +
    text-justify: distribute-all-lines;
 +
margin-bottom:1%;
 +
}
 +
.portalicon {
 +
height:70px;
 +
width:160px;
 +
    vertical-align: top;
 +
    display: inline-block;
 +
    *display: inline;
 +
    zoom: 1;
 +
text-align:center;
 +
font-family: Arial, Helvetica, sans-serif;
 +
color:black;
 +
background-color:white;
 +
border-radius:10px;
 
margin-bottom:1%;
 
margin-bottom:1%;
 +
 +
-webkit-transition: all 0.2s ease-in-out;
 +
    -moz-transition: all 0.2s ease-in-out;
 +
    -o-transition: all 0.2s ease-in-out;
 +
    transition: all 0.2s ease-in-out;
 +
}
 +
.portalicon:hover {
 +
color:white;
 +
/*font-weight:bold;*/
 +
text-shadow:1px 1px 15px black;
 +
background-color:#3090c7;
 +
}
 +
.stretch {
 +
    width: 100%;
 +
    display: inline-block;
 +
    font-size: 0;
 +
    line-height: 0
 +
}
 +
#clustertitle {
 +
width:100%;
 +
background-color:#3090c7;
 +
border-radius:8px;
 +
text-align:center;
 +
padding-top:2px;
 +
padding-bottom:2px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight:bold;
 +
color:white;
 +
margin-bottom:14.4px;
 +
}
 +
/*More Misc Buttons, not a subcategory of quick links*/
 +
#infodiv {
 +
margin-top:2%;
 +
width:710px;
 +
height:200px;
 +
background:transparent url(frontpage_files/infobarbg.png) no-repeat;
 +
}
 +
#infoicons {
 +
padding-top:10px;
 +
padding-left:40px;
 +
padding-right:40px;
 
position:relative;
 
position:relative;
 +
top:30px;
 +
height:124px;
 +
width:auto;
 +
}
 +
.questicon {
 +
float:left;
 +
width:100px;
 +
height:100px;
 +
border-radius:10px;
 +
margin-right:32px;
 +
background-color:#005e95;
 +
}
 +
.questicon:hover {
 +
background-color:#2886bd;
 +
}
 +
.infoicon {
 +
float:left;
 +
width:100px;
 +
height:100px;
 +
border-radius:10px;
 +
margin-right:32px;
 +
position: relative;
 +
    display: inline-block;
 +
background-color:#005e95;
 +
}
 +
.listdrop {
 +
display: none;
 +
    position: absolute;
 +
bottom:100px;
 +
    background-color: #555;
 +
    width: 100px;
 +
    box-shadow: 0px -8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
font-family: Arial, Helvetica, sans-serif;
 +
text-align:center;
 +
font-size:14px;
 +
 +
border-top-left-radius:10px;
 +
border-top-right-radius:10px;
 +
overflow:hidden;
 +
}
 +
.listdrop .selbox {
 +
width:100px;
 +
color:white;
 +
background-color:#2886bd;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
 +
-webkit-transition: all 0.2s ease-in-out;
 +
    -moz-transition: all 0.2s ease-in-out;
 +
    -o-transition: all 0.2s ease-in-out;
 +
    transition: all 0.2s ease-in-out;
 +
}
 +
.listdrop .selbox:hover {
 +
color:black;
 +
background-color:#f9f9f9;
 +
}
 +
.infoicon:hover {
 +
background-color:#2886bd;
 +
 +
border-top-left-radius:0px;
 +
border-top-right-radius:0px;
 +
 +
}
 +
.infoicon:hover .listdrop {
 +
background-color:#2886bd;
 +
display:block;
 +
}
 +
.infotxt {
 +
padding-top:3px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
color:white;
 +
text-align:center;
 +
align:middle;
 +
width:auto;
 +
font-size:14px;
 
}
 
}
−
   
/*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;
 
overflow:hidden;
 
overflow:hidden;
 
border:0px solid #0099ff;
 
border:0px solid #0099ff;
−
border-radius:16px;
+
border-radius:8px;
−
border-bottom-right-radius:6px;
  −
border-top-left-radius:6px;
   
overflow:hidden;
 
overflow:hidden;
 
}
 
}
Line 92: 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 112: 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 132: 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 164: Line 309:  
height:93px;
 
height:93px;
 
float:left;
 
float:left;
−
border-bottom-left-radius:16px;
+
border-bottom-left-radius:8px;
 
border-bottom-right-radius:8px;
 
border-bottom-right-radius:8px;
 
 
Line 174: Line 319:  
     -o-transition: 0.4s ease-in-out;
 
     -o-transition: 0.4s ease-in-out;
 
     transition: 0.4s ease-in-out;
 
     transition: 0.4s ease-in-out;
−
   
}
 
}
 
.eventbanner:hover{
 
.eventbanner:hover{
 
opacity: 1.0;
 
opacity: 1.0;
 
     filter: alpha(opacity=100); /* For IE8 and earlier */
 
     filter: alpha(opacity=100); /* For IE8 and earlier */
−
border-bottom-left-radius:16px;
+
border-bottom-left-radius:8px;
 
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;
 
border:0px solid #a7d7f9;
 
border:0px solid #a7d7f9;
−
border-bottom-left-radius:16px;
+
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;
−
height:93px;
+
height:93px;
 +
background-size: contain;
 
}
 
}
 
#eventwrap{
 
#eventwrap{
Line 202: Line 350:  
#eventinfo{
 
#eventinfo{
 
text-align:center;
 
text-align:center;
−
border-top-left-radius:4px;
+
border-top-left-radius:8px;
−
border-top-right-radius:16px;
+
border-top-right-radius:8px;
 
border:0px solid #b6b6b4;
 
border:0px solid #b6b6b4;
 
/*border-bottom:0px;*/
 
/*border-bottom:0px;*/
Line 219: 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 233: 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 245: 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 257: 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 281: 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 293: 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 328: Line 488:  
padding-top:3px;
 
padding-top:3px;
 
margin:auto;
 
margin:auto;
−
width:118px;
+
width:101px;
 
float:left;
 
float:left;
 
}
 
}
Line 345: Line 505:  
text-shadow:0px 0px 10px #FFB813;
 
text-shadow:0px 0px 10px #FFB813;
 
}
 
}
−
 
+
/* Twitter and Seasonals */
−
/*OBSOLETE*/
+
.twidget{
−
#twidget{
+
border:0px solid white;
−
border:2px solid white;
   
border-radius:4px;
 
border-radius:4px;
 
background-color:white;
 
background-color:white;
−
height:552px;
+
height:368px;
−
width:522px;
+
width:48%;
 
float:left;
 
float:left;
 +
}
 +
.seasonalbox {
 +
width:100%;
 +
height:200px;
 +
background: url(frontpage_files/seasonalbg.jpg) no-repeat;
 +
margin-right:0px;
 +
border-radius:8px;
 +
border-top-left-radius:0px;
 +
border-top-right-radius:0px;
 +
}
 +
.seasoncont {
 +
padding: 4px 4px 4px 4px;
 +
width:auto;
 +
height:auto;
 +
align:middle;
 +
text-align:center;
 +
}
 +
.seasonicon{
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:110px;
 +
height:110px;
 +
border-radius:55px;
 +
background-color:#4EAEE5;
 +
 +
-webkit-transition: 0.2s ease-in-out;
 +
    -moz-transition: 0.2s ease-in-out;
 +
    -o-transition: 0.2s ease-in-out;
 +
    transition: 0.2s ease-in-out;
 +
}
 +
.seasonicon:hover{
 +
background-color:#6cccff;
 
}
 
}
 
/*FactoryBox Div*/
 
/*FactoryBox Div*/
 
.factorybox{
 
.factorybox{
−
border-radius:16px;
+
border-radius:8px;
−
border-bottom-right-radius:6px;
  −
border-top-left-radius:6px;
   
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 401: 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 422: 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 444: 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 465: 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 486: 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 527: Line 716:  
 
 
border-radius:6px;
 
border-radius:6px;
−
background-color:#647077;
   
-webkit-transition: all 0.2s ease-in-out;
 
-webkit-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
Line 543: Line 731:  
height:20px;
 
height:20px;
 
border-radius:6px;
 
border-radius:6px;
−
background-color:#647077;
   
-webkit-transition: all 0.2s ease-in-out;
 
-webkit-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
Line 558: Line 745:  
 
 
border-radius:6px;
 
border-radius:6px;
−
background-color:#647077;
   
-webkit-transition: all 0.2s ease-in-out;
 
-webkit-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
Line 574: Line 760:  
 
 
border-radius:6px;
 
border-radius:6px;
−
background-color:#647077;
   
-webkit-transition: all 0.2s ease-in-out;
 
-webkit-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
Line 585: Line 770:  
color:white;
 
color:white;
 
border-radius:6px;
 
border-radius:6px;
−
background-color:#647077;
   
-webkit-transition: all 0.2s ease-in-out;
 
-webkit-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
 
     -moz-transition: all 0.2s ease-in-out;
Line 635: 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 645: Line 829:  
/*Wiki Description*/
 
/*Wiki Description*/
 
#wikidesc{
 
#wikidesc{
−
border-radius:4px;
+
border-radius:8px;
−
border-top-left-radius:18px;
+
border-top-left-radius:16px;
−
border-bottom-right-radius:18px;
   
width:auto;
 
width:auto;
 
max-width:710px;
 
max-width:710px;
Line 653: Line 836:  
background-color:#3090c7;
 
background-color:#3090c7;
 
min-height:103px;
 
min-height:103px;
 +
margin-bottom:14.4px;
 
}
 
}
 
.craneicon{
 
.craneicon{
Line 676: Line 860:  
/*JP lang*/
 
/*JP lang*/
 
#nihontext{
 
#nihontext{
−
font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif;
+
font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif !important;
 
}
 
}
 
/*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 691: Line 875:  
padding-bottom:5px;
 
padding-bottom:5px;
 
text-align:center;
 
text-align:center;
−
margin-top:15px;
   
width:auto;
 
width:auto;
 
height:auto;
 
height:auto;
 
background-color:#3090c7;
 
background-color:#3090c7;
−
border-top-right-radius:4px;
+
border-top-right-radius:8px;
−
border-top-left-radius:14px;
+
border-top-left-radius:8px;
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
 
color:white;
 
color:white;
 
font-weight:bold;
 
font-weight:bold;
−
margin-bottom:2%;
   
width:100%;
 
width:100%;
 
}
 
}
 
.updatebox{
 
.updatebox{
−
border-radius:4px;
+
border-radius:8px;
−
border-bottom-right-radius:14px;
+
border-bottom-right-radius:8px;
−
border-top-left-radius:14px;
+
border-top-left-radius:8px;
−
background:transparent url(skins/common/images/updatebg.png) no-repeat;
+
background: url(frontpage_files/updatebg.jpg) no-repeat;
 
text-align:center;
 
text-align:center;
 
width:100%;
 
width:100%;
−
height:auto;
+
height:154px;
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
 
opacity:1;
 
opacity:1;
 +
margin-bottom:14.203px;
 +
}
 +
.updatecontainer {
 +
float:left;
 +
}
 +
#uptextbox {
 +
margin-top:13px;
 
}
 
}
 
.uptext{
 
.uptext{
Line 730: Line 919:  
.uptext:hover{
 
.uptext:hover{
 
color:#80bfff;
 
color:#80bfff;
 +
}
 +
 +
/*@media headers specified for front page layout modulation*/
 +
 +
/* Add 242px to whatever @media header is defined for use with MW */
 +
@media screen and (min-width:0px) {
 +
html {
 +
min-width:983px;
 +
}
 +
.rightcol, .leftcol {
 +
 +
width:710px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
#widgetcontainer {
 +
max-width:710px;
 +
padding:0px 0px 0px 0px;
 +
height:1800px;
 +
}
 +
.updatecontainer {
 +
width:48%;
 +
margin-right:4%;
 +
}
 +
.seasoncont {
 +
padding-top:30px;
 +
}
 +
}
 +
@media screen and (min-width:1259px) {
 +
.rightcol {
 +
width:260px;
 +
margin-left:4%;
 +
}
 +
#widgetcontainer {
 +
max-width:1014px;
 +
height:1300px;
 +
}
 +
.updatecontainer {
 +
width:100%;
 +
}
 +
#iconcluster {
 +
float:left;
 +
position:relative;
 +
top:-50px;
 +
}
 +
.seasoncont {
 +
padding-top:30px;
 +
}
 +
#uptextbox {
 +
margin-top:33px;
 +
}
 +
.updatebox {
 +
height: 200px;
 +
}
 +
.seasonalbox {
 +
height: 200px;
 +
}
 +
}
 +
@media screen and (min-width:1350px) {
 +
.rightcol {
 +
width:350px;
 +
}
 +
#widgetcontainer {
 +
max-width:1106px;
 +
height:1300px;
 +
}
 +
.seasonalbox {
 +
height: 200px;
 +
}
 +
#iconcluster {
 +
position:relative;
 +
top:-25px;
 +
width:710px;
 +
float:left;
 +
}
 +
.seasoncont {
 +
padding-top:30px;
 +
}
 +
#uptextbox {
 +
margin-top:33px;
 +
}
 +
.updatebox {
 +
height: 200px;
 +
}
 +
}
 +
@media screen and (min-width:1660px) {
 +
.rightcol {
 +
width:650px;
 +
}
 +
#widgetcontainer {
 +
max-width:1418px;
 +
height:950px;
 +
}
 +
.updatecontainer {
 +
width:48%; /*right margin 4%*/
 +
margin-right:4%;
 +
}
 +
.seasonalbox {
 +
height: 200px;
 +
}
 +
.updatebox {
 +
height: 200px;
 +
}
 +
#uptextbox {
 +
margin-top:33px;
 +
}
 +
.seasoncont {
 +
padding-top:30px;
 +
}
 +
#iconcluster {
 +
width:650px;
 +
float:right;
 +
top:0px;
 +
}
 
}
 
}
   Line 788: Line 1,091:  
padding-left: 10px;
 
padding-left: 10px;
 
list-style: none;
 
list-style: none;
 +
}
 +
 +
/************************************************/
 +
/* SPOILER ALERT */
 +
.spoiler {
 +
background-color: black;
 +
color: #000000;
 +
}
 +
 +
.spoiler:hover {
 +
background-color: black;
 +
color: #ffffff;
 +
}
 +
 +
/************************************************/
 +
/* Centered Table (instead of <table align="center">) */
 +
.centertable {
 +
margin-left: auto;
 +
margin-right: auto;
 
}
 
}
   Line 1,070: Line 1,392:  
border: 2px solid #bba;      /* Gray-gold */
 
border: 2px solid #bba;      /* Gray-gold */
 
}
 
}
 +
 +
/* Allow limiting of which header levels are shown in a TOC;
 +
  <div class="toclimit-3">, for instance, will limit to
 +
  showing ==headings== and ===headings=== but no further
 +
  (as long as there are no =headings= on the page, which
 +
  there shouldn't be according to the MoS). */
 +
.toclimit-2 .toclevel-1 ul,
 +
.toclimit-3 .toclevel-2 ul,
 +
.toclimit-4 .toclevel-3 ul,
 +
.toclimit-5 .toclevel-4 ul,
 +
.toclimit-6 .toclevel-5 ul,
 +
.toclimit-7 .toclevel-6 ul {
 +
    display: none;
 +
}
 +
 +
.thisisafuckingborder * {
 +
    border-spacing: 0px;
 +
    border-collapse: separate; 
 +
    border-radius: 5px;
 +
    border:1px solid black;
 +
    margin:15px;
 +
    font-family: sans-serif;
 +
    font-size: 1em;
 +
   
 +
}
 +
.thisisafuckingborder th {
 +
  background-color: #92d3fa;
 +
  color:#333333
 +
}
 +
.thisisafuckingborder a {
 +
  border-style: none !important;
 +
}
 +
.thisisafuckingborder td {
 +
  padding:6px;
 +
  background-color:#F6F6F6;
 +
}
 +
 
/* For template documentation */
 
/* For template documentation */
 
.template-documentation {
 
.template-documentation {
Line 1,174: Line 1,533:  
}
 
}
    +
/* 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;
 +
}
 +
 +
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,192: 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 {
 +
    background: url(images/d/d4/Winter_2016_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner13 {
 +
background: url(images/2/2b/Spring_2016_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner14 {
 +
background: url(images/f/f5/Summer_2016_Event_Banner.png) no-repeat center center;
 +
}
 +
 
 +
.eventBanner15 {
 +
    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
6,928

edits

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