MediaWiki:Common.css
Tamba Akari(讨论 | 贡献)2024年9月17日 (二) 21:37的版本
注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- 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),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。
/* 这里设置了Google Font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600&family=Noto+Serif+JP:wght@400;600&family=Noto+Serif:wght@400;600&display=swap');
/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */
body {
font-family: 'Noto Serif SC','Noto Serif JP', 'Noto Serif', serif;
}
/* Changes the default font used for MediaWiki headings to Noto Serif: */
#content h1,
#content h2 {
font-family: 'Noto Serif SC','Noto Serif JP', 'Noto Serif', serif;
}
/* 这里放置的CSS将应用于所有皮肤 */
body {
background: #ffffff;
}
.mw-body-content {
line-height: 2;
}
.toc {
line-height: 1.8;
}
.lily-table {
display:table; border:solid 2px #ff9dae; border-radius:20px;
}
.lily-table-garden {
display:table; border:solid 2px black;
}
.lily-table th {
background-color:#ff9dae;width:120px;border-radius:20px;color:white;
}
.lily-table td {
border-bottom: 1px solid rgba(255, 157, 174, 0.6);width:650px;
}
.lily-table-legion {
display:table; border:solid 2px black; background-color:#ff9dae;width:150px; padding: 0; /* 确保没有内边距 */
margin: 0; /* 移除外边距 */
}
.lily-table th a {
color:white;
}
.lily-table th a.new {
color: #a6a6a6; text-decoration: underline;
}
.character-table {
display:table; border:solid 2px #ff9dae; float:right;margin-left: 20px;border-radius:20px;
}
.character-table th {
background-color:#ff9dae; color:white; font-weight:bold; border-radius:20px; padding:2px; text-align:center;
}
.character-table td {
text-align: center;
width:300px;font-weight:bold;border-bottom: 1px solid rgba(255, 157, 174, 0.3);
}
.header-row {
background-color: #ffb6c1; /* 粉色背景 */
text-align: center;font-weight:bold;color:white;
}
/* ldvc背景 */
.header-rowldvc {
background-color: #ed4180!important;
text-align: center;font-weight:bold;color:white!important;
}
.table-thldvc {
background-color:#ed4180!important;color:white!important;
}
.table-tdldvc {
border-bottom: 1px solid rgba(237, 65, 128, 0.3) !important;
}
.bg-image-ldvc {
background-image: url("https://assaultlily-otaku.icu/images/0/0d/Bg-ldvc.png");
background-size: 250px 410px;
background-position: 65% 60%;
background-repeat: no-repeat;
border:solid 2px #ed4180;
}
/* 神庭背景 */
.header-roweple {
background-color: #aba080!important;
text-align: center;font-weight:bold;color:white!important;
}
.table-theple {
background-color:#aba080!important;color:white!important;
}
.table-tdeple {
border-bottom: 1px solid rgba(171, 160, 128, 0.6) !important;
}
.bg-image-eple {
background-image: url("https://assaultlily-otaku.icu/images/5/56/Bg-eple.png");
background-size: 250px 410px;
background-position: 65% 60%;
background-repeat: no-repeat;
border:solid 2px #aba080;
}
/* 龙校背景 */
.header-roweren {
background-color: #7c89b5 !important;
text-align: center;font-weight:bold;color:white!important;
}
.table-theren {
background-color:#7c89b5 !important;color:white!important;
}
.table-tderen {
border-bottom: 1px solid rgba(124,137, 181, 0.3) !important;
}
.bg-image-eren {
background-image: url("https://assaultlily-otaku.icu/images/b/b8/Bg-eren.png");
background-size: 250px 410px;
background-position: 65% 60%;
background-repeat: no-repeat;
border:solid 2px #7c89b5 ;
}
/* 桑格背景 */
.header-rowsang {
background-color: #000000 !important;
text-align: center;font-weight:bold;color:white!important;
}
.table-thsang {
background-color:#6b0002 !important;color:white!important;
}
.table-tdsang {
border-bottom: 1px solid rgba(107,0, 2, 0.3) !important;
}
.bg-image-sang {
background-image: url("https://assaultlily-otaku.icu/images/7/75/Bg-sang.png");
background-size: 250px 410px;
background-position: 65% 65%;
background-repeat: no-repeat;
border:solid 2px #000000 ;
}
/* 圣徒背景 */
.header-rowsaints {
background-color: #151947 !important;
text-align: center;font-weight:bold;color:white!important;
}
.table-thsaints {
background-color:#fee294 !important;color:black!important;
}
.table-tdsaints {
border-bottom: 1px solid rgba(44, 42, 99, 0.6) !important;
}
.bg-image-saints {
background-image: url("https://assaultlily-otaku.icu/images/a/a3/Bg-saints.png");
background-size: 250px 410px;
background-position: 70% 60%;
background-repeat: no-repeat;
border:solid 2px #151947 ;
}
/* 二亚背景 */
.header-rowerya {
background-color: #000000 !important;
text-align: center;font-weight:bold;color:white;
}
.table-therya {
background-color:#000000 !important;
}
.table-tderya {
border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}
.bg-image-erya {
background-image: url("https://assaultlily-otaku.icu/images/3/3a/Erya-bg.png");
background-size: 250px 410px;
background-position: 60% 60%;
background-repeat: no-repeat;
border:solid 2px #000000;
}
/* 鲸岬背景 */
.header-rowjia {
background-color: #151947 !important;
text-align: center;font-weight:bold;color:white;
}
.table-thjia {
background-color:#151947 !important;
}
.table-tdjia {
border-bottom: 1px solid rgba(21, 25, 71, 0.3) !important;
}
.bg-image-jia {
background-image: url("https://assaultlily-otaku.icu/images/7/7b/%E9%B2%B8%E5%B2%AC%E8%83%8C%E6%99%AF%E5%9B%BE.png");
background-size: 250px 410px;
background-position: 60% 60%;
background-repeat: no-repeat;
border:solid 2px #151947;
}
/* Changes the background color behind the top half of the logo and at top of each page: */
#mw-page-base {
background: #ffffff;
}
.content .thumbcaption {
text-align: center;
}
a {
color: #ff9dae;font-weight:bold;
}
a.new {
color: #a6a6a6; text-decoration: underline;
}
a:visited {
color:#7f90dc; text-decoration: underline;
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: #4e66d4;
}
.mw-parser-output a.extiw, .mw-parser-output a:visited {
color:#7f90dc; text-decoration: underline;
}
.portal .body li a, .vector-menu-portal .body li a {
color: #555555;
}
.portal .body li a, .vector-menu-portal .body li a:visited {
color:#555555;
}
.vector-menu-tabs li a {
color: #ff4b6a;
}
.vector-menu-tabs li a:visited {
color:#555555;
}
.vector-menu-tabs .new a, .vector-menu-tabs .new a {
color: #ff4b6a;
}
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
color: #ff4b6a;
}
h1, h2 {
border-bottom: 1px solid #ff9dae;
}
h2, h4, h5, h6 {
line-height: 2;
}
h3 {
text-indent: 5px;
border-left: #ff9dae 6px solid;
margin-top: 2px; /* 调整顶部边距,微调文本位置 */
padding-top: 1px; /* 增加左侧内边距,确保文本不靠得太近边框 */
}
.mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
margin: 0.5em 0;
}
.content table {
overflow: auto;
overflow-y: auto;
overflow-x: auto;
}
td {
padding: 0 5px;
}
blockquote {
margin: 0 1em;
padding: 0 1em;
border-left: #ff9dae 4px solid;
}
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 2em 0 0 2em;
}
.mw-body-content p {
margin: 1em 0;
text-align: justify;
}
.mw-body {
border: 1px solid #ff9dae;
}
.vector-menu-tabs li {
background-image: linear-gradient(to top,#ff9dae 0,#fff5f7 1px,rgb(255 255 255 / 0%) 100%);
}
.vector-menu-tabs .selected {
background: linear-gradient(to top,#ffffff 0,#ffffff 1px,rgb(255 255 255 / 0%) 100%);
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background-image: linear-gradient(to bottom,rgb(255 255 255 / 0%) 0,#ff9dae 100%)
}
div.tright {
margin: 15px 10px 3px 10px;
}
div.thumbinner {
border: none;
padding: 0;
background-color: unset;
}
.mw-content-ltr .thumbcaption {
text-align: center;
}
/* 这里规定了分Tab的模块的样式 */
html .thumbimage {
border: none;
}
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background-color: #ff9dae;
}
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
margin: 0 0 0 0;
}
.tabs-label {
padding: 0 8px;
}
.tabs-tabbox > .tabs-label {
border: none;
border-radius: unset;
}
.tabs-tabbox > .tabs-label {
margin: 0;
}
.tabs-label {
background-color: #eaeaea;
}
.tabs-tabbox > .tabs-container {
border-radius: 0;
border: 1px solid #eaeaea;
}
/* 反白用样式 */
.hidetext {
color: #ff9dae;
background: #ff9dae;
transition: all 0.5s;
}
.hidetext:hover {
color: #ffffff;
}
.hidetext a {
color: #ff9dae;
transition: all 0.5s;
}
.hidetext:hover a {
color: #4e66d4;
}
.hidetext a.new {
color: #ff9dae;
transition: all 0.5s;
}
.hidetext:hover a.new {
color: #ff4b6a;
}
.hidetext a:visited {
color:#ff9dae;
}
.hidetext:hover a:visited {
color:#4e66d4;
}