旧站的内容可能已过时。您可以前往“真魂”分站查看本页面,那里的内容将会定期同步。
“MediaWiki:Vector.css”的版本间的差异
来自个人维基
小 (unhide footer-places) |
|||
(未显示1个用户的31个中间版本) | |||
第1行: | 第1行: | ||
+ | input, | ||
+ | button, | ||
+ | select { | ||
+ | font-size: 1rem; | ||
+ | } | ||
+ | |||
#mw-page-base, | #mw-page-base, | ||
#mw-page-base-master { | #mw-page-base-master { | ||
− | + | background: linear-gradient(#398, #f6f6f6 50%); | |
} | } | ||
− | # | + | body.ns-12 #ca-talk, |
− | + | body.ns-13 #ca-nstab-help { | |
+ | display: none; | ||
} | } | ||
− | # | + | |
− | + | body.ns-14 #mw-subcategories, | |
+ | body.ns-14 #mw-pages { | ||
+ | clear: left; | ||
+ | } | ||
+ | body.ns-14 #mw-subcategories h3, | ||
+ | body.ns-14 #mw-pages h3 { | ||
+ | font-size: .75rem; | ||
+ | padding: 0; | ||
+ | clear: left; | ||
+ | float: left; | ||
+ | transform: translate(0, 5px); | ||
+ | line-height: 100%; | ||
+ | border: .25rem solid transparent; | ||
+ | border-right-width: .15rem; | ||
+ | border-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjIiPjxwYXRoIGZpbGw9IiNkZGQiIGQ9Ik0wLDBIMUwyLDEsMSwySDBaIi8+PC9zdmc+) | ||
+ | 0 1 0 0 fill / .5rem / .5rem; | ||
+ | } | ||
+ | body.ns-14 #mw-subcategories h3:empty, | ||
+ | body.ns-14 #mw-subcategories h3:-moz-only-whitespace, | ||
+ | body.ns-14 #mw-pages h3:empty, | ||
+ | body.ns-14 #mw-pages h3:-moz-only-whitespace { | ||
+ | display: none; | ||
+ | } | ||
+ | body.ns-14 #mw-subcategories li, | ||
+ | body.ns-14 #mw-pages li { | ||
+ | margin-left: 2rem; | ||
+ | } | ||
+ | |||
+ | #p-logo>a { | ||
+ | background-size: 135px 135px; | ||
+ | } | ||
+ | |||
+ | #searchform input { | ||
+ | font-size: .75rem; | ||
} | } | ||
#searchform input[type=submit] { | #searchform input[type=submit] { | ||
− | + | background: linear-gradient(#f0f0f0, #e0e0e0); | |
− | + | border-radius: 3px; | |
− | + | border: 1px solid #c0c0c0; | |
− | + | padding: 2px 5px; | |
} | } | ||
+ | #searchGoButton + #mw-searchButton { | ||
+ | display: none; | ||
+ | } | ||
+ | #searchInput{ | ||
+ | width: 10rem; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #searchInput { | ||
+ | transition: width 400ms; | ||
+ | width: 5rem; | ||
+ | } | ||
+ | #searchInput:focus{ | ||
+ | width: 10rem; | ||
+ | } | ||
+ | } | ||
+ | |||
#wpSave { | #wpSave { | ||
− | + | display: inline-block; | |
− | + | padding: 0.5rem 1rem; | |
− | + | background: linear-gradient(#4060ff, #3040ff); | |
− | + | color: white; | |
− | + | border-radius: 3px; | |
− | + | border: 2px solid #1c2880; | |
} | } | ||
#wpPreview, | #wpPreview, | ||
#wpDiff { | #wpDiff { | ||
− | + | display: inline-block; | |
− | + | padding: 0.5rem 1rem; | |
− | + | background: linear-gradient(#f0f0f0, #e0e0e0); | |
− | + | color: black; | |
− | + | border-radius: 3px; | |
− | + | border: 2px solid #c0c0c0; | |
} | } | ||
/* Template:BiliVideo */ | /* Template:BiliVideo */ | ||
.lnnblog-bilivideo { | .lnnblog-bilivideo { | ||
− | + | width: 48rem; | |
− | + | height: 27rem; | |
+ | } | ||
+ | |||
+ | /* WikimediaUI Dark Mode | ||
+ | * | ||
+ | * Wikimedia Design Team 2019-2021 | ||
+ | * Original authors: | ||
+ | * - Volker E. | ||
+ | * - Alex Hollender | ||
+ | * - MusikAnimal | ||
+ | * - Carolyn Li-Madeo | ||
+ | * - Jdlrobson | ||
+ | * | ||
+ | * Source: https://gerrit.wikimirror.net/r/plugins/gitiles/mediawiki/extensions/DarkMode/+/f48785e983b16962596e0dc607721e81bcf93e67/resources/ext.DarkMode.css | ||
+ | */ | ||
+ | @media screen { | ||
+ | html { | ||
+ | height: 100%; | ||
+ | } | ||
+ | .ext-darkmode-link::before { | ||
+ | content: '\263E'; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .skin-vector-2022 .ext-darkmode-link::before { | ||
+ | display: none; | ||
+ | } | ||
+ | .client-darkmode { | ||
+ | background: #fff; | ||
+ | } | ||
+ | .client-darkmode .ext-darkmode-link::before { | ||
+ | content: '\263C'; | ||
+ | } | ||
+ | .client-darkmode:not( .mw-invert ), | ||
+ | .client-darkmode img:not( .mw-invert ), | ||
+ | .client-darkmode video:not( .mw-invert ), | ||
+ | .client-darkmode image:not( .mw-invert ), | ||
+ | .client-darkmode iframe:not( .mw-invert ), | ||
+ | .client-darkmode .mw-no-invert:not( .mw-invert ), | ||
+ | .client-darkmode .cdx-no-invert:not( .mw-invert ), | ||
+ | .client-darkmode td .diffchange:not( .mw-invert ), | ||
+ | .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not( .mw-invert ) { | ||
+ | filter: invert(1) hue-rotate(180deg); | ||
+ | -webkit-filter: invert(1) hue-rotate(180deg); | ||
+ | } | ||
+ | .client-darkmode .skin-vector .mw-logo-wordmark, | ||
+ | .client-darkmode .skin-vector .mw-logo-tagline, | ||
+ | .client-darkmode .skin-timeless .mw-wiki-title > img, | ||
+ | .client-darkmode .cdx-icon svg { | ||
+ | filter: none; | ||
+ | } | ||
+ | .client-darkmode table, | ||
+ | .client-darkmode table.ambox-content, | ||
+ | .client-darkmode table.toccolours, | ||
+ | .client-darkmode .mw-notification, | ||
+ | .client-darkmode .mwe-popups, | ||
+ | .client-darkmode .infobox, | ||
+ | .client-darkmode .toc, | ||
+ | .client-darkmode .thumbinner, | ||
+ | .client-darkmode .wikitable, | ||
+ | .client-darkmode .cbnnr-main, | ||
+ | .client-darkmode .cx-callout, | ||
+ | .client-darkmode #simpleSearch, | ||
+ | .client-darkmode #searchInput, | ||
+ | .client-darkmode #centralNotice .cnotice { | ||
+ | background-color: #ddd; | ||
+ | } | ||
+ | .client-darkmode, | ||
+ | .client-darkmode h1, | ||
+ | .client-darkmode h2, | ||
+ | .client-darkmode h3, | ||
+ | .client-darkmode h4, | ||
+ | .client-darkmode h5, | ||
+ | .client-darkmode h6, | ||
+ | .client-darkmode table.ambox-content, | ||
+ | .client-darkmode table.toccolours, | ||
+ | .client-darkmode .mw-notification, | ||
+ | .client-darkmode .infobox, | ||
+ | .client-darkmode .toc, | ||
+ | .client-darkmode .thumbinner, | ||
+ | .client-darkmode #mw-head, | ||
+ | .client-darkmode #mw-panel, | ||
+ | .client-darkmode #content.mw-body, | ||
+ | .client-darkmode #simpleSearch, | ||
+ | .client-darkmode #searchInput, | ||
+ | .client-darkmode #centralNotice .cnotice { | ||
+ | border-color: #cdcbc8; | ||
+ | } | ||
+ | .client-darkmode a, | ||
+ | .client-darkmode .vector-menu-tabs li a, | ||
+ | .client-darkmode .vectorTabs li a, | ||
+ | .client-darkmode .toctogglelabel, | ||
+ | .client-darkmode .mw-parser-output a.external, | ||
+ | .client-darkmode .mw-parser-output a.extiw, | ||
+ | .client-darkmode .mw-parser-output a.extiw:active, | ||
+ | .client-darkmode #mw-panel .portal .body li a { | ||
+ | color: #36c; | ||
+ | } | ||
+ | .client-darkmode a:visited, | ||
+ | .client-darkmode .mw-parser-output a.extiw:visited, | ||
+ | .client-darkmode #mw-panel .portal .body li a:visited { | ||
+ | color: #6b4ba1; | ||
+ | } | ||
+ | .client-darkmode a.new, | ||
+ | .client-darkmode .vector-menu-tabs li.new a, | ||
+ | .client-darkmode .vectorTabs li.new a { | ||
+ | color: #ff6e6e; | ||
+ | } | ||
+ | .client-darkmode .thumbimage { | ||
+ | border: 0; | ||
+ | } | ||
+ | .client-darkmode .image img[src*='svg'] { | ||
+ | background-color: #fff; | ||
+ | border-radius: 1px; | ||
+ | } | ||
+ | .client-darkmode .mw-echo-ui-notificationItemWidget-icon img[src*='svg'], | ||
+ | .client-darkmode .mbox-image .image img[src*='svg'], | ||
+ | .client-darkmode .image img[alt^='Symbol'] { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .client-darkmode .mwe-popups { | ||
+ | box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px #000; | ||
+ | } | ||
+ | .client-darkmode .mwe-popups.flipped-y::after, | ||
+ | .client-darkmode .mwe-popups.flipped-x-y::after { | ||
+ | border-top: 11px solid #ddd; | ||
+ | } | ||
+ | .client-darkmode .mwe-popups.mwe-popups-no-image-pointer::after { | ||
+ | border-bottom: 11px solid #ddd; | ||
+ | } | ||
+ | .client-darkmode html .cx-callout-1::after { | ||
+ | border-bottom-color: #ddd; | ||
+ | } | ||
+ | .client-darkmode html .branding-box img { | ||
+ | filter: brightness(0); | ||
+ | } | ||
+ | } | ||
+ | @-moz-document url-prefix() { | ||
+ | body { | ||
+ | background: #000; | ||
+ | } | ||
+ | } | ||
+ | @-moz-document url-prefix() { | ||
+ | @supports (overflow-clip-margin: 1px) { | ||
+ | body { | ||
+ | background: #fff; | ||
+ | } | ||
+ | } | ||
} | } |
2024年5月25日 (六) 19:38的最后版本
input, button, select { font-size: 1rem; } #mw-page-base, #mw-page-base-master { background: linear-gradient(#398, #f6f6f6 50%); } body.ns-12 #ca-talk, body.ns-13 #ca-nstab-help { display: none; } body.ns-14 #mw-subcategories, body.ns-14 #mw-pages { clear: left; } body.ns-14 #mw-subcategories h3, body.ns-14 #mw-pages h3 { font-size: .75rem; padding: 0; clear: left; float: left; transform: translate(0, 5px); line-height: 100%; border: .25rem solid transparent; border-right-width: .15rem; border-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjIiPjxwYXRoIGZpbGw9IiNkZGQiIGQ9Ik0wLDBIMUwyLDEsMSwySDBaIi8+PC9zdmc+) 0 1 0 0 fill / .5rem / .5rem; } body.ns-14 #mw-subcategories h3:empty, body.ns-14 #mw-subcategories h3:-moz-only-whitespace, body.ns-14 #mw-pages h3:empty, body.ns-14 #mw-pages h3:-moz-only-whitespace { display: none; } body.ns-14 #mw-subcategories li, body.ns-14 #mw-pages li { margin-left: 2rem; } #p-logo>a { background-size: 135px 135px; } #searchform input { font-size: .75rem; } #searchform input[type=submit] { background: linear-gradient(#f0f0f0, #e0e0e0); border-radius: 3px; border: 1px solid #c0c0c0; padding: 2px 5px; } #searchGoButton + #mw-searchButton { display: none; } #searchInput{ width: 10rem; } @media screen and (max-width: 768px) { #searchInput { transition: width 400ms; width: 5rem; } #searchInput:focus{ width: 10rem; } } #wpSave { display: inline-block; padding: 0.5rem 1rem; background: linear-gradient(#4060ff, #3040ff); color: white; border-radius: 3px; border: 2px solid #1c2880; } #wpPreview, #wpDiff { display: inline-block; padding: 0.5rem 1rem; background: linear-gradient(#f0f0f0, #e0e0e0); color: black; border-radius: 3px; border: 2px solid #c0c0c0; } /* Template:BiliVideo */ .lnnblog-bilivideo { width: 48rem; height: 27rem; } /* WikimediaUI Dark Mode * * Wikimedia Design Team 2019-2021 * Original authors: * - Volker E. * - Alex Hollender * - MusikAnimal * - Carolyn Li-Madeo * - Jdlrobson * * Source: https://gerrit.wikimirror.net/r/plugins/gitiles/mediawiki/extensions/DarkMode/+/f48785e983b16962596e0dc607721e81bcf93e67/resources/ext.DarkMode.css */ @media screen { html { height: 100%; } .ext-darkmode-link::before { content: '\263E'; display: inline-block; } .skin-vector-2022 .ext-darkmode-link::before { display: none; } .client-darkmode { background: #fff; } .client-darkmode .ext-darkmode-link::before { content: '\263C'; } .client-darkmode:not( .mw-invert ), .client-darkmode img:not( .mw-invert ), .client-darkmode video:not( .mw-invert ), .client-darkmode image:not( .mw-invert ), .client-darkmode iframe:not( .mw-invert ), .client-darkmode .mw-no-invert:not( .mw-invert ), .client-darkmode .cdx-no-invert:not( .mw-invert ), .client-darkmode td .diffchange:not( .mw-invert ), .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not( .mw-invert ) { filter: invert(1) hue-rotate(180deg); -webkit-filter: invert(1) hue-rotate(180deg); } .client-darkmode .skin-vector .mw-logo-wordmark, .client-darkmode .skin-vector .mw-logo-tagline, .client-darkmode .skin-timeless .mw-wiki-title > img, .client-darkmode .cdx-icon svg { filter: none; } .client-darkmode table, .client-darkmode table.ambox-content, .client-darkmode table.toccolours, .client-darkmode .mw-notification, .client-darkmode .mwe-popups, .client-darkmode .infobox, .client-darkmode .toc, .client-darkmode .thumbinner, .client-darkmode .wikitable, .client-darkmode .cbnnr-main, .client-darkmode .cx-callout, .client-darkmode #simpleSearch, .client-darkmode #searchInput, .client-darkmode #centralNotice .cnotice { background-color: #ddd; } .client-darkmode, .client-darkmode h1, .client-darkmode h2, .client-darkmode h3, .client-darkmode h4, .client-darkmode h5, .client-darkmode h6, .client-darkmode table.ambox-content, .client-darkmode table.toccolours, .client-darkmode .mw-notification, .client-darkmode .infobox, .client-darkmode .toc, .client-darkmode .thumbinner, .client-darkmode #mw-head, .client-darkmode #mw-panel, .client-darkmode #content.mw-body, .client-darkmode #simpleSearch, .client-darkmode #searchInput, .client-darkmode #centralNotice .cnotice { border-color: #cdcbc8; } .client-darkmode a, .client-darkmode .vector-menu-tabs li a, .client-darkmode .vectorTabs li a, .client-darkmode .toctogglelabel, .client-darkmode .mw-parser-output a.external, .client-darkmode .mw-parser-output a.extiw, .client-darkmode .mw-parser-output a.extiw:active, .client-darkmode #mw-panel .portal .body li a { color: #36c; } .client-darkmode a:visited, .client-darkmode .mw-parser-output a.extiw:visited, .client-darkmode #mw-panel .portal .body li a:visited { color: #6b4ba1; } .client-darkmode a.new, .client-darkmode .vector-menu-tabs li.new a, .client-darkmode .vectorTabs li.new a { color: #ff6e6e; } .client-darkmode .thumbimage { border: 0; } .client-darkmode .image img[src*='svg'] { background-color: #fff; border-radius: 1px; } .client-darkmode .mw-echo-ui-notificationItemWidget-icon img[src*='svg'], .client-darkmode .mbox-image .image img[src*='svg'], .client-darkmode .image img[alt^='Symbol'] { background-color: transparent; } .client-darkmode .mwe-popups { box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px #000; } .client-darkmode .mwe-popups.flipped-y::after, .client-darkmode .mwe-popups.flipped-x-y::after { border-top: 11px solid #ddd; } .client-darkmode .mwe-popups.mwe-popups-no-image-pointer::after { border-bottom: 11px solid #ddd; } .client-darkmode html .cx-callout-1::after { border-bottom-color: #ddd; } .client-darkmode html .branding-box img { filter: brightness(0); } } @-moz-document url-prefix() { body { background: #000; } } @-moz-document url-prefix() { @supports (overflow-clip-margin: 1px) { body { background: #fff; } } }