Arcaea中文维基

MediaWiki:Common.css：修订间差异

系统消息 讨论

MediaWiki:Common.css (查看源代码)

2023年2月23日 (四) 19:00的版本

添加8,587字节 、​ 2023年2月23日 (星期四)
小
无编辑摘要
无编辑摘要
小无编辑摘要
（未显示2个用户的43个中间版本）
第2行： 第2行：
.mw-wiki-logo{background-size: 160px 160px}
.mw-wiki-logo{background-size: 160px 160px}


/* The CSS of Infobox,Metabox,Navbox used for https://zh.wikipedia.org/wiki/MediaWiki:Common.css : */
/* 右浮目录[测试样式] 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 ) {
.toppic {
   display: none;
   }
 
}
 
@media all and ( max-width: 720px ) {
.sidepic {
   display: none;
   }
  
}
 
/* [[模板:来源请求]]背景色调整 */
.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;
}
 
/* 曲目信息模板 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) " ";
}


/*
/*
第564行： 第1,108行：
    width: 8em;
    width: 8em;
}
}
/* 双端内容分开显示 */
.nodesktop {display:none;}
取自“https://arcwiki.mcd.blue/Special:移动版差异/20731...44009”