User:670839245/common.css

@charset "utf-8";

/* 列表使用方块而非圆 */
ul{
	list-style-image:url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
}

/* 表格 padding 属性 */
td, th {
	padding: 3px;
}

/* 隐藏首页的firstHeading&catlinks */
body.page-首页 h1.firstHeading {
	display: none;
}
body.page-首页 #catlinks {
	display: none;
}

/* CSS3分栏 */
body.page-角色 #mw-content-text {
	-webkit-column-count: 3;
	-moz-column-count: 3;
}

body.page-道具列表 #mw-content-text {
	-webkit-column-count: 3;
	-moz-column-count: 3;
}

/* Tabs取消下划线 */
div.vectorTabs li a:hover, a:focus {
	text-decoration: none;
}

/* CSS3渐变 */
div.vectorTabs li {
	background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgb(232,242,248) 95%,rgb(167,215,249) 100%) !important;
}
div.vectorTabs li.selected {
	background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgb(255,255,255) 100%) !important;
}
div.vectorTabs li.new {
	background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgb(255,191,191) 95%,rgb(167,215,249) 100%) !important;
}
div.vectorTabs li:hover {
	background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgb(255,255,255) 100%) !important;
}
div.vectorTabs li a {
	opacity : 1;
	/* CSS3动画 */
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}
div.vectorTabs li a:hover {
	opacity : .5;
	/* CSS3动画 */
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}
#p-personal a {
	/* CSS3超链接动画 */
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}
#p-personal a:hover {
	/* CSS3超链接动画 */
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}

/* 表格样式 */
table.graytable
{
	background-image: linear-gradient(180deg,rgb(254,254,254) 0%,rgb(249,249,249) 15%,rgb(238,238,238) 100%);
	border: 1px solid #AAAAAA;
}
table.graytable th
{
	border: 1px solid #CCCCCC;
	padding: 0 3px 0 3px;
	text-align: center;
}
table.graytable td
{
	border: 1px solid #CCCCCC;
	padding: 0 3px 0 3px;
	background-color: white;
}

/* 主页专用CSS */
body.page-Main_Page h1.firstHeading,
body.page-Main_Page #lastmod {
	display: none;
}

body.page-Main_Page #bodyContent {
	margin-top: 16px; 
}

.MainTopText a {
	color: black !important;
	text-decoration: none;
}

.MainTopText a:hover {
	color: black;
	text-decoration: underline;
}

.mainpagebox {
	border: 1px solid #999;
	padding: 2px;
	background: #F8F8FF;
	border-radius: 1em;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
	background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
}

.mainpagebox p {
    margin: 0.9em 0 1em 0;
}

.mainpagebox#welcome {
	padding: 1em;
}

.mainpagebox#nav {
	font-size: 120%;
	padding: 2px 2px 5px 0px;
	border-radius: 1em 0 1em 0;
}

.mainpagebox#poll,
.mainpagebox#shroom {
	margin-top: 10px;
}

.mainpagebox#right {
	padding: 2px 2px 5px 2px;
}

.mainpagebox#maintain {
	text-align: center;
	padding: 0 2px 0 2px;
	margin-top: 10px;
}

.mainpagebox h2 {
	padding: 4px 5px 2px;
	margin-bottom: 1px !important;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-radius: 0.75em;
	text-shadow: rgba(0,0,0,0.75) 0 0 .25em;
	background-image: linear-gradient(180deg,rgba(136,136,136,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mainpagebox#featured h2 {
	background-color: rgb(186, 255, 186);
}

.mainpagebox#poll h2 {
	background-color: rgb(215, 155, 255);
}

.mainpagebox#shroom h2 {
	background-color: rgb(236, 111, 111);
}

.mainpagebox h2#news {
	background-color: rgb(166, 209, 243);
}

.mainpagebox h2#dyk {
	background-color: rgb(255, 190, 124);
}

.mainpagebox#announce {
	text-align: center;
	padding: 0 2px 0 2px;
	margin-top: 10px;
}

.mainpagebox#niwa {
	padding: 3px 2px 2px 2px;
}

.mainpagebox h2#tourney {
	background-color: #4682B4;
}

.mainpagebox#tourneysub {
	background-color: lightsteelblue;
}

.mainpagebox#tourneybox {
	border-collapse: collapse;
	background-color: #F8F8FF;
}

.newpoll {
	width: 100%;
	background: transparent;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word;
}

.pollq {
	padding: 0 3px 0 6px;
	text-align: left;
}

.MainPageAffiliatesBox {
	padding: 0px 2px 7px 2px;
	color: #000;
	background: url(/images/affiliatesbg2.jpg) repeat-x bottom #2A3054;
	border: 1px solid #000000;
	width: 100%;
	margin-top: 1px;
	margin-bottom: -5px;
}

.affiliates {
	text-align: center;
	font-size: 10px;
}

.affiliates a {
	background: none !important;
	padding: 0 !important;
}

.affiliates img {
	margin-top: 1px;
	margin-bottom: 2px;
}

.affiliates .affiliatesub {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #790000;
	background-color: #FFF9F9;
}

/* 页面专用 */
#image-needed {
	padding: 0.2em 0.4em;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: #666 0px 2px 3px;
}

/* 参考 http://wiki.moegirl.org/Template:%E4%B8%8D%E5%AE%8C%E6%95%B4 */
.common-box {
	padding: 0.2em 0.4em;
	border: 1px solid #ddd;
	border-radius: 10px;

	-webkit-border-radius: 10px;
	-webkit-box-shadow: #666 0px 2px 3px;

	-moz-border-radius: 10px;
	-moz-box-shadow: #666 0px 2px 3px;

	-khtml-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: #666 0px 2px 3px;
}