• 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
no edit summary
Line 1: Line 1: −
/***** CSS placed here will be applied to all skins on the entire site. *****/
+
/*****************************************************************************************/
/*Vertical Alignment for MainPage and more*/
+
/*** This page is the central stylesheet for the entire wiki. Any additions or changes ***/
#mainpage {
+
/*** that are made here will be reflected globally around the website. Do NOT          ***/
 +
/*** modify unless you know exactly what you are doing. Consult me if you have        ***/
 +
/*** something in mind but don't know how to make it happen. You will only end up      ***/
 +
/*** breaking things already in place.                                                ***/
 +
/*** - Gensui Hime                                                                    ***/
 +
/*****************************************************************************************/
 +
/**Mainpage CSS Stylesheet**/
 +
#mainpage { /*Main Page box*/
 
width: 100%;
 
width: 100%;
 
padding: 1px 3px 1px 3px;
 
padding: 1px 3px 1px 3px;
box-sizing: border-box;
+
box-sizing: border-box; /*Resizing*/
 
-webkit-box-sizing: border-box;
 
-webkit-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
-moz-box-sizing: border-box;
Line 14: Line 21:  
-moz-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
}
 
}
#mp-leftcolumn {
+
#mp-leftcolumn { /*Left Column - Static 450px*/
float:left;
+
float:left; /*Image links can go here. (Non-resizeable)*/
 
width:450px;
 
width:450px;
 
margin-right:0.4%;
 
margin-right:0.4%;
Line 21: Line 28:  
}
 
}
   −
#mp-rightcolumn {
+
#mp-rightcolumn { /*Right Column - Fluid*/
width:auto;
+
width:auto; /*Various text based boxes can be inserted.*/
 
overflow:hidden;
 
overflow:hidden;
 
margin-left:0.1%;
 
margin-left:0.1%;
 
}
 
}
#coretitle {
+
#coretitle { /*Main Link Titlebox*/
 
text-align:center;
 
text-align:center;
 
border:1px solid lightgrey;
 
border:1px solid lightgrey;
Line 32: Line 39:  
background-color:#E9F3FE;
 
background-color:#E9F3FE;
 
}
 
}
#tophead {
+
#tophead { /*Wiki Description Box*/
 
border:double white;
 
border:double white;
 
border-radius:14px;
 
border-radius:14px;
Line 42: Line 49:  
min-width:160px;
 
min-width:160px;
 
}
 
}
#logo {
+
#logo { /*Logo inside tophead*/
 
float:left;
 
float:left;
 
width:150px;
 
width:150px;
 
}
 
}
#kcheader {
+
#kcheader { /*Element could not be fluid, so added a scrollbar.*/
 
width:auto;
 
width:auto;
 
overflow: scroll;
 
overflow: scroll;
 
height:150px;
 
height:150px;
overflow-x:hidden;
+
overflow-x:hidden; /*Hide bottom scroll because it's pointless*/
 
scrollbar-base-color:#E9F3FE;
 
scrollbar-base-color:#E9F3FE;
 
}
 
}
/* Language specific CSS */
+
/**************************************************************/
:lang(zh) {
+
/* Global Language Stylesheet */
 +
/* Set fonts for lang type */
 +
:lang(zh) { /*All Chinese languages?*/
 
font-family: Microsoft Yahei, 微软雅黑, Serif;
 
font-family: Microsoft Yahei, 微软雅黑, Serif;
 
}
 
}
Line 62: Line 71:  
}
 
}
 
   
 
   
:lang(zh-tw) {
+
:lang(zh-tw) { /*Taiwanese*/
 
font-family: Microsoft Jhenghei, 微軟正黑體, Serif;
 
font-family: Microsoft Jhenghei, 微軟正黑體, Serif;
 
}
 
}
 
   
 
   
:lang(ja) {
+
:lang(ja) { /*Japanese*/
 
font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif;
 
font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif;
 
}
 
}
/*Global Button Settings*/
+
 
 +
/*************************************/
 +
/* Button Stylesheet */
 +
/*Button Settings*/
 
.globalbutton {
 
.globalbutton {
 
-webkit-border-radius: 13;
 
-webkit-border-radius: 13;
Line 83: Line 95:  
text-align:center;
 
text-align:center;
 
}
 
}
 
+
.globalbutton:hover { /*When mouse hover*/
.globalbutton:hover {
   
background: #2b9ce3;
 
background: #2b9ce3;
 
text-decoration: none;
 
text-decoration: none;
 
}
 
}
.globalbutton:focus {
+
.globalbutton:active { /*When mouse press*/
 +
background: #1d90d8;
 +
text-decoration: none;
 +
}
 +
.globalbutton:focus { /*Removes blue outline*/
 
outline:0 !important;
 
outline:0 !important;
 
}
 
}
Line 104: Line 119:  
     font-weight:bold;
 
     font-weight:bold;
 
}
 
}
 
+
/************************************************/
/* Sitenotice AutoScroll CSS */
+
/* Scrolling Text CSS - Combined with Common.js */
 
#scrollDiv{
 
#scrollDiv{
 
width: 100%;
 
width: 100%;
Line 118: Line 133:  
}
 
}
    +
/******************************/
 +
/      Everything Else        */
 +
/******************************/
 
/* For template documentation */
 
/* For template documentation */
 
.template-documentation {
 
.template-documentation {

Navigation menu