“MediaWiki:Common.css”的版本间的差异
跳到导航
跳到搜索
Futagawa Fumi(讨论 | 贡献) |
Tamba Akari(讨论 | 贡献) 小 |
||
(未显示3个用户的73个中间版本) | |||
第1行: | 第1行: | ||
+ | /* 这里设置了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将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
body { | body { | ||
background: #ffffff; | background: #ffffff; | ||
+ | } | ||
+ | |||
+ | .mw-body-content { | ||
+ | line-height: 2; | ||
+ | } | ||
+ | |||
+ | .toc { | ||
+ | line-height: 1.8; | ||
} | } | ||
第8行: | 第31行: | ||
#mw-page-base { | #mw-page-base { | ||
background: #ffffff; | background: #ffffff; | ||
+ | } | ||
+ | |||
+ | .content .thumbcaption { | ||
+ | text-align: center; | ||
} | } | ||
第19行: | 第46行: | ||
a:visited { | a:visited { | ||
− | color:# | + | color:#4e66d4; |
+ | } | ||
+ | |||
+ | .mw-parser-output a.extiw, .mw-parser-output a.external { | ||
+ | color: #4e66d4; | ||
+ | } | ||
+ | |||
+ | .mw-parser-output a.extiw, .mw-parser-output a:visited { | ||
+ | color:#4e66d4; | ||
} | } | ||
第31行: | 第66行: | ||
.vector-menu-tabs li a { | .vector-menu-tabs li a { | ||
− | color: # | + | color: #ff4b6a; |
} | } | ||
第37行: | 第72行: | ||
color:#555555; | 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; | ||
+ | } | ||
+ | |||
+ | .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 { | .mw-body-content p { | ||
− | margin: | + | margin: 1em 0; |
− | + | text-align: justify; | |
} | } | ||
.mw-body { | .mw-body { | ||
− | border: 1px solid # | + | border: 1px solid #ff9dae; |
} | } | ||
.vector-menu-tabs li { | .vector-menu-tabs li { | ||
− | background-image: linear-gradient(to top,# | + | 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; | ||
} | } |
2023年10月29日 (日) 12:50的最新版本
/* 这里设置了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;
}
/* 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: #4e66d4;
}
a.new {
color: #ff4b6a;
}
a:visited {
color:#4e66d4;
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: #4e66d4;
}
.mw-parser-output a.extiw, .mw-parser-output a:visited {
color:#4e66d4;
}
.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;
}
.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;
}