• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Changes

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 20:31, 18 December 2015

5,653 bytes added ,  8 years ago
redo for fpcss - v2
Line 7: Line 7:  
/*** - Gensui Hime                                                                    ***/
 
/*** - Gensui Hime                                                                    ***/
 
/*****************************************************************************************/
 
/*****************************************************************************************/
−
/**Mainpage CSS Stylesheet**/
  −
#mainpage { /*Main Page box*/
  −
width: 100%;
  −
padding: 1px 3px 1px 3px;
  −
box-sizing: border-box; /*Resizing*/
  −
-webkit-box-sizing: border-box;
  −
-moz-box-sizing: border-box;
  −
}
  −
  −
#mainpage * {
  −
box-sizing: border-box;
  −
-webkit-box-sizing: border-box;
  −
-moz-box-sizing: border-box;
  −
}
  −
#mp-leftcolumn { /*Left Column - Static 450px*/
  −
float:left; /*Image links can go here. (Non-resizeable)*/
  −
width:450px;
  −
margin-right:1%;
  −
  −
}
  −
  −
#mp-rightcolumn { /*Right Column - Fluid*/
  −
width:auto; /*Various text based boxes can be inserted.*/
  −
overflow:hidden;
  −
margin-left:0.1%;
  −
}
  −
#mp-leftbox { /*Left Column Box*/
  −
width:450px;
  −
border:1px solid #2b7de3;
  −
border-radius: 9px;
  −
padding: 3px 3px 3px 3px;
  −
margin-bottom:0.7%;
  −
}
  −
#mp-leftbox .mp-image {
  −
  −
}
  −
#coretitle { /*Main Link Titlebox*/
  −
text-align:center;
  −
color: #FFFFFF;
  −
border:1px solid #2b7de3;
  −
border-radius:6px;
  −
background-color:#2b7de3;
  −
}
  −
#tophead { /*Wiki Description Box*/
  −
border:solid #5fb4ea;
  −
border-radius:14px;
  −
border-width:4px;
  −
padding: 6px 6px 6px 6px;
  −
background-color:#E9F3FE;
  −
margin-bottom:0.3%;
  −
min-height:150px;
  −
min-width:160px;
  −
}
  −
#logo { /*Logo inside tophead*/
  −
float:left;
  −
width:150px;
  −
}
  −
#kcheader { /*Element could not be fluid, so added a scrollbar.*/
  −
width:auto;
  −
overflow: scroll;
  −
height:150px;
  −
overflow-x:hidden; /*Hide bottom scroll because it's pointless*/
  −
}
  −
  −
/*Front Page CSS - Experimental 2.0 electric boogaloo*/
  −
  −
/* CSS sheet for fp.html*/
  −
/* CSS Document */
      
/* CSS sheet for fp.html*/
 
/* CSS sheet for fp.html*/
    +
/*Primary Container*/
 
#widgetcontainer{
 
#widgetcontainer{
−
line-height:1.2 !important;
+
line-height:1.2 !important; /*MediaWiki resizes line height, destroying placements.*/
 
max-width:1446px;
 
max-width:1446px;
 
margin-left:auto;
 
margin-left:auto;
Line 85: Line 18:  
min-width:970px;
 
min-width:970px;
 
padding-left:18px;
 
padding-left:18px;
−
   
}
 
}
−
#leftcolumn{
+
/*Column Settings*/
 +
.rightcol{
 +
width:auto;
 +
min-width:220px;
 +
max-width:750px;
 +
margin-right:0.5%;
 +
overflow:hidden;
 +
}
 +
.leftcol{
 
width:710px;
 
width:710px;
 
margin:auto;
 
margin:auto;
 
float:left;
 
float:left;
−
margin-right: 1%;
+
margin-right: 4%;
 +
margin-bottom:1%;
 +
position:relative;
 
}
 
}
−
#mainboxtext{
+
 
−
font-weight:bold;
+
/*Icon Triumvirate Styling*/
 +
#iconcontainer{
 +
background:url(skins/common/images/mainboxbg.jpg) no-repeat;
 +
width:710px;
 +
height:300px;
 +
overflow:hidden;
 +
border:0px solid #0099ff;
 +
border-radius:16px;
 +
border-bottom-right-radius:6px;
 +
border-top-left-radius:6px;
 +
overflow:hidden;
 +
}
 +
.sortext{
 +
/*font-weight:bold;*/
 +
color:white;
 +
padding:4px 4px 4px 4px;
 +
font-size:20px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
text-decoration:none;
 +
-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;
 +
}
 +
.sortext:hover{
 +
text-shadow:0px 0px 10px #D50000;
 +
}
 +
.pvptext{
 +
color:white;
 +
padding:4px 4px 4px 4px;
 +
font-size:20px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
text-decoration:none;
 +
-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;
 +
}
 +
.pvptext:hover{
 +
text-shadow:0px 0px 10px #03D500;
 +
}
 +
.exptext{
 
color:white;
 
color:white;
 
padding:4px 4px 4px 4px;
 
padding:4px 4px 4px 4px;
Line 100: Line 83:  
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
 
text-decoration:none;
 
text-decoration:none;
 +
-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;
 +
}
 +
.exptext:hover{
 +
text-shadow:0px 0px 10px #00B1D5;
 +
}
 +
#sortie{
 +
background:transparent url(skins/common/images/sortiev2.png) no-repeat;
 
}
 
}
−
 
+
.sortie{  
−
a.sortie{  
   
padding-right:10px;
 
padding-right:10px;
 
float:left;
 
float:left;
 
width:217px;
 
width:217px;
−
height:247px;
+
height:247px;
−
background:transparent url(skins/common/images/sortie.png) no-repeat;
  −
background-position: 0 0;
   
display:block;
 
display:block;
 +
opacity: 0.0;
 +
    filter: alpha(opacity=0); /* For IE8 and earlier */
 +
    -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;
 +
}
 +
.sortie:hover{
 +
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
}
 
}
−
a.sortie:hover{
+
#pvp{
−
background-position: 0 100%;
+
background:transparent url(skins/common/images/pvpv2.png) no-repeat;
 
}
 
}
−
a.pvp{
+
.pvp{
 
padding-right:10px;
 
padding-right:10px;
 
float:left;
 
float:left;
 
width:217px;
 
width:217px;
 
height:247px;  
 
height:247px;  
−
background:transparent url(skins/common/images/pvp.png) no-repeat;
  −
background-position: 0 0;
   
display:block;
 
display:block;
 +
opacity: 0.0;
 +
-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;
 
}
 
}
−
a.pvp:hover{
+
.pvp:hover{
−
background-position: 0 100%
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
}
 
}
−
#iconcontainer{
+
 
−
background:url(skins/common/images/mainboxbg.jpg) no-repeat;
+
#exped{
−
width:710px;
+
background:transparent url(skins/common/images/expedv2.png) no-repeat;
−
height:300px;
  −
overflow:hidden;
  −
border:0px solid #0099ff;
  −
border-radius:16px;
  −
border-bottom-right-radius:6px;
  −
border-top-left-radius:6px;
  −
overflow:hidden;
   
}
 
}
−
 
+
.exped{
−
a.exped{
   
padding-right:10px;
 
padding-right:10px;
 
float:left;
 
float:left;
 
width:217px;
 
width:217px;
 
height:247px;  
 
height:247px;  
−
background:transparent url(skins/common/images/exped.png) no-repeat;
+
−
background-position: 0 0;
   
display:block;
 
display:block;
 +
opacity: 0.0;
 +
-webkit-transition: 0.2s ease-in-out;
 +
    -moz-transition: 0.2s ease-in-out;
 +
    -o-transition: 0.2s ease-in-out;
 
}
 
}
−
a.exped:hover{
+
.exped:hover{
−
background-position: 0 100%;
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
}
 
}
−
 
+
/*Link Style Reset*/
 
a:link {
 
a:link {
 
text-decoration:none;
 
text-decoration:none;
Line 157: Line 157:  
text-decoration:none;
 
text-decoration:none;
 
}
 
}
 +
/*Event Banner*/
 +
/*When there is no event, replace with noevban.png*/
 
.eventbanner{
 
.eventbanner{
 
 
Line 162: Line 164:  
height:93px;
 
height:93px;
 
float:left;
 
float:left;
−
background-position:0 0;
+
border-bottom-left-radius:16px;
−
background:url(skins/common/images/banner.png) no-repeat;
+
border-bottom-right-radius:8px;
 +
 
display:block;
 
display:block;
 +
opacity: 0.0;
 +
    filter: alpha(opacity=0); /* For IE8 and earlier */
 +
    -webkit-transition: 0.4s ease-in-out;
 +
    -moz-transition: 0.4s ease-in-out;
 +
    -o-transition: 0.4s ease-in-out;
 +
    transition: 0.4s ease-in-out;
 +
 
}
 
}
 
.eventbanner:hover{
 
.eventbanner:hover{
−
background-position:0 100%;
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
border-bottom-left-radius:16px;
 +
border-bottom-right-radius:8px;
 
}
 
}
 
#eventbanner{
 
#eventbanner{
Line 174: Line 187:  
border-bottom-left-radius:16px;
 
border-bottom-left-radius:16px;
 
border-bottom-right-radius:8px;
 
border-bottom-right-radius:8px;
−
+
background:url(skins/common/images/noevban.png) no-repeat center center;
 
overflow:hidden;
 
overflow:hidden;
 
width:710px;
 
width:710px;
Line 200: Line 213:  
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
 
}
 
}
−
 
+
/*World List*/
 
#worldicons{
 
#worldicons{
 
width:710px;
 
width:710px;
Line 295: Line 308:  
color:#3090c7;
 
color:#3090c7;
 
text-decoration:none;*/
 
text-decoration:none;*/
 +
/*text-shadow:0px 0px 8px #5DADE2;*/
 
color:black;
 
color:black;
 
border-radius:6px;
 
border-radius:6px;
 
padding:1px 4px 1px 4px;
 
padding:1px 4px 1px 4px;
 +
-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;
 +
 
}
 
}
    
.wortext:hover{
 
.wortext:hover{
−
text-decoration:underline;
+
color:black;
 +
/*text-shadow:0px 0px 16px #2E86C1;*/
 +
 
}
 
}
   Line 312: Line 333:     
.worname{
 
.worname{
 +
/*text-shadow:0px 0px 8px #5DADE2;*/
 
color:black;
 
color:black;
 
font-size:13px;
 
font-size:13px;
 +
-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;
 
}
 
}
−
.rightcol{
+
.worname:hover{
−
width:auto;
+
color:black;
−
min-width:220px;
+
text-shadow:0px 0px 10px #FFB813;
−
max-width:750px;
  −
margin-right:0.5%;
  −
overflow:hidden;
  −
}
  −
.leftcol{
  −
width:710px;
  −
margin:auto;
  −
float:left;
  −
margin-right: 4%;
  −
margin-bottom:1%;
  −
position:relative;
   
}
 
}
 +
 +
/*OBSOLETE*/
 
#twidget{
 
#twidget{
 
border:2px solid white;
 
border:2px solid white;
Line 338: Line 355:  
float:left;
 
float:left;
 
}
 
}
−
.iconbar{
+
/*FactoryBox Div*/
−
float:left;
+
.factorybox{
−
width:178px;
+
border-radius:16px;
−
margin-left:4px;
+
border-bottom-right-radius:6px;
−
height:552px;
+
border-top-left-radius:6px;
−
background:url(skins/common/images/factorybg.png) no-repeat;
+
width:710px;
−
border-radius:6px;
+
height:170px;
−
text-align:center;
+
background: url(skins/common/images/iconboxbgv2.png) no-repeat;
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
−
border:1px solid black;
+
margin-top:2%;
 +
}
 +
 
 +
/* Factorybox Individual Containers - Icon+Text */
 +
.constbox{
 +
width:176px;
 +
position:relative;
 +
top:1px;
 +
left:50px;
 +
margin-right:0px;
 +
}
 +
.develbox{
 +
width:176px;
 +
position:relative;
 +
top:-94px;
 +
left:276px;
 +
}
 +
.kaisyubox{
 +
width:171px;
 +
position:relative;
 +
top:-90px;
 +
left:53px;
 +
}
 +
.kaisoubox{
 +
width:171px;
 +
position:relative;
 +
top:-159px;
 +
left:279px;
 +
}
 +
.revampbox{
 +
width:155px;
 +
position:relative;
 +
bottom:320px;
 +
left:522px;
 +
}
 +
/* Construction Icon FX */
 +
#const{
 +
background: transparent url(skins/common/images/constv2.png) no-repeat center center;
 
}
 
}
 
.const{
 
.const{
 
width:176px;
 
width:176px;
 
height:70px;
 
height:70px;
−
background: transparent url(skins/common/images/const.png) no-repeat;
   
display:block;
 
display:block;
−
margin-top:4px;
+
margin-top:8px;
−
margin-left:auto;
+
margin-bottom:-4px;
−
margin-right:auto;
+
opacity: 0.0;
 +
    filter: alpha(opacity=0); /* For IE8 and earlier */
 +
    -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;
 
}
 
}
 
.const:hover{
 
.const:hover{
−
background-position:0 100%;
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
}
 
}
−
.iconname{
+
/* Development Icon FX */
−
font-size:18px;
+
#devel{
−
align:center;
+
background: transparent url(skins/common/images/develv2.png) no-repeat center center;
−
color:black;
   
}
 
}
 +
 
.devel{
 
.devel{
 
width:176px;
 
width:176px;
 
height:70px;
 
height:70px;
−
background: transparent url(skins/common/images/dev.png) no-repeat;
   
display:block;
 
display:block;
 
margin-top:8px;
 
margin-top:8px;
−
margin-left:auto;
+
margin-bottom:-4px;
−
margin-right:auto;
+
opacity: 0.0;
 +
    filter: alpha(opacity=0); /* For IE8 and earlier */
 +
    -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;
 
}
 
}
 
.devel:hover{
 
.devel:hover{
−
background-position:0 100%;
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
}
 
}
−
.iconplat{
+
/*More FX*/
−
background:transparent url(skins/common/images/iconplat.png) no-repeat;
+
#kaisyu{
−
display:block;
+
background: transparent url(skins/common/images/kaisyu.png) no-repeat;
−
width:182px;
  −
height:10px;
  −
position:relative;
  −
left:0px;
  −
z-index:1000;
   
}
 
}
 
.kaisyu{
 
.kaisyu{
−
margin-top:8px;
  −
margin-bottom:8px;
  −
background:transparent url(skins/common/images/kindai.png) no-repeat;
   
display:block;
 
display:block;
 
width:171px;
 
width:171px;
Line 396: Line 452:  
margin-left:auto;
 
margin-left:auto;
 
margin-right:auto;
 
margin-right:auto;
 +
opacity: 0.0;
 +
    filter: alpha(opacity=0); /* For IE8 and earlier */
 +
    -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;
 
}
 
}
 
.kaisyu:hover{
 
.kaisyu:hover{
−
background-position:0 100%;
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
/*More FX*/
 +
#kaisou{
 +
background: transparent url(skins/common/images/kaisouv2.png) no-repeat;
 
}
 
}
 
.kaisou{
 
.kaisou{
−
margin-top:8px;
  −
margin-bottom:8px;
  −
background:transparent url(skins/common/images/kaisou.png) no-repeat;
   
display:block;
 
display:block;
 
width:171px;
 
width:171px;
Line 409: Line 473:  
margin-left:auto;
 
margin-left:auto;
 
margin-right:auto;
 
margin-right:auto;
 +
opacity: 0.0;
 +
    filter: alpha(opacity=0); /* For IE8 and earlier */
 +
    -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;
 
}
 
}
 
.kaisou:hover{
 
.kaisou:hover{
−
background-position:0 100%;
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
/*More FX*/
 +
#revamp{
 +
background:transparent url(skins/common/images/revampv2.png) no-repeat;
 
}
 
}
 
.revamp{
 
.revamp{
Line 422: Line 497:  
margin-left:auto;
 
margin-left:auto;
 
margin-right:auto;
 
margin-right:auto;
 +
opacity: 0.0;
 +
    filter: alpha(opacity=0); /* For IE8 and earlier */
 +
    -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;
 
}
 
}
 
.revamp:hover{
 
.revamp:hover{
−
background-position:0 100%;
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
}
 
}
−
#iconbartitle{
+
 
−
border-top-left-radius:6px;
+
/* OBSOLETE
−
border-top-right-radius:6px;
+
.iconname{
−
padding:2px 4px 2px 4px;
+
font-size:18px;
−
background-color:#3090C7;
+
text-align:center;
 +
color:black;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
*/
 +
/*Factorybox Names Alignment*/
 +
.constname{
 +
font-size:18px;
 +
text-align:center;
 +
color:white;
 +
margin-left:auto;
 +
margin-right:auto;
 +
 +
border-radius:6px;
 +
background-color:#647077;
 +
-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;
 +
}
 +
 
 +
.develname{
 +
font-size:15px;
 +
text-align:center;
 +
color:white;
 +
padding-top:2px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
height:20px;
 +
border-radius:6px;
 +
background-color:#647077;
 +
-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;
 +
}
 +
.kaisyuname{
 +
font-size:18px;
 +
text-align:center;
 +
color:white;
 +
margin-left:auto;
 +
margin-right:auto;
 +
margin-top:2px;
 +
 +
border-radius:6px;
 +
background-color:#647077;
 +
-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;
 +
}
 +
.kaisouname{
 +
font-size:18px;
 +
text-align:center;
 +
color:white;
 +
 +
margin-left:auto;
 +
margin-right:auto;
 +
margin-top:2px;
 +
 +
border-radius:6px;
 +
background-color:#647077;
 +
-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;
 +
}
 +
.revampname{
 +
font-size:15px;
 +
text-align:center;
 +
color:white;
 +
border-radius:6px;
 +
background-color:#647077;
 +
-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;
 +
}
 +
/*Prevent visited links from turning blue*/
 +
.constname:visited{
 +
text-decoration:none;
 +
color:white;
 +
}
 +
.develname:visited{
 +
text-decoration:none;
 +
color:white;
 +
}
 +
.kaisyuname:visited{
 +
text-decoration:none;
 +
color:white;
 +
}
 +
.kaisouname:visited{
 +
text-decoration:none;
 +
color:white;
 +
}
 +
.revampname:visited{
 +
text-decoration:none;
 +
color:white;
 +
}
 +
/*Hover FX - MUST be placed AFTER .visited*/
 +
.constname:hover{
 +
background-color:#BB2F2F;
 +
text-shadow:2px 2px 10px black;
 +
}
 +
.develname:hover{
 +
background-color:#3EBB2F;
 +
text-shadow:2px 2px 10px black;
 +
}
 +
.kaisouname:hover{
 +
background-color:#2FA6BB;
 +
text-shadow:2px 2px 10px black;
 +
}
 +
.kaisyuname:hover{
 +
background-color:#2FA6BB;
 +
text-shadow:2px 2px 10px black;
 +
}
 +
.revampname:hover{
 +
background-color:#39ADF0;
 +
text-shadow:2px 2px 10px black;
 +
}
 +
/*Icon Platform - Not in use*/
 +
.iconplat{
 +
background:transparent url(skins/common/images/iconplat.png) no-repeat;
 +
display:block;
 +
width:182px;
 +
height:10px;
 +
position:relative;
 +
left:0px;
 +
z-index:1000;
 
}
 
}
 +
/*Wiki Description*/
 
#wikidesc{
 
#wikidesc{
 
border-radius:4px;
 
border-radius:4px;
Line 462: Line 674:  
padding:10px 8px 10px 8px;
 
padding:10px 8px 10px 8px;
 
}
 
}
 +
/*JP lang*/
 
#nihontext{
 
#nihontext{
 
font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif;
 
font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif;
 
}
 
}
 +
/*World div Addon*/
 
.worldside{
 
.worldside{
 
background:transparent url(skins/common/images/worldside.png) no-repeat;
 
background:transparent url(skins/common/images/worldside.png) no-repeat;
Line 472: Line 686:  
left:-21px;
 
left:-21px;
 
}
 
}
 +
/*Update Box*/
 
#updateheader{
 
#updateheader{
 
padding-top:5px;
 
padding-top:5px;
Line 503: Line 718:  
text-shadow:0px 0px 16px #0071e6;
 
text-shadow:0px 0px 16px #0071e6;
 
padding:2px 2px 2px 2px;
 
padding:2px 2px 2px 2px;
 +
 +
-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;
 
}
 
}
 
.uptext:visited{
 
.uptext:visited{
Line 511: Line 731:  
color:#80bfff;
 
color:#80bfff;
 
}
 
}
 +
    
/**************************************************************/
 
/**************************************************************/
Retrieved from "https://en.kancollewiki.net/Special:MobileDiff/64663"

Navigation menu