2,352
个编辑
小 (20240417ETR标签改动) |
小 (format(use tab)) |
||
第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 */ | /* 右浮目录[测试样式] source: https://www.cnblogs.com/snowsolf/p/MediaWiki-catalogue.html */ | ||
#toc{ | #toc { | ||
display: block; | |||
position: fixed; | |||
top: 100px; | |||
right: 0.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; | -webkit-box-shadow: 0 1px 8px #000; | ||
-moz-box-shadow: 0 1px 8px #000; | -moz-box-shadow: 0 1px 8px #000; | ||
第24行: | 第26行: | ||
*/ | */ | ||
} | } | ||
body { overflow-x: hidden;} | body { | ||
overflow-x: hidden; | |||
} | |||
/* 双端内容分开显示 */ | /* 双端内容分开显示 */ | ||
.nodesktop {display:none;} | .nodesktop { | ||
display: none; | |||
} | |||
/* 防止pre模块溢出使得文本不可读*/ | /* 防止pre模块溢出使得文本不可读*/ | ||
pre {overflow-x: auto;} | pre { | ||
code, pre {word-break: break-word;} | overflow-x: auto; | ||
} | |||
code, | |||
pre { | |||
word-break: break-word; | |||
} | |||
/* wiki header */ | /* wiki header */ | ||
.wiki-icon { | .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) { | ||
.toppic { | .toppic { | ||
display: none; | |||
} | |||
} | } | ||
@media all and ( max-width: 720px ) { | @media all and (max-width: 720px) { | ||
.sidepic { | .sidepic { | ||
display: none; | |||
} | |||
} | } | ||
/* [[模板:来源请求]]背景色调整 */ | /* [[模板:来源请求]]背景色调整 */ | ||
.template-facttext{ | .template-facttext { | ||
background-color: #eaecf0; | |||
margin: -0.3em 0; | |||
padding: 0.3em 0; | |||
} | } | ||
/* 群问题验证的样式class */ | /* 群问题验证的样式class */ | ||
.talk-question{ | .talk-question { | ||
-webkit-background-clip: text; | |||
background-clip: text; | |||
background-image: linear-gradient(#6a6aff, #66b3ff); | |||
width: 120px; | |||
-webkit-text-fill-color: transparent; | |||
} | } | ||
第78行: | 第89行: | ||
.siteNoticeScroll { | .siteNoticeScroll { | ||
width: 100%; | |||
height: 25px; | |||
line-height: 25px; | |||
overflow: hidden; | |||
} | } | ||
.siteNoticeScroll li { | .siteNoticeScroll li { | ||
height: 25px; | |||
list-style: none; | |||
text-align: center; | |||
} | } | ||
第137行: | 第148行: | ||
.arcaeabox > .byd-label, | .arcaeabox > .byd-label, | ||
.arcaeabox > #right-image, | .arcaeabox > #right-image, | ||
.arcaeabox > #top-image{ | .arcaeabox > #top-image { | ||
display: flex; | display: flex; | ||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
.arcaeabox > .byd-label{ | .arcaeabox > .byd-label { | ||
display:unset; | display: unset; | ||
} | } | ||
.arcaeabox.byd { | .arcaeabox.byd { | ||
第154行: | 第164行: | ||
/* 背景色定义 */ | /* 背景色定义 */ | ||
.conflict>.label, | .conflict > .label, | ||
.conflict>#title, | .conflict > #title, | ||
.conflict>.header, | .conflict > .header, | ||
.conflict>div>div>.label-text, | .conflict > div > div > .label-text, | ||
.conflict>div>div>div>.label-text { | .conflict > div > div > div > .label-text { | ||
background-color: #b99afd; | background-color: #b99afd; | ||
} | } | ||
.light > .label, | |||
.light>.label, | .light > #title, | ||
.light>#title, | .light > .header, | ||
.light>.header, | .light > div > div > .label-text, | ||
.light>div>div>.label-text, | .light > div > div > div > .label-text { | ||
.light>div>div>div>.label-text { | |||
background-color: lightskyblue; | background-color: lightskyblue; | ||
} | } | ||
.label-text { | .label-text { | ||
padding: 1px 5px 1px 5px; | |||
margin: 0 5px 0 5px; | |||
} | } | ||
第181行: | 第189行: | ||
.pst-label, | .pst-label, | ||
.prs-label, | .prs-label, | ||
.byd>.ftr-data, | .byd > .ftr-data, | ||
.byd>.ftr-label, | .byd > .ftr-label, | ||
.mobile-byd-date>#mobile-date-normal, | .mobile-byd-date > #mobile-date-normal, | ||
.byd>#ns-date-normal, | .byd > #ns-date-normal, | ||
.bg-ftr>#bg-normal{ | .bg-ftr > #bg-normal { | ||
border-right: 1px solid #eaecf0; | border-right: 1px solid #eaecf0; | ||
} | } | ||
.data { | .data { | ||
grid-column: 2 / 5; | grid-column: 2 / 5; | ||
} | } | ||
.byd>.data { | .byd > .data { | ||
grid-column: 2 / 6; | grid-column: 2 / 6; | ||
} | } | ||
第210行: | 第215行: | ||
} | } | ||
.byd>.header { | .byd > .header { | ||
grid-column: 1 / 6; | grid-column: 1 / 6; | ||
} | } | ||
第219行: | 第224行: | ||
} | } | ||
.byd>#top-image { | .byd > #top-image { | ||
grid-column: 1 / 6; | grid-column: 1 / 6; | ||
} | } | ||
#top-image>div>img, | #top-image > div > img, | ||
#right-image>div>img { | #right-image > div > img { | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
第235行: | 第240行: | ||
} | } | ||
.byd>#title { | .byd > #title { | ||
grid-column: 1 / 7; | grid-column: 1 / 7; | ||
} | } | ||
第249行: | 第254行: | ||
font-weight: 500; | font-weight: 500; | ||
height: 40px; | height: 40px; | ||
letter-spacing: .5px; | letter-spacing: 0.5px; | ||
margin: 0 11px; | margin: 0 11px; | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
transition: color .1s; | transition: color 0.1s; | ||
white-space: nowrap; | white-space: nowrap; | ||
margin-left: 3px; | margin-left: 3px; | ||
第279行: | 第284行: | ||
border-bottom: 1.5px solid #a040a0; | border-bottom: 1.5px solid #a040a0; | ||
} | } | ||
@media all and (min-width: 950px) { | @media all and (min-width: 950px) { | ||
第297行: | 第301行: | ||
} | } | ||
.byd>#right-image { | .byd > #right-image { | ||
grid-column: 6 / 7; | grid-column: 6 / 7; | ||
} | } | ||
第312行: | 第316行: | ||
@media all and (max-width: 950px) { | @media all and (max-width: 950px) { | ||
#right-image, | #right-image, | ||
#image-info { | #image-info { | ||
display: none !important; | display: none !important; | ||
} | } | ||
} | } | ||
.tab-text-a, | .tab-text-a, | ||
第333行: | 第334行: | ||
.play-diff { | .play-diff { | ||
float: right; | float: right; | ||
} | } | ||
第340行: | 第340行: | ||
} | } | ||
div:not(.byd)>.byd-data, | div:not(.byd) > .byd-data, | ||
div:not(.byd)>.byd-label{ | div:not(.byd) > .byd-label { | ||
display: none; | display: none; | ||
} | } | ||
第359行: | 第359行: | ||
} | } | ||
div:not(.byd) > #ns-date-byd{ | div:not(.byd) > #ns-date-byd { | ||
display:none; | display: none; | ||
} | } | ||
div:not(.mobile-byd-date) > #mobile-date-byd{ | div:not(.mobile-byd-date) > #mobile-date-byd { | ||
display: none; | display: none; | ||
} | } | ||
div:not(.ns-box) > .ns, | div:not(.ns-box) > .ns, | ||
#all-play-header{ | #all-play-header { | ||
display: none; | display: none; | ||
} | } | ||
.ns-same > .ns, | .ns-same > .ns, | ||
.ns-same > #mobile-play-header{ | .ns-same > #mobile-play-header { | ||
display: none; | display: none; | ||
} | } | ||
.ns-same > #ns-date-normal, | .ns-same > #ns-date-normal, | ||
.ns-same.byd > #ns-date-byd{ | .ns-same.byd > #ns-date-byd { | ||
display: unset; | display: unset; | ||
} | } | ||
.ns-same > #all-play-header{ | .ns-same > #all-play-header { | ||
display: unset; | display: unset; | ||
} | } | ||
.pst-label{ | .pst-label { | ||
color: #40a0a0; | color: #40a0a0; | ||
} | } | ||
.prs-label{ | .prs-label { | ||
color: #40a040; | color: #40a040; | ||
} | } | ||
.ftr-label{ | .ftr-label { | ||
color: #a040a0; | color: #a040a0; | ||
} | } | ||
.byd-label{ | .byd-label { | ||
color: #a04040; | color: #a04040; | ||
} | } | ||
.etr-label{ | .etr-label { | ||
color: #a040a0; | color: #a040a0; | ||
} | } | ||
.ns-date-span > #ns-date-byd{ | .ns-date-span > #ns-date-byd { | ||
display:none; | display: none; | ||
} | } | ||
.ns-date-span > #ns-date-normal{ | .ns-date-span > #ns-date-normal { | ||
grid-column: 2 / 6; | grid-column: 2 / 6; | ||
} | } | ||
.no-mobile > #mobile-date-normal, | .no-mobile > #mobile-date-normal, | ||
.no-mobile > #mobile-date-byd{ | .no-mobile > #mobile-date-byd { | ||
display:none; | display: none; | ||
} | } | ||
#bg-ftr{ | #bg-ftr { | ||
display: none; | display: none; | ||
} | } | ||
.bg-ftr > #bg-ftr{ | .bg-ftr > #bg-ftr { | ||
display: unset; | display: unset; | ||
grid-column: 4 / 5; | grid-column: 4 / 5; | ||
} | } | ||
.bg-ftr > #bg-normal{ | .bg-ftr > #bg-normal { | ||
grid-column: 2 / 4; | grid-column: 2 / 4; | ||
} | } | ||
第434行: | 第434行: | ||
/* 曲目信息模板 arcaea V4.0 */ | /* 曲目信息模板 arcaea V4.0 */ | ||
.colorless>.label, | .colorless > .label, | ||
.colorless>#title, | .colorless > #title, | ||
.colorless>.header, | .colorless > .header, | ||
.colorless>div>div>.label-text, | .colorless > div > div > .label-text, | ||
.colorless>div>div>div>.label-text { | .colorless > div > div > div > .label-text { | ||
background-color: #f4d2f8; | background-color: #f4d2f8; | ||
} | } | ||
.skin-vector-2022 .arcaeabox{ | .skin-vector-2022 .arcaeabox { | ||
width:100%; | width: 100%; | ||
} | } | ||
第450行: | 第450行: | ||
/* Default styling for Navbar template */ | /* Default styling for Navbar template */ | ||
.navbar { | .navbar { | ||
display: inline; | |||
font-weight: normal; | |||
} | } | ||
.navbar ul { | .navbar ul { | ||
display: inline; | |||
white-space: nowrap; | |||
} | } | ||
.navbar li { | .navbar li { | ||
word-spacing: -0.125em; | |||
} | } | ||
.navbar.mini li abbr[title] { | .navbar.mini li abbr[title] { | ||
font-variant: small-caps; | |||
border-bottom: none; | |||
text-decoration: none; | |||
cursor: inherit; | |||
} | } | ||
/* Navbar styling when nested in navbox */ | /* Navbar styling when nested in navbox */ | ||
.navbox .navbar { | .navbox .navbar { | ||
display: block; | |||
} | } | ||
.navbox-title .navbar { | .navbox-title .navbar { | ||
/* @noflip */ | |||
float: left; | |||
/* @noflip */ | |||
text-align: left; | |||
/* @noflip */ | |||
margin-right: 0.5em; | |||
width: 8em; | |||
} | } | ||
第484行: | 第484行: | ||
.skin-modern .hlist dl, | .skin-modern .hlist dl, | ||
.skin-vector .hlist dl { | .skin-vector .hlist dl { | ||
line-height: 1.5em; | |||
} | } | ||
.hlist dl, | .hlist dl, | ||
.hlist ol, | .hlist ol, | ||
.hlist ul { | .hlist ul { | ||
margin: 0; | |||
} | } | ||
.hlist dd, | .hlist dd, | ||
.hlist dt, | .hlist dt, | ||
.hlist li { | .hlist li { | ||
display: inline; | |||
margin: 0; | |||
} | } | ||
/* Display nested lists inline */ | /* Display nested lists inline */ | ||
第502行: | 第502行: | ||
.hlist.inline ol, | .hlist.inline ol, | ||
.hlist.inline ul, | .hlist.inline ul, | ||
.hlist dl dl, .hlist dl ol, .hlist dl ul, | .hlist dl dl, | ||
.hlist ol dl, .hlist ol ol, .hlist ol ul, | .hlist dl ol, | ||
.hlist ul dl, .hlist ul ol, .hlist ul ul { | .hlist dl ul, | ||
.hlist ol dl, | |||
.hlist ol ol, | |||
.hlist ol ul, | |||
.hlist ul dl, | |||
.hlist ul ol, | |||
.hlist ul ul { | |||
display: inline; | display: inline; | ||
} | } | ||
/* Generate interpuncts */ | /* Generate interpuncts */ | ||
.hlist dt:after { | .hlist dt:after { | ||
content: " :"; | |||
} | } | ||
.hlist dd:after, | .hlist dd:after, | ||
.hlist li:after { | .hlist li:after { | ||
content: " · "; | |||
font-weight: bold; | |||
} | } | ||
.hlist dd:last-child:after, | .hlist dd:last-child:after, | ||
.hlist dt:last-child:after, | .hlist dt:last-child:after, | ||
.hlist li:last-child:after { | .hlist li:last-child:after { | ||
content: none; | |||
} | } | ||
/* for IE 8 */ | /* for IE 8 */ | ||
第525行: | 第531行: | ||
.hlist dt.nopunct:after, | .hlist dt.nopunct:after, | ||
.hlist li.nopunct:after { | .hlist li.nopunct:after { | ||
content: none; | |||
} | } | ||
/* Add parens around nested lists */ | /* Add parens around nested lists */ | ||
第531行: | 第537行: | ||
.hlist ol ol:before, | .hlist ol ol:before, | ||
.hlist ul ul:before { | .hlist ul ul:before { | ||
content: "("; | |||
} | } | ||
.hlist dl dl:after, | .hlist dl dl:after, | ||
.hlist ol ol:after, | .hlist ol ol:after, | ||
.hlist ul ul:after { | .hlist ul ul:after { | ||
content: ")"; | |||
} | } | ||
/* Put numbers in ordered lists */ | /* Put numbers in ordered lists */ | ||
.hlist.hnum ol li { | .hlist.hnum ol li { | ||
counter-increment: level1; | |||
} | } | ||
.hlist.hnum ol li:before { | .hlist.hnum ol li:before { | ||
content: counter(level1) " "; | |||
} | } | ||
.hlist.hnum ol ol li { | .hlist.hnum ol ol li { | ||
counter-increment: level2; | |||
} | } | ||
.hlist.hnum ol ol li:before { | .hlist.hnum ol ol li:before { | ||
content: counter(level2) " "; | |||
} | } | ||
第558行: | 第564行: | ||
.infobox { | .infobox { | ||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
color: black; | |||
margin-bottom: 0.5em; | |||
margin-left: 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
} | } | ||
.infobox td, | .infobox td, | ||
.infobox th { | .infobox th { | ||
vertical-align: top; | |||
} | } | ||
.infobox caption { | .infobox caption { | ||
font-size: larger; | |||
} | } | ||
.infobox.bordered { | .infobox.bordered { | ||
border-collapse: collapse; | |||
} | } | ||
.infobox.bordered td, | .infobox.bordered td, | ||
.infobox.bordered th { | .infobox.bordered th { | ||
border: 1px solid #a2a9b1; | |||
} | } | ||
.infobox.bordered .borderless td, | .infobox.bordered .borderless td, | ||
.infobox.bordered .borderless th { | .infobox.bordered .borderless th { | ||
border: 0; | |||
} | } | ||
.infobox.sisterproject { | .infobox.sisterproject { | ||
width: 20em; | |||
font-size: 90%; | |||
} | } | ||
/* styles for bordered infobox with merged rows */ | /* styles for bordered infobox with merged rows */ | ||
.infobox.bordered .mergedtoprow td, | .infobox.bordered .mergedtoprow td, | ||
.infobox.bordered .mergedtoprow th { | .infobox.bordered .mergedtoprow th { | ||
border: 0; | |||
border-top: 1px solid #a2a9b1; | |||
border-right: 1px solid #a2a9b1; | |||
} | } | ||
.infobox.bordered .mergedrow td, | .infobox.bordered .mergedrow td, | ||
.infobox.bordered .mergedrow th { | .infobox.bordered .mergedrow th { | ||
border: 0; | |||
border-right: 1px solid #a2a9b1; | |||
} | } | ||
/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */ | /* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */ | ||
.infobox.geography { | .infobox.geography { | ||
text-align: left; | |||
border-collapse: collapse; | |||
line-height: 1.2em; | |||
font-size: 90%; | |||
} | } | ||
.infobox.geography | .infobox.geography td, | ||
.infobox.geography | .infobox.geography th { | ||
border-top: solid 1px #a2a9b1; | |||
padding: 0.4em 0.6em 0.4em 0.6em; | |||
} | } | ||
.infobox.geography .mergedtoprow td, | .infobox.geography .mergedtoprow td, | ||
.infobox.geography .mergedtoprow th { | .infobox.geography .mergedtoprow th { | ||
border-top: solid 1px #a2a9b1; | |||
padding: 0.4em 0.6em 0.2em 0.6em; | |||
} | } | ||
.infobox.geography .mergedrow td, | .infobox.geography .mergedrow td, | ||
.infobox.geography .mergedrow th { | .infobox.geography .mergedrow th { | ||
border: 0; | |||
padding: 0 0.6em 0.2em 0.6em; | |||
} | } | ||
.infobox.geography .mergedbottomrow td, | .infobox.geography .mergedbottomrow td, | ||
.infobox.geography .mergedbottomrow th { | .infobox.geography .mergedbottomrow th { | ||
border-top: 0; | |||
border-bottom: solid 1px #a2a9b1; | |||
padding: 0 0.6em 0.4em 0.6em; | |||
} | } | ||
.infobox.geography .maptable td, | .infobox.geography .maptable td, | ||
.infobox.geography .maptable th { | .infobox.geography .maptable th { | ||
border: 0; | |||
padding: 0; | |||
} | } | ||
第649行: | 第654行: | ||
*/ | */ | ||
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ | /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ | ||
th.mbox-text, td.mbox-text { | th.mbox-text, | ||
td.mbox-text { | |||
/* The message body cell(s) */ | |||
border: none; | |||
padding: 0.25em 0.9em; /* 0.9em left/right */ | |||
width: 100%; /* Make all mboxes the same width regardless of text length */ | |||
} | } | ||
td.mbox-image { | td.mbox-image { | ||
/* The left image cell */ | |||
border: none; | |||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | |||
text-align: center; | |||
} | } | ||
td.mbox-imageright { | td.mbox-imageright { | ||
/* The right image cell */ | |||
border: none; | |||
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ | |||
text-align: center; | |||
} | } | ||
td.mbox-empty-cell { | td.mbox-empty-cell { | ||
/* An empty narrow cell */ | |||
border: none; | |||
padding: 0px; | |||
width: 1px; | |||
} | } | ||
/* Article message box styles */ | /* Article message box styles */ | ||
table.ambox { | table.ambox { | ||
margin: 0px 10%; /* 10% = Will not overlap with other elements */ | |||
border: 1px solid #a2a9b1; | |||
border-left: 10px solid #36c; /* Default "notice" blue */ | |||
background: #f8f9fa; | |||
} | } | ||
table.ambox + table.ambox { | table.ambox + table.ambox { | ||
/* Single border between stacked boxes. */ | |||
margin-top: -1px; | |||
} | } | ||
.ambox th.mbox-text, | .ambox th.mbox-text, | ||
.ambox td.mbox-text { | .ambox td.mbox-text { | ||
/* The message body cell(s) */ | |||
padding: 0.25em 0.5em; /* 0.5em left/right */ | |||
} | } | ||
.ambox td.mbox-image { | .ambox td.mbox-image { | ||
/* The left image cell */ | |||
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ | |||
} | } | ||
.ambox td.mbox-imageright { | .ambox td.mbox-imageright { | ||
/* The right image cell */ | |||
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | |||
} | } | ||
table.ambox-notice { | table.ambox-notice { | ||
border-left: 10px solid #36c; /* Blue */ | |||
} | } | ||
table.ambox-speedy { | table.ambox-speedy { | ||
border-left: 10px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | } | ||
table.ambox-delete { | table.ambox-delete { | ||
border-left: 10px solid #b32424; /* Red */ | |||
} | } | ||
table.ambox-content { | table.ambox-content { | ||
border-left: 10px solid #f28500; /* Orange */ | |||
} | } | ||
table.ambox-style { | table.ambox-style { | ||
border-left: 10px solid #fc3; /* Yellow */ | |||
} | } | ||
table.ambox-move { | table.ambox-move { | ||
border-left: 10px solid #9932cc; /* Purple */ | |||
} | } | ||
table.ambox-protection { | table.ambox-protection { | ||
border-left: 10px solid #a2a9b1; /* Gray-gold */ | |||
} | } | ||
/* Image message box styles */ | /* Image message box styles */ | ||
table.imbox { | table.imbox { | ||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 3px solid #36c; /* Default "notice" blue */ | |||
background: #f8f9fa; | |||
} | } | ||
.imbox .mbox-text .imbox { | .imbox .mbox-text .imbox { | ||
/* For imboxes inside imbox-text cells. */ | |||
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ | |||
} | } | ||
.mbox-inside .imbox { | .mbox-inside .imbox { | ||
/* For imboxes inside other templates. */ | |||
margin: 4px; | |||
} | } | ||
table.imbox-notice { | table.imbox-notice { | ||
border: 3px solid #36c; /* Blue */ | |||
} | } | ||
table.imbox-speedy { | table.imbox-speedy { | ||
border: 3px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | } | ||
table.imbox-delete { | table.imbox-delete { | ||
border: 3px solid #b32424; /* Red */ | |||
} | } | ||
table.imbox-content { | table.imbox-content { | ||
border: 3px solid #f28500; /* Orange */ | |||
} | } | ||
table.imbox-style { | table.imbox-style { | ||
border: 3px solid #fc3; /* Yellow */ | |||
} | } | ||
table.imbox-move { | table.imbox-move { | ||
border: 3px solid #9932cc; /* Purple */ | |||
} | } | ||
table.imbox-protection { | table.imbox-protection { | ||
border: 3px solid #a2a9b1; /* Gray-gold */ | |||
} | } | ||
table.imbox-license { | table.imbox-license { | ||
border: 3px solid #88a; /* Dark gray */ | |||
background: #f7f8ff; /* Light gray */ | |||
} | } | ||
table.imbox-featured { | table.imbox-featured { | ||
border: 3px solid #cba135; /* Brown-gold */ | |||
} | } | ||
/* Category message box styles */ | /* Category message box styles */ | ||
table.cmbox { | table.cmbox { | ||
margin: 3px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; | |||
background: #eaf3ff; /* Default "notice" blue */ | |||
} | } | ||
table.cmbox-notice { | table.cmbox-notice { | ||
background: #eaf3ff; /* Blue */ | |||
} | } | ||
table.cmbox-speedy { | table.cmbox-speedy { | ||
margin-top: 4px; | |||
margin-bottom: 4px; | |||
border: 4px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | } | ||
table.cmbox-delete { | table.cmbox-delete { | ||
background: #fee7e6; /* Red */ | |||
} | } | ||
table.cmbox-content { | table.cmbox-content { | ||
background: #ffe7ce; /* Orange */ | |||
} | } | ||
table.cmbox-style { | table.cmbox-style { | ||
background: #fff9db; /* Yellow */ | |||
} | } | ||
table.cmbox-move { | table.cmbox-move { | ||
background: #e4d8ff; /* Purple */ | |||
} | } | ||
table.cmbox-protection { | table.cmbox-protection { | ||
background: #efefe1; /* Gray-gold */ | |||
} | } | ||
/* Other pages message box styles */ | /* Other pages message box styles */ | ||
table.ombox { | table.ombox { | ||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; /* Default "notice" gray */ | |||
background: #f8f9fa; | |||
} | } | ||
table.ombox-notice { | table.ombox-notice { | ||
border: 1px solid #a2a9b1; /* Gray */ | |||
} | } | ||
table.ombox-speedy { | table.ombox-speedy { | ||
border: 2px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | } | ||
table.ombox-delete { | table.ombox-delete { | ||
border: 2px solid #b32424; /* Red */ | |||
} | } | ||
table.ombox-content { | table.ombox-content { | ||
border: 1px solid #f28500; /* Orange */ | |||
} | } | ||
table.ombox-style { | table.ombox-style { | ||
border: 1px solid #fc3; /* Yellow */ | |||
} | } | ||
table.ombox-move { | table.ombox-move { | ||
border: 1px solid #9932cc; /* Purple */ | |||
} | } | ||
table.ombox-protection { | table.ombox-protection { | ||
border: 2px solid #a2a9b1; /* Gray-gold */ | |||
} | } | ||
/* Talk page message box styles */ | /* Talk page message box styles */ | ||
table.tmbox { | table.tmbox { | ||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #c0c090; /* Default "notice" gray-brown */ | |||
background: #f8eaba; | |||
} | } | ||
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */ | .mediawiki .mbox-inside .tmbox { | ||
/* For tmboxes inside other templates. The "mediawiki" */ | |||
margin: 2px 0; /* class ensures that this declaration overrides other */ | |||
width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */ | |||
} | } | ||
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ | .mbox-inside .tmbox.mbox-small { | ||
/* "small" tmboxes should not be small when */ | |||
line-height: 1.5em; /* also "nested", so reset styles that are */ | |||
font-size: 100%; /* set in "mbox-small" above. */ | |||
} | } | ||
table.tmbox-speedy { | table.tmbox-speedy { | ||
border: 2px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | } | ||
table.tmbox-delete { | table.tmbox-delete { | ||
border: 2px solid #b32424; /* Red */ | |||
} | } | ||
table.tmbox-content { | table.tmbox-content { | ||
border: 2px solid #f28500; /* Orange */ | |||
} | } | ||
table.tmbox-style { | table.tmbox-style { | ||
border: 2px solid #fc3; /* Yellow */ | |||
} | } | ||
table.tmbox-move { | table.tmbox-move { | ||
border: 2px solid #9932cc; /* Purple */ | |||
} | } | ||
table.tmbox-protection, | table.tmbox-protection, | ||
table.tmbox-notice { | table.tmbox-notice { | ||
border: 1px solid #c0c090; /* Gray-brown */ | |||
} | } | ||
/* Disambig and set index box styles */ | /* Disambig and set index box styles */ | ||
table.dmbox { | table.dmbox { | ||
clear: both; | |||
margin: 0.9em 1em; | |||
border-top: 1px solid #ccc; | |||
border-bottom: 1px solid #ccc; | |||
background: transparent; | |||
font-size: small; | |||
} | } | ||
/* Footer and header message box styles */ | /* Footer and header message box styles */ | ||
table.fmbox { | table.fmbox { | ||
clear: both; | |||
margin: 0.2em 0; | |||
width: 100%; | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; /* Default "system" gray */ | |||
} | } | ||
table.fmbox-system { | table.fmbox-system { | ||
background: #f8f9fa; | |||
} | } | ||
table.fmbox-warning { | table.fmbox-warning { | ||
border: 1px solid #bb7070; /* Dark pink */ | |||
background: #ffdbdb; /* Pink */ | |||
} | } | ||
table.fmbox-editnotice { | table.fmbox-editnotice { | ||
background: transparent; | |||
} | } | ||
/* Div based "warning" style fmbox messages. */ | /* Div based "warning" style fmbox messages. */ | ||
第895行: | 第912行: | ||
div.mw-cascadeprotectedwarning, | div.mw-cascadeprotectedwarning, | ||
#mw-protect-cascadeon { | #mw-protect-cascadeon { | ||
clear: both; | |||
margin: 0.2em 0; | |||
border: 1px solid #bb7070; | |||
background: #ffdbdb; | |||
padding: 0.25em 0.9em; | |||
} | } | ||
/* Div based "system" style fmbox messages. Used in | /* Div based "system" style fmbox messages. Used in | ||
第905行: | 第922行: | ||
div.noarticletext, | div.noarticletext, | ||
div.fmbox-system { | div.fmbox-system { | ||
clear: both; | |||
margin: 0.2em 0; | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; | |||
padding: 0.25em 0.9em; | |||
} | } | ||
/* These mbox-small classes must be placed after all other | /* These mbox-small classes must be placed after all other | ||
ambox/tmbox/ombox etc classes. "body.mediawiki" is so | ambox/tmbox/ombox etc classes. "body.mediawiki" is so | ||
they override "table.ambox + table.ambox" above. */ | they override "table.ambox + table.ambox" above. */ | ||
body.mediawiki table.mbox-small { | body.mediawiki table.mbox-small { | ||
/* For the "small=yes" option. */ | |||
clear: right; | |||
float: right; | |||
margin: 4px 0 4px 1em; | |||
width: 238px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | } | ||
body.mediawiki table.mbox-small-left { | body.mediawiki table.mbox-small-left { | ||
/* For the "small=left" option. */ | |||
margin: 4px 1em 4px 0; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | } | ||
第935行: | 第954行: | ||
/* Remove borders, backgrounds, padding, etc. */ | /* Remove borders, backgrounds, padding, etc. */ | ||
.compact-ambox table.ambox { | .compact-ambox table.ambox { | ||
border: none; | |||
border-collapse: collapse; | |||
background: transparent; | |||
margin: 0 0 0 1.6em !important; | |||
padding: 0 !important; | |||
width: auto; | |||
display: block; | |||
} | } | ||
body.mediawiki .compact-ambox table.mbox-small-left { | body.mediawiki .compact-ambox table.mbox-small-left { | ||
font-size: 100%; | |||
width: auto; | |||
margin: 0; | |||
} | } | ||
/* Style the text cell as a list item and remove its padding */ | /* Style the text cell as a list item and remove its padding */ | ||
.compact-ambox table .mbox-text { | .compact-ambox table .mbox-text { | ||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | } | ||
.compact-ambox table .mbox-text-span { | .compact-ambox table .mbox-text-span { | ||
display: list-item; | |||
line-height: 1.5em; | |||
list-style-type: square; | |||
list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs="); | |||
} | } | ||
/* Style for compact ambox */ | /* Style for compact ambox */ | ||
第971行: | 第990行: | ||
} | } | ||
#mw-dismissable-notice { | #mw-dismissable-notice { | ||
background:transparent; | background: transparent; | ||
} | } | ||
#wpSummary, #wpSummaryLabel, input#wpSummary,input.mw-summary{ | #wpSummary, | ||
#wpSummaryLabel, | |||
input#wpSummary, | |||
input.mw-summary { | |||
margin-top: 0; | |||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
第984行: | 第1,006行: | ||
*/ | */ | ||
.navbox { | |||
.navbox { | /* Navbox container style */ | ||
border: 1px solid #a2a9b1; | |||
width: 100%; | |||
margin: auto; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
} | } | ||
.navbox-inner, | .navbox-inner, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
width: 100%; | |||
} | } | ||
.navbox th, | .navbox th, | ||
.navbox-title, | .navbox-title, | ||
.navbox-abovebelow { | .navbox-abovebelow { | ||
text-align: center; /* Title and above/below styles */ | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | } | ||
th.navbox-group { | th.navbox-group { | ||
/* Group style */ | |||
white-space: nowrap; | |||
/* @noflip */ | |||
text-align: right; | |||
} | } | ||
.navbox, | .navbox, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
background: #fdfdfd; /* Background color */ | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
border-color: #fdfdfd; /* Must match background color */ | |||
} | } | ||
.navbox th, | .navbox th, | ||
.navbox-title { | .navbox-title { | ||
background: #ccccff; /* Level 1 color */ | |||
} | } | ||
.navbox-abovebelow, | .navbox-abovebelow, | ||
th.navbox-group, | th.navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background: #ddddff; /* Level 2 color */ | |||
} | } | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
background: #e6e6ff; /* Level 3 color */ | |||
} | } | ||
.navbox-even { | .navbox-even { | ||
background: #f7f7f7; /* Even row striping */ | |||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background: transparent; /* Odd row striping */ | |||
} | } | ||
table.navbox + table.navbox { | table.navbox + table.navbox { | ||
/* Single pixel border between adjacent navboxes */ | |||
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ | |||
} | } | ||
.navbox .hlist td dl, | .navbox .hlist td dl, | ||
第1,045行: | 第1,069行: | ||
.navbox td.hlist ol, | .navbox td.hlist ol, | ||
.navbox td.hlist ul { | .navbox td.hlist ul { | ||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ | |||
} | } | ||
.navbox .hlist dd, | .navbox .hlist dd, | ||
.navbox .hlist dt, | .navbox .hlist dt, | ||
.navbox .hlist li { | .navbox .hlist li { | ||
white-space: nowrap; /* Nowrap list items in navboxes */ | |||
} | } | ||
.navbox .hlist dd dl, | .navbox .hlist dd dl, | ||
第1,056行: | 第1,080行: | ||
.navbox .hlist li ol, | .navbox .hlist li ol, | ||
.navbox .hlist li ul { | .navbox .hlist li ul { | ||
white-space: normal; /* But allow parent list items to be wrapped */ | |||
} | } | ||
ol + table.navbox, | ol + table.navbox, | ||
ul + table.navbox { | ul + table.navbox { | ||
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ | |||
} | } | ||
/* Default styling for Navbar template */ | /* Default styling for Navbar template */ | ||
.navbar { | .navbar { | ||
display: inline; | |||
font-weight: normal; | |||
} | } | ||
.navbar ul { | .navbar ul { | ||
display: inline; | |||
white-space: nowrap; | |||
} | } | ||
.navbar li { | .navbar li { | ||
word-spacing: -0.125em; | |||
} | } | ||
.navbar.mini li abbr[title] { | .navbar.mini li abbr[title] { | ||
font-variant: small-caps; | |||
border-bottom: none; | |||
text-decoration: none; | |||
cursor: inherit; | |||
} | } | ||
/* Navbar styling when nested in navbox */ | /* Navbar styling when nested in navbox */ | ||
.navbox .navbar { | .navbox .navbar { | ||
display: block; | |||
} | } | ||
.navbox-title .navbar { | .navbox-title .navbar { | ||
/* @noflip */ | |||
float: left; | |||
/* @noflip */ | |||
text-align: left; | |||
/* @noflip */ | |||
margin-right: 0.5em; | |||
width: 8em; | |||
} | } | ||
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | ||
in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | ||
.collapseButton { | .collapseButton { | ||
/* @noflip */ | |||
float: right; | |||
font-weight: normal; | |||
/* @noflip */ | |||
margin-left: 0.5em; | |||
/* @noflip */ | |||
text-align: right; | |||
width: auto; | |||
} | } | ||
/* In navboxes, the show/hide button balances the v·d·e links | /* In navboxes, the show/hide button balances the v·d·e links | ||
from [[Template:Navbar]], so they need to be the same width. */ | from [[Template:Navbar]], so they need to be the same width. */ | ||
.navbox .collapseButton { | .navbox .collapseButton { | ||
width: 8em; | |||
} | } |