跳到内容

MediaWiki:Common.css:修订间差异

添加8,426字节 、​ 2023年2月23日 (星期四)
无编辑摘要
无编辑摘要
无编辑摘要
(未显示2个用户的42个中间版本)
第1行: 第1行:
/* 放置于这里的CSS将应用于所有皮肤 */
/* 放置于这里的CSS将应用于所有皮肤 */
.mw-wiki-logo{background-size: 160px 160px}
.mw-wiki-logo{background-size: 160px 160px}
/* 右浮目录[测试样式] source: https://www.cnblogs.com/snowsolf/p/MediaWiki-catalogue.html */
#toc{
display: block;
position: fixed;
top: 100px;
right: .1em;
min-width: 170px;
max-width: 350px;
max-height: 15em;
overflow-y: auto;
border: 1px solid #aaa;
-moz-border-radius: 0 0 1px 1px;
border-radius: 0 0 1px 1px;
background: rgba(249,249,249,0.75);
padding: 12px;
z-index: 616;
/* 阴影先不要了,有点不太搭
-webkit-box-shadow: 0 1px 8px #000;
-moz-box-shadow: 0 1px 8px #000;
box-shadow: 0 1px 8px #000;
*/
}
body { overflow-x: hidden;}
/* 双端内容分开显示 */
.nodesktop {display:none;}
/* 防止pre模块溢出使得文本不可读*/
pre {overflow-x: auto;}
code, pre {word-break: break-word;}
/* wiki header */
.wiki-icon {
   float: left;
   width: 182px;
   height: 119px;
   margin-bottom: 1px;
   background-image: url("https://wiki.arcaea.cn/images/a/ab/Wiki_icon.png");
   background-position: -118px 8px;
   background-repeat: no-repeat;
}
/* 信息框图片位置随设备调整 */


@media all and ( min-width: 720px ) {
@media all and ( min-width: 720px ) {
第16行: 第61行:
}
}


/* [[模板:来源请求]]背景色调整 */
.template-facttext{
   background-color: #eaecf0; margin: -.3em 0; padding: .3em 0;
}
/* 群问题验证的样式class */
.talk-question{
   -webkit-background-clip: text;
   background-clip: text;
   background-image:linear-gradient(#6A6AFF,#66B3FF);
   width:120px;
   -webkit-text-fill-color: transparent;
}
/* From wjghj.cn under CC BY-NC-SA 4.0 */
.siteNoticeScroll {
  width: 100%;
  height: 25px;
  line-height: 25px;
  overflow: hidden
}
.siteNoticeScroll li {
  height: 25px;
  list-style: none;
  text-align: center
}
/* 曲目信息模板 */
.arcaeabox {
display: grid;
grid-template-columns: 1fr 2fr 2fr 2fr auto;
text-align: center;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
color: black;
color: #202122;
word-wrap: break-word;
font: inherit;
border-collapse: collapse;
box-sizing: border-box;
margin: 1em 0;
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
position: relative;
border: 1px solid #eaecf0;
margin-bottom: 2em;
width: 100%;
max-width: 100% !important;
border-spacing: 3px;
font-size: small;
line-height: 1.5em;
}
.arcaeabox > div {
word-wrap: break-word;
border-bottom: 1px solid #eaecf0;
padding: 5px 5px;
border-collapse: collapse;
overflow-wrap: normal;
box-sizing: border-box;
}
.arcaeabox > .header,
.arcaeabox > .label,
.arcaeabox > .pst-label,
.arcaeabox > .prs-label,
.arcaeabox > .ftr-label,
.arcaeabox > .byd-label,
.arcaeabox > #right-image,
.arcaeabox > #top-image{
display: flex;
   justify-content: center;
   align-items: center;
}
.arcaeabox > .byd-label{
display:unset;
}
.arcaeabox.byd {
grid-template-columns: 1fr 2fr 2fr 2fr 2fr auto;
}
/* 背景色定义 */
.conflict>.label,
.conflict>#title,
.conflict>.header,
.conflict>div>div>.label-text,
.conflict>div>div>div>.label-text {
background-color: #b99afd;
}
.light>.label,
.light>#title,
.light>.header,
.light>div>div>.label-text,
.light>div>div>div>.label-text {
background-color: lightskyblue;
}
.label-text {
   padding: 1px 5px 1px 5px;
   margin: 0 5px 0 5px;
}
.prs-data,
.pst-data,
.pst-label,
.prs-label,
.byd>.ftr-data,
.byd>.ftr-label,
.mobile-byd-date>#mobile-date-normal,
.byd>#ns-date-normal,
.bg-ftr>#bg-normal{
border-right: 1px solid #eaecf0;
}
.data {
grid-column: 2 / 5;
}
.byd>.data {
grid-column: 2 / 6;
}
.label {
grid-column: 1 / 2;
}
.header {
grid-column: 1 / 5;
font-size: medium;
height: 25px !important;
}
.byd>.header {
grid-column: 1 / 6;
}
#top-image {
margin: 4px 0;
grid-column: 1 / 5;
}
.byd>#top-image {
grid-column: 1 / 6;
}
#top-image>div>img,
#right-image>div>img {
margin: 0 auto;
}
#title {
font-size: large;
grid-column: 1 / 6;
padding: 7px 10px;
max-width: 100%;
}
.byd>#title {
grid-column: 1 / 7;
}
.img-text {
font-weight: bold;
}
.img-tab-part {
align-items: center;
display: inline-flex;
font-size: 14px;
font-weight: 500;
height: 40px;
letter-spacing: .5px;
margin: 0 11px;
text-align: center;
text-decoration: none;
transition: color .1s;
white-space: nowrap;
margin-left: 3px;
margin-right: 3px;
cursor: default;
}
.img-tab-part.normal {
border-bottom: 1.5px solid #a040a0;
}
.img-tab-part.byd {
border-bottom: 1.5px solid #a04040;
}
.img-tab-part.pst {
border-bottom: 1.5px solid #40a0a0;
}
.img-tab-part.prs {
border-bottom: 1.5px solid #40a040;
}
.img-tab-part.ftr {
border-bottom: 1.5px solid #a040a0;
}
@media all and (min-width: 950px) {
.arcaeabox {
width: min-content;
min-width: 800px;
}
#top-image {
display: none !important;
}
#right-image {
grid-column: 5 / 6;
grid-row: 2 / 25;
border-left: 1px solid #eaecf0;
}
.byd>#right-image {
grid-column: 6 / 7;
}
#title {
grid-column: 1 / 6;
}
#image-info {
grid-column: 5 / 6 !important;
border-left: 1px solid #eaecf0;
}
}
@media all and (max-width: 950px) {
#right-image,
#image-info {
display: none !important;
}
}
.tab-text-a,
.tab-text-b,
.tab-text-c {
display: none;
}
.container .active {
display: block;
}
.play-diff {
float: right;
}
.date-box {
flex-wrap: wrap;
}
div:not(.byd)>.byd-data,
div:not(.byd)>.byd-label{
display: none;
}
#update-data-label {
grid-row-end: span 2;
}
.mobile-byd-date > #mobile-date-normal,
#ns-date-normal {
grid-column: 2 / 5;
}
#mobile-date-byd,
#ns-date-byd {
grid-column: 5 / 6;
}
div:not(.byd) > #ns-date-byd{
display:none;
}
div:not(.mobile-byd-date) > #mobile-date-byd{
display: none;
}
div:not(.ns-box) > .ns,
#all-play-header{
display: none;
}
.ns-same > .ns,
.ns-same > #mobile-play-header{
display: none;
}
.ns-same > #ns-date-normal,
.ns-same.byd > #ns-date-byd{
display: unset;
}
.ns-same > #all-play-header{
display: unset;
}
.pst-label{
color: #40a0a0;
}
.prs-label{
color: #40a040;
}
.ftr-label{
color: #a040a0;
}
.byd-label{
color: #a04040;
}
.ns-date-span > #ns-date-byd{
display:none;
}
.ns-date-span > #ns-date-normal{
grid-column: 2 / 6;
}
.no-mobile > #mobile-date-normal,
.no-mobile > #mobile-date-byd{
display:none;
}
#bg-ftr{
display: none;
}
.bg-ftr > #bg-ftr{
display: unset;
grid-column: 4 / 5;
}


.bg-ftr > #bg-normal{
grid-column: 2 / 4;
}


/* The CSS of Infobox,Metabox,Navbox used for https://zh.wikipedia.org/wiki/MediaWiki:Common.css : */
/* 曲目信息模板 arcaea V4.0 */
 
.colorless>.label,
.colorless>#title,
.colorless>.header,
.colorless>div>div>.label-text,
.colorless>div>div>div>.label-text {
background-color: #f4d2f8;
}
 
.skin-vector-2022 .arcaeabox{
width:100%;
}
 
/* 以下是维基百科样式,通过CC-BY-SA 3.0授权 */
 
/* Default styling for Navbar template */
.navbar {
   display: inline;
   font-weight: normal;
}
.navbar ul {
   display: inline;
   white-space: nowrap;
}
.navbar li {
   word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
   font-variant: small-caps;
   border-bottom: none;
   text-decoration: none;
   cursor: inherit;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
   display: block;
}
.navbox-title .navbar {
   /* @noflip */
   float: left;
   /* @noflip */
   text-align: left;
   /* @noflip */
   margin-right: 0.5em;
   width: 8em;
}
 
/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
   line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
   margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
   display: inline;
   margin: 0;
}
/* 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;
}
/* 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;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
   content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
   content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
   content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
   counter-increment: level1;
}
.hlist.hnum ol li:before {
   content: counter(level1) " ";
}
.hlist.hnum ol ol li {
   counter-increment: level2;
}
.hlist.hnum ol ol li:before {
   content: counter(level2) " ";
}


/*
/*
第580行: 第1,108行:
    width: 8em;
    width: 8em;
}
}
/* 双端内容分开显示 */
.nodesktop {display:none;}