MediaWiki:Common.css

来自舰娘百科
跳转至: 导航搜索
/* 放置于这里的CSS将应用于所有皮肤 */

/*
#bodyContent
{
    font-family: Calibri, Serif;
    font-size: 1em;
}
*/

/* 隐藏首页的段落标题 */

body.page-舰娘百科.action-view h1.firstHeading, body.page-舰娘百科.action-submit h1.firstHeading {
    display: none;
}

/*
:lang(zh) {
    font-family: Microsoft Yahei, 微软雅黑;
}

:lang(zh-cn) {
    font-family: Microsoft Yahei, 微软雅黑;
}

:lang(zh-tw) {
    font-family: Microsoft Jhenghei, 微軟正黑體;
}

:lang(ja) {
    font-family: Yu Gothic, 游ゴシック;
}
*/

.ace_content .ace_content:lang(zh) .ace_content:lang(zh-cn) .ace_content:lang(zh-tw) {
    font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace !important;
}

.bodytext {
    text-align: left;
}

/* 页头相关CSS */

#p-personal {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px 10px 5px 0;
    box-shadow: 0 1px 5px #777777;
}

/* 移除MW自带10em宽度,参考自萌百 */
#p-personal ul {
    padding-left: 0;
}

div.vectorTabs ul li {
    background-image: url("https://static.kcwiki.cn/commons/Tab-normal-fade.png");
    background-color: rgba(255, 255, 255, 0.2);
}

div.vectorMenu h3 {
    background-image: url("https://static.kcwiki.cn/commons/Tab-normal-fade.png");
    background-color: rgba(255, 255, 255, 0.2);
}

div.vectorTabs li.selected {
    background-image: url("https://static.kcwiki.cn/commons/Tab-current-fade.png");
    background-color: rgba(255, 255, 255, 0.2);
}

div#mw-head-base {
    background-image: url('https://upload.kcwiki.cn/PixID42169953.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-color: transparent;
    height: 8em;
}

div#left-navigation {
    margin-top: 5.5em;
}

div#right-navigation {
    margin-top: 5.5em;
}

/* 首页相关CSS */

.fullWidthImage img{
	width: 100%;
	height: auto;
}

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading {
	display: none;
}

#mf-home {
	background: url(https://upload.kcwiki.cn/commons/e/e9/Mainpage-nav-background.jpg) repeat center top;
}

.main-header {
	height: 30px;
	line-height: 30px;
	background: #88ceff;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

/*
.main-table p, .main-table div {
	margin: 0;
	padding: 0;
}
*/

.main-table table {
	border-collapse: collapse;
	border-spacing: 0;
}

.main-tab {
	border-bottom: 2px solid #f8bcbe;
	padding: 0;
}

/*tabsr*/
.main-tab .tabs .tabs-input {
    display: none;
}

.main-tab .tabs .tabs-label {
	background: #fdf0ee;
    border: 2px solid #f8bcbe;
    border-radius: 0;
    border-bottom: none;
    margin: 0 10px 0 0;
    width: 130px;
    text-align: center;
    padding: 2px 0;
}

.main-tab .tabs .tabs-container {
    background: #fdf0ee;
    border: 2px solid #f8bcbe;
    border-radius: 0;
    margin-top: -2px;
}

.main-tab .tabs .tabs-content {
    width: 100%;
}

/*tabber*/
.main-tab .tabbernav { 
	border: none; 
	padding: 0;  
	margin-bottom: -1px;
}
 
.main-tab .tabbernav li {
	font-size: 1.5em;
	line-height: 1.8em;
}
 
.main-tab .tabbernav li a {
	margin-right: 5px;
	margin-left: 0;
	border: 2px solid #f8bcbe;
	border-bottom: none;
	color: #79678d;
	background: #fcebe8;
	font-weight: normal;
}
 
.main-tab .tabbernav li a:hover {
	border-bottom: none;
	border-color: #f8bcbe;
}
 
.main-tab .tabbernav li.tabberactive a {
	border-bottom: 2px solid #fdf0ee;
    background: #fdf0ee;
}
.main-tab .tabbernav li.tabberactive a:hover {
	border-bottom: 2px solid #fdf0ee;
	background: #fef0ef;
}
.main-tab .tabbertab {
	padding: 0px;
	border: 2px solid #f8bcbe;
}
 
.main-tab .tabbertab > p {
	position: absolute;
}



.sub-table {
	border: none;
	background-color: transparent;
}

.sub-table-pic img {
	width: 100%;
	height: auto;
    max-width: 700px;
}

@media screen and (max-width: 1302px) {
    .qxIndex-fsec2-left { width: 100% !important; }
    .qxIndex-fsec3-left { width: 100% !important; }
    .sub-table { height: auto !important; }
}

/*
.main-nav a {
	font-size: 1.1em;
	color: #5abae2;
	font-weight: normal;
}
*/
 
/* 隐藏首页标题 */
body.mainpage.action-view h1.firstHeading, body.mainpage.action-submit h1.firstHeading { display: none; }
/* 
    浮动目录效果
    .toc-custom类添加逻辑在Mediawiki:Common.js
*/
.toc {
    
}
.toc-custom{
    position:fixed;
    right:0;
    top: 130px;
    background:rgba(255,255,255, 0.8);
    z-index: 10;
    max-width: 240px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
}
.toc-custom:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow:0 0 4px black;
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
}
.toc-custom:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
}
.toc-custom:before {
    content: '目录';
    text-align: center;
    font-size: 12px;
    width: 20px;
    padding: 15px 3px;
    height:45px;
    background: #000;
    color: #fff;
    position: absolute;
    left: -26px;
    top: 50%;
    margin-top: -30px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.toc-custom>ul{
    max-height: 280px;
    overflow-y:scroll;
}
.toc-custom>ul{
    max-height: 280px;
    overflow-y:scroll;
}




/* 新版首页 测试中 BEGIN */

/*@media headers specified for front page layout modulation*/

/* Separate from Common.CSS in order to make changes swift and easy? Debatable */
/*Primary Container*/
#widgetcontainer{
	line-height:1.2 !important; /*MediaWiki resizes line height, destroying placements.*/
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;	/*Mediawiki max space for 1080p is some 1600px*/
	min-width:710px;
	padding-left:18px;
	/*height:918px;*/
	margin-bottom:2%;
}

/*Column Settings*/
.rightcol{
	width:auto;
	margin-right:4%;
	margin-left:4%;
	float:left;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
}
.leftcol{
	width:710px;
	float:left;
	
	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%;
	
	-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(https://static.kcwiki.cn/MainPage/infobarbg.png) no-repeat;
}
#infoicons {
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
	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*/
#iconcontainer{
	background:url(https://static.kcwiki.cn/MainPage/mainboxbg.jpg) no-repeat;
	width:710px;
	height:300px;
	overflow:hidden;
	border:0px solid #0099ff;
	border-radius:8px;	
	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;
	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;
}
.exptext:hover{
	text-shadow:0px 0px 10px #00B1D5;
}
#sortie{
	background:transparent url(https://static.kcwiki.cn/MainPage/sortiev2.png) no-repeat;
}
.sortie{ 
	padding-right:10px;
	float:left;
	width:217px;
	height:247px;
	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 */
}
#pvp{
	background:transparent url(https://static.kcwiki.cn/MainPage/pvpv2.png) no-repeat;
}
.pvp{
	padding-right:10px;
	float:left;
	width:217px;
	height:247px; 
	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;
}
.pvp:hover{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#exped{
	background:transparent url(https://static.kcwiki.cn/MainPage/expedv2.png) no-repeat;
}
.exped{
	padding-right:10px;
	float:left;
	width:217px;
	height:247px; 
	
	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;
}
.exped:hover{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*Link Style Reset*/
a:link {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
/*Event Banner*/
/*When there is no event, replace with noevban.png*/
.eventbanner{
	
	width:710px;
	height:93px;
	float:left;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	
	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{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
#eventbanner{
	text-align:center;
	border:0px solid #a7d7f9;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	background:url(https://static.kcwiki.cn/MainPage/noevban.png) no-repeat center center;
	overflow:hidden;
	width:710px;
	height:93px;
	background-size: contain;
}
#eventwrap{
	border:0px solid #b6b6b4; 
	border-top:0px;
	width:710px; 
	border-bottom-left-radius:12px;
	border-bottom-right-radius:4px;
	margin-bottom:2%;
}
#eventinfo{
	text-align:center;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border:0px solid #b6b6b4;
	/*border-bottom:0px;*/
	background:#3090c7;
	font-weight:bold;
	color:white;
	padding:4px 4px 4px 4px;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
}
/*World List*/
#worldicons{
	width:710px;
	border:0px solid #3090c7;
	margin-top:2%;
	text-align:center;
	height:98px;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	background:transparent url(https://static.kcwiki.cn/MainPage/worldv2.png) no-repeat;
	
	font-weight:bold;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	
	margin-bottom:2%;
}
.wor1{
	margin:auto;
	background: transparent url(https://static.kcwiki.cn/MainPage/w1.png) no-repeat;
	background-position:0 0;
	display:block;
	width:50px;
	height:40px;
}

.wor1:hover{
	background-position:0 100%;	
}
.wor2{
	margin:auto;
	background: transparent url(https://static.kcwiki.cn/MainPage/w2.png) no-repeat;
	background-position:0 0;
	display:block;
	width:50px;
	height:40px;
}

.wor2:hover{
	background-position:0 100%;	
}
.wor3{
	margin:auto;
	background: transparent url(https://static.kcwiki.cn/MainPage/w3.png) no-repeat;
	background-position:0 0;
	display:block;
	width:50px;
	height:40px;
}

.wor3:hover{
	background-position:0 100%;	
}
.wor4{
	margin:auto;
	background: transparent url(https://static.kcwiki.cn/MainPage/w4.png) no-repeat;
	background-position:0 0;
	display:block;
	width:50px;
	height:40px;
}

.wor4:hover{
	background-position:0 100%;	
}
.wor5{
	margin:auto;
	background: transparent url(https://static.kcwiki.cn/MainPage/w5.png) no-repeat;
	background-position:0 0;
	display:block;
	width:50px;
	height:40px;
}

.wor5:hover{
	background-position:0 100%;	
}
.wor6{
	margin:auto;
	background: transparent url(https://static.kcwiki.cn/MainPage/w6.png) no-repeat;
	background-position:0 0;
	display:block;
	width:50px;
	height:40px;
}

.wor6:hover{
	background-position:0 100%;	
}
.wortext{
	font-size:16px;
	/*background-color:#3090c7;
	color:#3090c7;
	text-decoration:none;*/
	/*text-shadow:0px 0px 8px #5DADE2;*/
	color:black;
	border-radius:6px;	
	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{
	color:black;
	/*text-shadow:0px 0px 16px #2E86C1;*/
	
}

#worlds{
	padding-top:3px;
	margin:auto;
	width:118px;
	float:left;
}

.worname{
	/*text-shadow:0px 0px 8px #5DADE2;*/
	color:black;
	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;
}
.worname:hover{
	color:black;
	text-shadow:0px 0px 10px #FFB813;
}
/* Twitter and Seasonals */
.twidget{
	border:0px solid white;
	border-radius:4px;
	background-color:white;
	height:368px;
	width:48%;
	float:left;
}
.seasonalbox {
	width:100%;
	height:200px;
	background: url(https://static.kcwiki.cn/MainPage/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{
	border-radius:8px;	
	width:710px;
	height:170px;
	background: url(https://static.kcwiki.cn/MainPage/iconboxbgv2.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	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(https://static.kcwiki.cn/MainPage/constv2.png) no-repeat center center;
}
.const{
	width:176px;
	height:70px;
	display:block;
	margin-top:8px;
	margin-bottom:-4px;
	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{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* Development Icon FX */
#devel{
	background: transparent url(https://static.kcwiki.cn/MainPage/develv2.png) no-repeat center center;
}

.devel{
	width:176px;
	height:70px;
	display:block;
	margin-top:8px;
	margin-bottom:-4px;
	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{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*More FX*/
#kaisyu{
	background: transparent url(https://static.kcwiki.cn/MainPage/kaisyu.png) no-repeat;
}
.kaisyu{
	display:block;
	width:171px;
	height:47px;
	margin-left: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{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*More FX*/
#kaisou{
	background: transparent url(https://static.kcwiki.cn/MainPage/kaisouv2.png) no-repeat;
}
.kaisou{
	display:block;
	width:171px;
	height:47px;
	margin-left: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{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*More FX*/
#revamp{
	background:transparent url(https://static.kcwiki.cn/MainPage/revampv2.png) no-repeat;
}
.revamp{
	margin-top:8px;
	margin-bottom:8px;
	background:transparent url(https://static.kcwiki.cn/MainPage/revamp.png) no-repeat;
	display:block;
	width:155px;
	height:95px;
	margin-left: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{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

/* OBSOLETE
.iconname{
	font-size:18px;
	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;
	-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;
	-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;
	-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;
	-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;
	-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(https://static.kcwiki.cn/MainPage/iconplat.png) no-repeat;
	display:block;
	width:182px;
	height:10px;
	position:relative;
	left:0px;
	z-index:1000;
}
/*Wiki Description*/
#wikidesc{
	border-radius:8px;
	border-top-left-radius:16px;
	width:auto;
	max-width:710px;
	height:auto;	
	background-color:#3090c7;
	min-height:103px;
	margin-bottom:14.4px;
}
.craneicon{
	float:left;
	width:101px;
	height:87px;
	align:left;
	border:1px solid #333;
	border-radius:18px;
	overflow:hidden;
	margin-right:8px;
}
.desctext{
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
}
#descbox{
	padding:10px 8px 10px 8px;	
}
/*JP lang*/
#nihontext{
	font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif !important;
}
/*World div Addon*/
.worldside{
	background:transparent url(https://static.kcwiki.cn/MainPage/worldside.png) no-repeat;
	width:26px;
	height:98px;
	position:absolute;
	left:-21px;
}
/*Update Box*/
#updateheader{
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	width:auto;
	height:auto;
	background-color:#3090c7;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	font-weight:bold;
	width:100%;
}
.updatebox{
	border-radius:8px;
	border-bottom-right-radius:8px;
	border-top-left-radius:8px;
	background: url(https://static.kcwiki.cn/MainPage/updatebg.jpg) no-repeat;
	text-align:center;
	width:100%;
	height:154px;
	font-family: Arial, Helvetica, sans-serif;
	opacity:1;
	margin-bottom:14.203px;
}
.updatecontainer {
	float:left;	
}
#uptextbox {
	margin-top:13px;	
}
.uptext{
	color:white;
	text-shadow:0px 0px 16px #0071e6;
	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{
	text-decoration:none;
	color:white;	
}
.uptext:hover{
	color:#80bfff;
}

/* 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:-90px;
	}
	.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;
	}
}


/* 新版首页 测试中 END */




/*
 
== 参考区 ==
 
*/
 
/* make the list of references look smaller */
ol.references {
   font-size: 100%;
}f
 
.references-small { font-size: 90%;}
 
sup.reference { 
  white-space: nowrap;
}
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
  font-size: 90%;
  -moz-column-count:2;
  column-count:2;
}
 
.same-bg { background: none }
 
ol.references > li:target,
sup.reference:target,
cite:target {
  background-color: #DDEEFF;
}
/*
 
== 表格 ==
 
*/
/* wikitable/prettytable class for skinning normal tables */
 
table.wikitable,
table.prettytable {
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
  margin-top: 1em; margin-bottom: 1em;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}
 
table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}
 
/*
 
== 提示 ==
 
*/
/* Style for "notices" */
.notice {
    text-align: justify;
    margin: 1em;
    padding: 0.2em;
}
 
#disambig {
    border-top: 3px double #cccccc;
    border-bottom: 3px double #cccccc;
}
 
#spoiler {
    border-top: 2px solid #ddd;
    border-bottom:2px solid #ddd;
}
 
/* Standard talk template style */
 
.Talk-Notice {
    border: 1px solid #C0C090;
    background-color: #F8EABA;
    margin-bottom: 3px;
    width: 80%;
    border-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
}
 
.Talk-Notice:after {
  content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]].";
}
 
/* Make template background appear correctly on all browsers */
.Talk-Notice td {
    background: inherit;
}
 
/*
==页面显示类==
*/
 
/* Makes redirects appear in italics on [[Special:Allpages]] */
.allpagesredirect {
    font-style: italic;
}
 
/* Choose whether to have AD/BC dates or CE/BCE dates*/
 
/* First, the default : display both : See templates ADCE and BCEBC for how these are used*/
.Use_Default_Date_Convention { display: inline; }
.Use_AD_and_BC { display: none; }
.Use_BCE_and_CE { display: none; }
 
/* If you want to display AD and BC add the following to User:You/monobook.css page */
/*
.Use_Default_Date_Convention { display: none; }
.Use_AD_and_BC { display:inline; }
.Use_BCE_and_CE { display:none; }
*/
 
/*If you want to display CE and BCE add the following to User:You/monobook.css page */
/*
.Use_Default_Date_Convention { display: none; }
.Use_AD_and_BC { display:none; }
.Use_BCE_and_CE {display:inline; }
*/
 
/* Class for links with loudspeaker icon next to them */
 
.audiolink a{
    background: url("https://upload.wikimedia.org/wikipedia/commons/f/f7/Loudspeaker.png") center left no-repeat !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
}
 
/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */
 
div.listenlist {
    background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}
 
div.videolist {
    background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Video.svg/40px-Video.svg.png");
    padding-left: 50px;
}
 
div.multivideolist {
    background: url("https://upload.wikimedia.org/wikipedia/en/thumb/7/7a/FilmRoll-small.png/40px-FilmRoll-small.png");
    padding-left: 50px;
}
 
/* Style rules for media list templates */
 
div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}
 
div.medialist ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}
 
div.medialist ul li {
    padding-bottom: 0.5em;
}
 
div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}
 
/*Add formatting to make sure that "external references" from [[Template:Ref]] do
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  "urlexpansion", which was not displayed on screen, but was shown when the medium was
  "print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
  the link, and (c) that this SPAN of class "urlexpansion" is never shown.
*/
 
.plainlinksneverexpand {
  background: none ! important;
  padding: 0 ! important;
}
 
.plainlinksneverexpand .urlexpansion {
  display: none ! important;
}
 
/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/
.plainlinksneverexpand a {
   background: none !important;
   padding: 0 !important;
}
 
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
*/
.plainlinksneverexpand a.external.text:after {
  display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
  display: none !important;
}
 
/* Infobox template style */
 
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}
 
.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaaaaa;
}
 
/* Removes underlines from links */
.nounderlines a {
  text-decoration: none;
}
 
/*
==折叠效果==
 
*/
/* Standard Navigationsleisten.*/
 
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
 
div.NavFrame + div.NavFrame,
div.NavFrame + table.collapsible,
table.collapsible + div.NavFrame,
table.collapsible + table.collapsible {
        border-top-style: none;
        border-top-style: hidden;
}
 
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        text-align: center;
        background-color: #efefef;
        cursor:pointer;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
span.NavToggle {
        float: right;
        display: none; /*保证在禁用JS状态下不显示提示*/
        text-align: right;
        font-weight: normal;
        font-size: smaller;
}
 
/*
==导航==
*/
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #7384b5;
  width: 100% !important; 
  max-width: 950px;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
  text-align: left;
}
.navbox-title,
table.navbox th {
  background: #cedaff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #dde6ff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #dde6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
 
.collapseButton {         /* 由[[MediaWiki:Common.js]]里的 CollapsibleTable JavaScript */
    float: right;         /* 自动创建的'显示'/'隐藏'按纽相关格式都放置于这里以方便自定 */
    font-weight: normal;
    text-align: right;
    width: auto;
}
 
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */
.navbox-title, .navbox-above, .navbox-below {
padding-left:1em;
padding-right:1em;
text-align:center;
}
 
/* 
==模板讯息类==
 
Messagebox templates
*/
.messagebox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   width: 80%;
   margin: 0 auto 1em auto;
   padding: .2em;
}
.messagebox.merge {
   border: 1px solid #c0b8cc;
   background-color: #f0e5ff;
   text-align: center;
}
.messagebox.cleanup {
   border: 1px solid #9f9fff;
   background-color: #efefff;
   text-align: center;
}
.messagebox.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}
.messagebox.nested-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
   width: 100%;
   margin: 2px 4px 2px 4px;
}
.messagebox.small {
   width: 238px;
   font-size: 85%;
   float: right;
   clear: both;
   margin: 0 0 1em 1em;
   line-height: 1.25em; 
}
.messagebox.small-talk {
  width: 238px;
  font-size: 85%;
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
  line-height: 1.25em; 
  background: #F8EABA;
}
/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 5px;
}
 
/*
==外部链接==
 
 Change the external link icon to an Adobe icon for all PDF files 
 (in browsers that support these CSS selectors, like Mozilla and Opera)
 
 */
#bodyContent a[href$=".pdf"].external, 
#bodyContent a[href*=".pdf?"].external, 
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external, 
#bodyContent a[href*=".PDF?"].external, 
#bodyContent a[href*=".PDF#"].external {
    background: url(https://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 16px;
}
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
    background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
    padding-right: 17px !important;
}
 
/********************
**Styles for mboxes**
********************/
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0px auto;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #FF0000;    /* Red */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
 
table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in 
   [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}
 
/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
 
#siteNotice div {
	margin: 0;
}
#mw-dismissable-notice {
	background:transparent;
}
 
#wpSummary, #wpSummaryLabel {
	margin-bottom: 0;
}
 
/* Ruby标签 */
ruby {
    display: inline-table;
    text-align: center;
    border-collapse: collapse;
    /* border collapse mechanism will be used to adjust vertical alignment */
    vertical-align: bottom;
    /* if ruby text contains text only and there are two ruby annotations (one placed above the base and one below) then vertical centering roughly aligns baseline of base with baseline of parent */
 /* border-bottom: solid 0.75em transparent; */
    /* o.75em is height of ruby text (0.5000d7 1.2em = 0.6em) plus space between baseline and text-bottom (about 0.15em) this extra
       border is counter-weight used to restore vertical centering broken by presence of ruby text (in case if there is only one ruby
       annotation, if there are two annotations then counter-weight is no longer necessary and can be annihilated using border
       collapse mechanism) */
}
 
ruby > rt, rtc {
    display: table-header-group;
} /* used to move first ruby container above the base */
 
/*
ruby > rb, rbc, ruby > rt + rt, rtc + rtc {
    display: table-row;
} base and second ruby are formatted as table-rows */
 
ruby > rt + rt, rtc + rtc {
    border-bottom: hidden;
} /* if there are two annotations then extra border is no longer necessary and can be annihilated using border collapse mechanism */
 
rb, rbc, rt, rtc {
    white-space: nowrap;
} /* prohibits line breaks inside ruby text */
 
rtc > rt, rbc > rb {
    display: table-cell;
} /* used to distribute annotations in table like manner */
 
rtc > rt[rbspan] {
    column-span: attr(rbspan);
} /* ruby text may span several cells */
 
ruby > rt, rtc {
    font-size: 0.7em;
    line-height: 1.2em;
} /* font-size of ruby text is reduced */
 
rp {
    display: none;
} /* fallback markup is no longer necessary */
 
/* Pre标签自动换行 */
pre {
    /* white-space: -moz-pre-wrap; Mozilla, supported since 1999
    white-space: -pre-wrap; Opera 4 - 6
    white-space: -o-pre-wrap; Opera 7 */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    /* word-wrap: break-word; IE 5.5+ */
}
 
/* 公告栏滚动Rollnews */
#scrollDiv{
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden
}
#scrollDiv li{
	height: 25px;
	padding-left: 10px;
	list-style: none;
}
 
 /* 固定时的样式 */
tr.fix {
        position: fixed;
        top: 0;
        margin-left: 0;
}
 
table.fix {
        margin-top: 0px;
}
 
/*单纵写法*/
.verticalWriting {
    -ms-writing-mode: tb-lr; /* old syntax. IE */
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    writing-mode: vertical-lr; /* new syntax */
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;
    -ms-text-orientation: upright;
    text-orientation: upright;
}
 
/*Wordpress推特效果*/
.tweet_stream {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
}

.tweet_loading {
    text-align: center;
    padding: 40px 0;   
}

.tweet_avatar {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    float: left;
}

.tweet_header {
    border: 1px solid #e8e8e8;
    border-width: 0px 0px 1px 0px;
    font-size: 14px;
    padding: 8px;
    font-weight: bold;
}

.tweet_fullname {
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

.tweet_nickname {
    color: #66757f;
    font-size: 12px;
}

.tweet_item {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 8px 6px 8px;
    border: 1px solid #e8e8e8;
    border-width: 0px 0px 1px 0px;
}

.tweet_date {
    text-align: right;
    font-size: 10px;
    color: #707070;
}

.tweet_content img {
    max-width: 240px;
}
 
/*Tabs插件样式修改*/
 
.tabs-tabbox .tabs-label{
	border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   /* font-size:1.2em; */
}
 
.tabs-tabbox .tabs-container{
	border-radius: 2px 2px 2px 2px;
   -moz-border-radius: 2px 2px 2px 2px;
}
 
/*去除首页的'讨论'标签*/
body.page-Main_Page li#ca-talk { display: none !important; }
 
/*DIV CSS表格*/	
#css_table {
      display: table;
}
.css_tr {
      display: table-row;
}
.css_td {
      display: table-cell;
}

/* 回到顶部 */
.backToTop {
   display: none;
  width: 60px;
  height: 50px;
  line-height: 50px;
  padding: 5px 0;
  background-color: rgb(255, 255, 255);
  color: rgb(102, 102, 102);
  font-size: 12px;
  text-align: center;
  position: fixed;
  _position: absolute;
  right: 50px;
  bottom: 100px;
  _bottom: "auto";
  cursor: pointer;
  /* opacity: .6; */
  border-radius: 100px;
  filter: Alpha(opacity=60);
  box-shadow: 0px 1px 8px 1.5px rgba(0, 0, 0, 0.35),0px 20px 70px 8px rgba(0, 0, 0, 0.25);
  z-index: 999;
  opacity: 0.9;
}

#rocket {
	margin: 9px 0;
}

/* 限制目录可显示的级别数;
   例如 <div class="toclimit-3">, 将会限制目录显示 ==标题== 和 ===标题=== 但不会
   限制之后的级别标题
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
	display: none;
	
}

/* [[模板:歌词]]用 */
.template_lyrics {
}
 
.template_lyrics td, .template_lyrics th {
    padding: 5px;
}
 
.template_lyrics th {
    font-size: 120%; 
}
 
.template_lyrics .lyrics_row td p {
    white-space: pre-line;
}
 
/* 框格式 */
/* outcell: 深蓝色表格外部边界
   incell: 浅蓝色圆滑式角落表格框 */
 
.outcell {
    border: 1px solid #7384b5;
    border-radius: 5px;
}
 
.incell, .incell_top, .incell_bottom, .incell_topleft, 
.incell_topright, .incell_bottomleft, .incell_bottomright {
    background: #dde6ff;
}
 
.incell_top {
    border-radius: 3px 3px 0px 0px;
}
 
.incell_bottom {
    border-radius: 0px 0px 3px 3px;
}
 
.incell_topleft {
    border-radius: 3px 0px 0px 0px;
}
 
.incell_topright {
    border-radius: 0px 3px 0px 0px;
}
 
.incell_bottomleft {
    border-radius: 0px 0px 0px 3px;
}
 
.incell_bottomright {
    border-radius: 0px 0px 3px 0px;
}

/* 黑幕反白 */
.spoiler {
	background-color: black;
	color: #000000;
}

.spoiler:hover {
	background-color: black;
	color: #ffffff;
}

/*悬停的卡片*/
.mgtip-tip { 
    position: absolute; 
    left: 0; 
    top: 0;  
    padding: 5px; 
    background: rgba(235,249,252,0.9);  
    *background: #ebf9fc; 
    border: 1px solid #ECECEC; 
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1); 
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1); 
}

/*表格居中*/
.centertable {
	margin-left: auto;
	margin-right: auto;
}

/* 活动海域横幅相关 */
.eventBanner {
    opacity: 0.0 !important;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
 
.eventBanner:hover {
    opacity: 1.0 !important;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
 
.eventBanner01 {
    background: url(https://upload.kcwiki.cn/commons/8/8f/2013SpringEventBanner.jpg) no-repeat center center;
}
 
.eventBanner02 {
    background: url(https://upload.kcwiki.cn/commons/1/11/2013SummerEventBanner.jpg) no-repeat center center;
}
 
.eventBanner03 {
    background: url(https://upload.kcwiki.cn/commons/c/c3/2013AutumnEventBanner.jpg) no-repeat center center;
}
 
.eventBanner04 {
    background: url(https://upload.kcwiki.cn/commons/4/4e/2013ChristmasEventBanner.jpg) no-repeat center center;
}
 
.eventBanner05 {
    background: url(https://upload.kcwiki.cn/commons/9/95/2014SpringEventBanner.jpg) no-repeat center center;
}
 
.eventBanner06 {
    background: url(https://upload.kcwiki.cn/commons/0/06/2014SummerEventBanner.jpg) no-repeat center center;
}
 
.eventBanner07 {
    background: url(https://upload.kcwiki.cn/commons/8/80/2014AutumnEventBanner.jpg) no-repeat center center;
}
 
.eventBanner08 {
    background: url(https://upload.kcwiki.cn/commons/c/c8/2015WinterEventBanner.jpg) no-repeat center center;
}
 
.eventBanner09 {
    background: url(https://upload.kcwiki.cn/commons/3/35/2015SpringEventBanner.jpg) no-repeat center center;
}
 
.eventBanner10 {
    background: url(https://upload.kcwiki.cn/commons/3/36/2015SummerEventBanner.png) no-repeat center center;
}
 
.eventBanner11 {
    background: url(https://upload.kcwiki.cn/commons/f/f1/2015AutumnEventBanner.png) no-repeat center center;
}

.eventBanner12 {
    background: url(https://upload.kcwiki.cn/commons/8/87/2016WinterEventBanner.png) no-repeat center center;
}

.eventBanner13 {
    background: url(https://upload.kcwiki.cn/commons/2/2e/2016SpringEventBanner.png) no-repeat center center;
}

.eventBanner14 {
    background: url(https://upload.kcwiki.cn/commons/a/af/2016SummerEventBanner.png) no-repeat center center;
}

.eventBanner15 {
    background: url(https://upload.kcwiki.cn/commons/a/aa/2016AutumnEventBanner.png) no-repeat center center;
}

.eventBanner16 {
    background: url(https://upload.kcwiki.cn/commons/3/3b/2017WinterEventBanner.jpg) no-repeat center center;
}

.eventBanner17 {
    background: url(https://upload.kcwiki.cn/commons/6/60/2017SpringEventBanner.png) no-repeat center center;
}

.eventBanner18 {
    background: url(https://upload.kcwiki.cn/commons/9/95/2017SummerEventBanner.png) no-repeat center center;
}

.eventBanner19 {
    background: url(https://upload.kcwiki.cn/commons/2/23/2017AutumnEventBanner.png) no-repeat center center;
}

.eventBanner20 {
    background: url(https://upload.kcwiki.cn/commons/e/e6/2018WinterEventBanner.png) no-repeat center center;
}

.eventBanner21 {
    background: url(https://upload.kcwiki.cn/commons/b/bf/2018SummerEventBanner.png) no-repeat center center;
}

.eventBanner22 {
    background: url(https://upload.kcwiki.cn/commons/a/a1/2019WinterEventBanner.png) no-repeat center center;
}

.eventBanner23 {
    background: url(https://upload.kcwiki.cn/commons/8/85/2019SpringEventBanner-1.png) no-repeat center center;
}

.eventBanner24 {
    background: url(https://upload.kcwiki.cn/commons/c/c6/2019SummerEventBanner-1.png) no-repeat center center;
}

.eventBanner25 {
    background: url(https://upload.kcwiki.cn/commons/d/d1/2019AutumnEventBanner-1.png) no-repeat center center;
}

.eventBanner26 {
    background: url(https://upload.kcwiki.cn/commons/f/f7/2020WinterEventBanner-1.png) no-repeat center center;
}

.eventBanner27 {
    background: url(https://upload.kcwiki.cn/commons/f/ff/2020SummerEventBanner.png) no-repeat center center;
}

.eventBanner28 {
    background: url(https://upload.kcwiki.cn/commons/9/9f/2020AutumnEventBanner.png) no-repeat center center;
}

.eventBanner29 {
    background: url(https://upload.kcwiki.cn/commons/3/3a/2021WinterEventBanner.png) no-repeat center center;
}

.eventBanner30 {
    background: url(https://upload.kcwiki.cn/commons/e/ec/2021SpringEventBanner.png) no-repeat center center;
}

.eventBanner31 {
    background: url(https://upload.kcwiki.cn/commons/7/77/2021SummerEventBanner.png) no-repeat center center;
}

.eventBanner32 {
    background: url(https://upload.kcwiki.cn/commons/8/80/2021AutumnEventBanner-1.png) no-repeat center center;
}

.eventBanner33 {
    background: url(https://upload.kcwiki.cn/commons/3/32/2021AutumnEventBanner-2.png) no-repeat center center;
}

.eventBanner34 {
    background: url(https://upload.kcwiki.cn/commons/f/f4/2022WinterEventBanner.png) no-repeat center center;
}

.eventBanner35 {
    background: url(https://upload.kcwiki.cn/commons/8/8d/2022SpringEventBanner.png) no-repeat center center;
}

.eventBanner36 {
    background: url(https://upload.kcwiki.cn/commons/f/f2/2022SpringEventBanner2.png) no-repeat center center;
}

.eventBanner37 {
    background: url(https://upload.kcwiki.cn/commons/d/d7/2022SummerEventBanner.png) no-repeat center center;
}

.eventBanner38 {
    background: url(https://upload.kcwiki.cn/commons/e/e7/2023SpringEventBanner.png) no-repeat center center;
}

.eventBanner39 {
    background: url(https://upload.kcwiki.cn/commons/8/83/2023SummerEventBanner.png) no-repeat center center;
}

.eventBanner40 {
    background: url(https://upload.kcwiki.cn/commons/a/ad/2023SummerEventBanner2.png) no-repeat center center;
}

.eventBanner41 {
    background: url(https://upload.kcwiki.cn/commons/e/e4/2024SpringEventBanner.png) no-repeat center center;
}
.img-responsive {
    max-width: 60% !important;
    height: auto !important;
}

/*
==繁简转换==
默认隐藏zh标签,
*/
li#ca-varlang-0 {
    display: none;
}

/* [[Template:Note]] */
.tip,
.note {
	padding: 0.5em;
	margin: 0.5em 0;
	overflow: hidden;
	background-color: #F9F9F9;
	background-position: 4px 2px;
	background-repeat: no-repeat;
	border: 1px solid #DDD;
}
.tip-info,
.note-info {
	background-color: #F0F0E7;
	background-image: url(//upload.kcwiki.cn/commons/6/68/Appunti_architetto_franc_01-22.png);
	border-color: #cc9933;
	/* @noflip */ padding-left: 30px;
	min-height: 28px;
}
.tip-reminder,
.note-reminder {
	background-color: #F6FDEA;
	background-image: url(//upload.kcwiki.cn/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);
	border-color: #D6E434;
	padding-left: 31px;
	min-height: 28px;
}
.tip-error,
.note-error {
	background-color: #F0E7E7;
	background-image: url(//upload.kcwiki.cn/commons/8/80/Attention_niels_epting-22.png);
	border-color: #cc3333;
	padding-left: 32px;
	min-height: 25px;
}

/* 移动版页面 */
.mobileOnly{display:none}

/*  鼠标划过高亮 */
table.datatable tr:hover {
    background-color: #a7d7f9;
}

/* Tabs */
/*本文引自萌娘百科(https://zh.moegirl.org/),文字内容遵守【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。*/
.tab .TabLabelText {
    display: inline-block;
    padding: 1px;
    cursor: pointer;
}
.tab .TabLabel {
    z-index: 2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.tab .TabLabelText.selected {
    border-top: 3px solid green;
    padding: 1px;
    background: white;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.tab .TabContent {
    background: white;
    padding: 20px 30px;
    position: relative;
    z-index: 1;
    border: 1px solid #aaa;
}
.tab .TabContentText {
    display: none;
}
.tab .TabContentText.selected {
    display: block;
}
.Tabs .Tab {
    border-bottom: 1px solid #aaa;
}
.Tabs .Tab:first-child {
    border-top: 1px solid #aaa;
}
.Tabs .Tab .TabLabelText {
    padding: 7px;
}
.Tabs .Tab .TabContentText {
    padding: 3px;
}
/*更改wiki无序列表前的小圆点。*/
ul{list-style-type:disc;list-style-image: none;}
ul ul, ol ul {
    list-style-type: circle;
}
ol ol ul, ol ul ul, ul ol ul, ul ul ul {
    list-style-type: square;
}