MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */

hr {
	margin: 0px;
}

/* 修正展开按钮样式 */
.wikitable > caption {
	min-width: 42px;
}

.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}
.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}


.heimu {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
}

.heimu:hover,
.heimu:active,
.heimu:focus {
    transition: color .15s linear;
    color: #fff;
}

div > .richtab {
  margin-left: 0.1em;
  margin-right: 0.1em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.richtab:after {
    content: " ";
    display: table;
    clear: left;
}
.richtab > li {
  float: left;
  margin-bottom: -1px;
  position: relative;
  display: block;
}
.richtab > li > span {
  position: relative;
  display: block;
}
.richtab > li > span > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.richtab > li > span > a:hover {
  border-color: #cccccc #cccccc #cccccc;
}
.richtab > li.active > span > a,
.richtab > li.active > span > a:hover,
.richtab > li.active > span > a:focus {
  color: #333333;
  background-color: rgba(217, 214, 214, 0.9);
  border: 1px solid #cccccc;
  border-bottom-color: transparent;
  cursor: default;
}
.richtab-content > .tab-pane {
  display: none;
}
.richtab-content > .active {
  display: block;
}

.infobox {
  float: right;
}

.infobox-title {
	text-align: center;
}

.tbrl {
  writing-mode: vertical-rl;
}

.story-vlbl {
	white-space: nowrap;
}

.tinyedit {
  font-size: small;
  white-space: nowrap;  
  padding-top: 1em;
}

.tinyedit a.external {
  background-image: none;
  padding-right: 0px;
  color: #36b;
}

.tinyedit a.external:visited {
  color: #36b;
}

.hash-switch:not(.hash-value-spoiler):not(.hash-active) {
   display: none;
}

.hash-switch .hash-value-spoiler:not(.hash-active) {
    -webkit-filter: blur(3px); /* Chrome, Opera */
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);   
            filter: blur(3px);
}

/* 可视化编辑器中强制显示 */
.ve-ce-leafNode .hash-switch:not(.hash-active) {
   display: block;
}

.banner-switch {
	position: absolute;
	right: 1px;
	bottom: 32px;
	z-index: 5;
}

.banner-switch span.hash-switch {
	display: inline-block !important;
	padding: 5px;
}

.banner-switch span.hash-switch a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: lightblue;
	border: 2px solid transparent;
    border-radius: 50%;
}

.banner-switch span.hash-switch:not(.hash-active) a {
	background-color: #fff;
	border: 2px solid lightblue;
}

.home-title {
	position: relative;
    font-size: 2em;
    font-weight: 800;
}

.home-title a {
    color: #FCF3CF;
}

.home-title .sub-title {
	font-size: 50%;
    position: relative;
    top: -2em;
    opacity: 0.5;
    border-bottom: 1px solid #FCF3CF;
}

.home-links a {
	color:#f8f9fa;
}

.home-links a:hover {
	color: lightblue;
}

.home-links a:visited {
	color:#fefefe;
}

@media screen and (min-width: 480px) and (max-width: 1000px) {
  .auto-screen-scale {
  	width: 50%;
    height: 50%;
  }
}

@media screen and (max-width: 480px) {
  .auto-screen-scale {
  	width: 30%;
    height: 30%;
  }
  .home-title {
  	font-size: 1.5em;
  }
}

.page-首页 .mw-body {
	background-color: #2c2c2c;
    color: #fff;
    border-color: #2c2c2c;
}

.page-首页 .firstHeading {
	display: none;
}

.page-首页 .mw-jump {
	display: none;
}

.page-首页 .homepage-gallery {
    margin-top: -1.2em;
    margin-bottom: 2.5em;
}

.page-首页 .homepage-gallery .work-title {
	color: #F7DC6F;
	position: relative;
    display: block;
    font-size: 1.5em;
    text-align: left;
    left: -2em;
    top: -1.35em;
    font-weight: 500;
    z-index: 0;
    transform: rotate3d(1,1,1,25deg);
    transition: opacity 0.2s ease-out 0.2s;
}

.page-首页 .homepage-gallery a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 3px;
	box-sizing: border-box;
	transform: rotate3d(1, 1, 1, 25deg);
	z-index: 2;
	opacity: 0.85;
	transition: filter 0.15s ease-out, z-index 0.15s ease-out, opacity 0.15s ease-out, transform 0.25s ease-out;
	/*overflow: hidden;*/
}

.page-首页 .homepage-gallery p a:hover {
	/*border-color: #444;*/
	-moz-filter:brightness(1.05);
	-webkit-filter:brightness(1.05);
	-o-filter:brightness(1.05);
	-ms-filter:brightness(1.05);
	filter:brightness(1.05);
	transform: rotate3d(1, 1, 1, 0deg) translateZ(120px);
	z-index: 3;
	opacity: 1;
}

.page-首页 .homepage-gallery p a:hover + .work-title {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

.page-首页 .homepage-gallery a > img {
	display: block;
	width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
    box-shadow: #02020285 -11px 7px 4px;
    transform: scale(0.9);
}

.page-首页 .homepage-gallery p a:hover img {
	transform: scale(1.15);
	box-shadow: #00000090 -2px 1px 5px;
}

.character-gallery ul li {
	display: inline-block;
}

.character-gallery ul li .character-gallery-avatar:hover {
	transform: scale(1.5);
	border: 2px solid lightblue;
	
}
.character-gallery ul li .character-gallery-avatar {
	width: 64px;
	height: 64px;
	transition: transform 0.1s ease-out;
}

.page-作品_命运石之门 .firstHeading {
	display: none;
}
.page-作品_命运石之门 #contentSub {
	display: none;
}
.page-作品_命运石之门 .banner {
	font-size: 1rem;
	position: relative;
	width: calc(100% + 3em + 1px);
	left: calc(-1.5em - 1px);
    top: calc(-1.25em - 1px);
}

.debug-treechart > tbody > tr > td {
	border: 1px solid;
}