“MediaWiki:Common.css”的版本间的差异
跳到导航
跳到搜索
小 |
小 |
||
第99行: | 第99行: | ||
.tinyedit a.external:visited { | .tinyedit a.external:visited { | ||
color: #36b; | color: #36b; | ||
+ | } | ||
+ | |||
+ | .hash-switch:not(.hash-active) { | ||
+ | display: none; | ||
} | } | ||
2020年6月2日 (二) 21:38的版本
/* 这里放置的CSS将应用于所有皮肤 */
hr {
margin: 0px;
}
.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-active) {
display: none;
}
.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: -1.25em;
}
.debug-treechart > tbody > tr > td {
border: 1px solid;
}