MediaWiki:Timeless.css:修订间差异
来自「荏苒之境」
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的308个中间版本) | |||
第1行: | 第1行: | ||
/* All CSS here will be loaded for users of the Timeless skin */ | /* All CSS here will be loaded for users of the Timeless skin */ | ||
#mw-content-container { | |||
background-color: white; | |||
} | |||
#mw-content { | |||
border: none; | |||
box-shadow: none !important; | |||
} | |||
.mw-body h1 { | |||
padding-bottom: 4px !important; | |||
} | |||
.mw-body h1.firstHeading { | |||
margin-top: 0.6em !important; | |||
border-bottom: none; | |||
font-weight: bold; | |||
font-size: 2.7em; | |||
} | |||
.mw-body h2 { | |||
font-size: 30px !important; | |||
font-weight: bold !important; | |||
} | |||
.mw-body .mw-parser-output h2:after, .mw-body h2 { | |||
padding-bottom: 4px !important; | |||
} | |||
.mw-body .mw-heading, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { | |||
margin: 1.1em 0 0; | |||
font-weight: 600; | |||
} | |||
.mw-indicator { | |||
display: inherit; | |||
} | |||
.ve-ce-annotation { | |||
font-size: 100% !important; | |||
} | |||
.color-left { background: white; } | |||
.color-right { background: white; } | |||
.color-middle { background: white; } | |||
.mw-footer-container a { color: #ddd !important; } | |||
.mw-parser-output a.external, .link-https { | |||
-webkit-filter: grayscale(100%); | |||
-moz-filter: grayscale(100%); | |||
-ms-filter: grayscale(100%); | |||
-o-filter: grayscale(100%); | |||
filter: grayscale(100%); | |||
filter: gray; | |||
} | |||
#mw-content-container { | |||
border-bottom: solid 4px #bbb; | |||
background-image: none; | |||
} | |||
#mw-content-container a, .toctogglelabel, .mw-portlet-body a { color: #7e8390; } | |||
#mw-content-container a.new { color: #c98e8e; } | |||
.mw-footer-container { | |||
border-top: solid 1px #bbb !important; | |||
} | |||
.tools-inline li.selected { | |||
border-bottom-color: #bbb; | |||
} | |||
.mw-wiki-title { | .mw-wiki-title { | ||
color: black !important; | |||
font-size: 1.5em !important; | font-size: 1.5em !important; | ||
height: | font-weight: 700 !important; | ||
vertical-align: middle !important; | |||
display: table-cell !important; | |||
transition-duration: 0.5s; | |||
transition-property: text-shadow; | |||
} | |||
.mw-wiki-title:hover { | |||
text-decoration: none; | |||
text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); | |||
} | |||
@media screen and (min-width: 850px) { | |||
.mw-wiki-title { | |||
padding-left: 1em; | |||
} | |||
#personal h2 { | |||
background-size: 18px 18px !important; | |||
font-size: 1.2em; | |||
padding: 0.25em 0 0 25px; | |||
} | |||
.color-left { background: #bbb; } | |||
.color-right { background: #bbb; } | |||
.color-middle { background: #999; } | |||
.mw-wiki-title { | |||
padding-top: 0.21em !important; | |||
} | |||
.mw-wiki-logo { | |||
height: 9em !important; | |||
} | |||
} | |||
@media screen and (max-width: 850px) { | |||
.mw-body { | |||
margin-left: 10px; | |||
margin-right: 10px; | |||
margin-bottom: 15px; | |||
} | |||
#site-tools h2 { | |||
background-size: 25px 25px !important; | |||
right: 3.6em !important; | |||
top: 0.86em !important; | |||
} | |||
#user-tools h2::after, .sidebar-chunk h2::after { | |||
display: none; | |||
} | |||
#site-navigation h2 { | |||
left: 1.2em !important; | |||
top: 0.8em !important; | |||
} | |||
#personal-extra { | |||
right: 6em !important; | |||
} | |||
#personal-extra ul { | |||
margin-top: 0.4em !important; | |||
margin-right: 0 !important; | |||
} | |||
#personal-extra li { | |||
margin-right: 0.4em !important; | |||
} | |||
#p-logo-text { | |||
left: 3.5em !important; | |||
} | |||
.mw-wiki-title { | |||
font-size: 1.4em !important; | |||
padding-top: 0.2em !important; | |||
padding-left: 0 !important; | |||
padding-right: 0 !important; | |||
margin-right: 0 !important; | |||
} | |||
.mw-body h1.firstHeading { | |||
padding-top: 0.3em !important; | |||
} | |||
#mw-header-hack { | |||
box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.075); | |||
} | |||
} | |||
.mw-pt-languages .mw-pt-languages-list { | |||
margin: 0; | |||
padding-top: 0.5em; | |||
padding-bottom: 0.5em; | |||
line-height: 1.75em; | |||
} | |||
#searchInput { | |||
padding: 0.23em 4.5em 0.2em 2em !important; | |||
} | |||
abbr[title], .explain[title] { | |||
border-bottom: 0; | |||
text-decoration: none; | |||
} | |||
.oo-ui-buttonElement-framed, .oo-ui-buttonElement-framed:hover, .ve-ui-toolbar-saveButton { | |||
color: white !important; | |||
} | |||
.oo-ui-buttonElement-frameless { | |||
color: #7e8390 !important; | |||
} | |||
.oo-ui-buttonElement { | |||
margin-bottom: 8px; | |||
} | |||
form:not(.oo-ui-layout):not(.mw-htmlform-codex) button:not(:disabled):hover, | |||
form:not(.oo-ui-layout):not(.mw-htmlform-codex) input[type='submit']:not(:disabled):hover, | |||
form:not(.oo-ui-layout):not(.mw-htmlform-codex) button:not(:disabled):active, | |||
form:not(.oo-ui-layout):not(.mw-htmlform-codex) input[type='submit']:not(:disabled):active { | |||
color: white !important; | |||
} | |||
.oo-ui-actionFieldLayout-input, .oo-ui-actionFieldLayout-button { | |||
vertical-align: top; | |||
} | |||
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { | |||
display: flex !important; | |||
} | |||
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { | |||
width: auto !important; | |||
padding-left: 5px; | |||
} | |||
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { | |||
margin-left: 0px; | |||
margin-top: 10px; | |||
} | |||
#pt-uls .uls-trigger { | |||
padding-top: 0px !important; | |||
} | |||
#pt-uls .uls-trigger::before { | |||
padding-top: 0px !important; | |||
} | |||
.mw-pt-progress::after { | |||
border: 1px solid #0645ad; | |||
outline: none; | |||
} | } |
2025年7月29日 (二) 14:45的最新版本
/* All CSS here will be loaded for users of the Timeless skin */
#mw-content-container {
background-color: white;
}
#mw-content {
border: none;
box-shadow: none !important;
}
.mw-body h1 {
padding-bottom: 4px !important;
}
.mw-body h1.firstHeading {
margin-top: 0.6em !important;
border-bottom: none;
font-weight: bold;
font-size: 2.7em;
}
.mw-body h2 {
font-size: 30px !important;
font-weight: bold !important;
}
.mw-body .mw-parser-output h2:after, .mw-body h2 {
padding-bottom: 4px !important;
}
.mw-body .mw-heading, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
margin: 1.1em 0 0;
font-weight: 600;
}
.mw-indicator {
display: inherit;
}
.ve-ce-annotation {
font-size: 100% !important;
}
.color-left { background: white; }
.color-right { background: white; }
.color-middle { background: white; }
.mw-footer-container a { color: #ddd !important; }
.mw-parser-output a.external, .link-https {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
#mw-content-container {
border-bottom: solid 4px #bbb;
background-image: none;
}
#mw-content-container a, .toctogglelabel, .mw-portlet-body a { color: #7e8390; }
#mw-content-container a.new { color: #c98e8e; }
.mw-footer-container {
border-top: solid 1px #bbb !important;
}
.tools-inline li.selected {
border-bottom-color: #bbb;
}
.mw-wiki-title {
color: black !important;
font-size: 1.5em !important;
font-weight: 700 !important;
vertical-align: middle !important;
display: table-cell !important;
transition-duration: 0.5s;
transition-property: text-shadow;
}
.mw-wiki-title:hover {
text-decoration: none;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 850px) {
.mw-wiki-title {
padding-left: 1em;
}
#personal h2 {
background-size: 18px 18px !important;
font-size: 1.2em;
padding: 0.25em 0 0 25px;
}
.color-left { background: #bbb; }
.color-right { background: #bbb; }
.color-middle { background: #999; }
.mw-wiki-title {
padding-top: 0.21em !important;
}
.mw-wiki-logo {
height: 9em !important;
}
}
@media screen and (max-width: 850px) {
.mw-body {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 15px;
}
#site-tools h2 {
background-size: 25px 25px !important;
right: 3.6em !important;
top: 0.86em !important;
}
#user-tools h2::after, .sidebar-chunk h2::after {
display: none;
}
#site-navigation h2 {
left: 1.2em !important;
top: 0.8em !important;
}
#personal-extra {
right: 6em !important;
}
#personal-extra ul {
margin-top: 0.4em !important;
margin-right: 0 !important;
}
#personal-extra li {
margin-right: 0.4em !important;
}
#p-logo-text {
left: 3.5em !important;
}
.mw-wiki-title {
font-size: 1.4em !important;
padding-top: 0.2em !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-right: 0 !important;
}
.mw-body h1.firstHeading {
padding-top: 0.3em !important;
}
#mw-header-hack {
box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.075);
}
}
.mw-pt-languages .mw-pt-languages-list {
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
line-height: 1.75em;
}
#searchInput {
padding: 0.23em 4.5em 0.2em 2em !important;
}
abbr[title], .explain[title] {
border-bottom: 0;
text-decoration: none;
}
.oo-ui-buttonElement-framed, .oo-ui-buttonElement-framed:hover, .ve-ui-toolbar-saveButton {
color: white !important;
}
.oo-ui-buttonElement-frameless {
color: #7e8390 !important;
}
.oo-ui-buttonElement {
margin-bottom: 8px;
}
form:not(.oo-ui-layout):not(.mw-htmlform-codex) button:not(:disabled):hover,
form:not(.oo-ui-layout):not(.mw-htmlform-codex) input[type='submit']:not(:disabled):hover,
form:not(.oo-ui-layout):not(.mw-htmlform-codex) button:not(:disabled):active,
form:not(.oo-ui-layout):not(.mw-htmlform-codex) input[type='submit']:not(:disabled):active {
color: white !important;
}
.oo-ui-actionFieldLayout-input, .oo-ui-actionFieldLayout-button {
vertical-align: top;
}
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
display: flex !important;
}
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
width: auto !important;
padding-left: 5px;
}
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
margin-left: 0px;
margin-top: 10px;
}
#pt-uls .uls-trigger {
padding-top: 0px !important;
}
#pt-uls .uls-trigger::before {
padding-top: 0px !important;
}
.mw-pt-progress::after {
border: 1px solid #0645ad;
outline: none;
}