MediaWiki:Common.css

来自科学ADV中文wiki
明黎思绮如涔（讨论 | 贡献）2020年6月7日 (日) 21:01的版本
跳到导航 跳到搜索

注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
  • Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
  • Internet Explorer：按住Ctrl的同时单击刷新，或按Ctrl-F5
  • Opera：前往菜单 → 设置（Mac为Opera → Preferences），然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。
/* 这里放置的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: 128px;
	height: 128px;
	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;
}
取自“https://sci-adv.cc/index.php?title=MediaWiki:Common.css&oldid=2787”