User:HenryLi/vector-2022.css

你響呢版入咗嘅碼可能會有一啲惡意嘅嘢影響你嘅戶口。如果你唔肯定所加入嘅碼係安全嘅話，你可以響城市論壇度問下。個碼會響預覽呢一版嗰陣就會執行。
Documentation for this script can be added at User:HenryLi/vector-2022. This script seems to have an accompanying .js page at User:HenryLi/vector-2022.js.
注意：儲存之後，你可能要兜過你嘅瀏覽器快取至睇到更改。Internet Explorer: 撳住Ctrl掣再撳重新整理掣。 Firefox: 撳住Shift掣再撳重新載入（又或者撳Ctrl-Shift-R）。 Google Chrome同埋Safari用戶就噉撳個重載掣。
/* CSS for Vector skin */

/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */

/* old */
b {
	text-emphasis-style: open circle;
	text-emphasis-color: yellow;
	text-emphasis-position: under left;
}

body {
	color: #c1c1c1;
	background-color: #332222;
	font-family: "Noto Serif CJK TC Black", sans-serif;
	font-size: larger;
}

h1, h2, h3, h4, h5, h6 {
	color: #c1c1c1;
}

ul {
	list-style-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%225%22 height=%2213%22% stroke=%22#c1c1c1%22 fill=%22#c1c1c1%223E%3Ccircle cx=%222.5%22 cy=%229%22 r=%222.5%22 fill=%22%23202122%22/%3E%3C/svg%3E");
}
a {
	color: #e69710;
}

a:visited {
	color: #b8b33e;
}

a.new, #p-personal a.new {
	color: #fa5050;
}

a.new:visited, #p-personal a.new:visited {
	color: #a55858;
}

/* 2023-11-14 */
.vector-feature-zebra-design-disabled body {
	color: #c1c1c1;
	background-color: #332222;
	font-family: "Noto Serif CJK TC Black", sans-serif;
	font-size: larger;
}

.vector-feature-zebra-design-disabled .mw-page-container {
	background-color: #332222;
}

.vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools, .vector-feature-zebra-design-disabled #vector-client-prefs-pinned-container .vector-client-prefs {
    height: 148px;
    width: unset;
    max-width: calc(100vw - 16px);
    max-height: unset;
    overflow-x: auto;
    overflow-y: unset;
    margin-top: 14px;
    margin-left: unset;
    padding-right: 1.125em;
    padding-top: unset;
    padding-left: 24px;
    padding-bottom: unset;
}
/* old */
#mw-panel {
	background-image: linear-gradient(to bottom,#332222 0%,#000000 10%,#000000 90%,#332222 100%);
}
.mw-page-container {
	background-color: #332222;
}

.skin-vector-max-width {
	color: #c1c1c1;
	background-color: #332222;
}
.skin-vector-max-width .mw-page-container {
	background-color: #332222;
}

.vector-menu-portal .body li a, .vector-menu-portal .vector-menu-content li a {
    color: #e69710;
}

.vector-menu-portal .body li a:visited, .vector-menu-portal .vector-menu-content li a:visited {
    color: #b8b33e;
}

.vector-animations-ready #mw-sidebar-button {
	-webkit-transition: background-color 100ms,border-color 100ms,box-shadow 100ms;
	-moz-transition: background-color 100ms,border-color 100ms,box-shadow 100ms;
	transition: background-color 100ms,border-color 100ms,box-shadow 100ms;
}

#mw-sidebar-button:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 stroke=%22#c1c1c1%22 fill=%22#c1c1c1%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E chevron %3C/title%3E %3Cpath d=%22M9 2l1.3 1.3L3.7 10l6.6 6.7L9 18l-8-8 8-8zm8.5 0L19 3.3 12.2 10l6.7 6.7-1.4 1.3-8-8 8-8z%22/%3E %3C/svg%3E");
}

.skin-vector-max-width #mw-panel {
	background-image: linear-gradient(to bottom,#332222 0%,#221111 10%,#221111 90%,#332222 100%);
}

.vector-menu-portal .body li a:visited {
	color: #b8b33e;
}

.vector-menu-portal .body li a {
	color: #e69710;
}

.vector-menu-tabs .selected {
	background: #000000;
}

.vector-menu-tabs li {
	background-image: linear-gradient(to top,#993111 0,#332222 1px,#221111 100%)
}

.vector-menu-tabs li a {
	color: #e69710;
}

.vector-menu-tabs .new a:visited {
	color: #a55858;
}

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
	color: #cccccc;
}

.vector-menu-dropdown .vector-menu-content-list {
	background-color: #332222;
}

.vector-menu-dropdown li a {
	color: #e69710;
}

.toc, .mw-warning, .toccolours {
	background-color: #443333;
}

.toctogglelabel {
	color: #e69710;
}

.tocnumber {
	color: #c1c1c1;
}

.mw-footer li {
	color: #c1c1c1;
}

.mw-body-content .toc h2 {
	font-family: "Noto Serif CJK TC Black", sans-serif;
}

.mw-parser-output a.extiw, .mw-parser-output a.external {
	color: #e69710;
}

.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
	color: #b8b33e;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #332222;
	color: #c1c1c1;
}

div#editpage-specialchars a {
	background-color: #332222;
}

.infobox {
	color: #c1c1c1;
	background-color: #332222;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background-color: #332222;
}

.editOptions {
	color: #c1c1c1;
	background-color: #332222;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	color: #e69710;
}

.catlinks {
	background-color: #332222;
}

.wikitable {
	color: #c1c1c1;
	background-color: #332222;
}

.wikitable > tr > th, .wikitable > * > tr > th {
	background-color: #110000;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	background-color: #332222;
}

div.thumbinner {
	background-color: #332222;
}
.mwe-popups {
	background-color: #332222;
}

.mwe-popups .mwe-popups-container {
	color: #c1c1c1;
}

.mwe-popups .mwe-popups-extract {
	color: #c1c1c1;
}

.mwe-popups .mwe-popups-extract[dir='ltr']:after {
	background-image: -webkit-linear-gradient(to right,rgba(0,0,0,0),#000000 50%);
	background-image: -moz-linear-gradient(to right,rgba(0,0,0,0),#000000 50%);
	background-image: linear-gradient(to right,rgba(0,0,0,0),#000000 50%);
}
.navbox {

        width: unset;

        height: 100%;

}

.navbox-inner, .navbox-subgroup {

        width: unset;
        height: 100%;

}

.navbox, .navbox-subgroup {
	background-color: #332222;
}

.navbox th, .navbox-title {
	background-color: #45456a;
}

.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
	background-color: #44448b;
}

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background-color: #44448b;
}
.navbox-even {
	background-color: #320909;
}

tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {
	border-color: #2a0a0a;
}

.navbox-list {
	border-color: #2a0a0a;
}
table.ambox-notice {

        border-left: 1px solid #a2a9b1;
        border-top: 10px solid #36c;

}
table.ambox {
background-color: #332222;

        border-left: 1px solid #a2a9b1;

        border-top: 10px solid #36c;

}

#content .gallerybox div.thumb {
	background-color: #332222;
}

table.fmbox-system {
	background-color: #332222;
}

.tipsy-inner {
	color: #c1c1c1;
	background-color: #332222;
}

.mw-ui-button {
	color: #c1c1c1;
	background-color: #332222;
}

table.ombox {
	background-color: #332222;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
	background-color: #332222;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background-color: #332222;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: #cccccc;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
	color: #c1c1c1;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #c1c1c1;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	color: #c1c1c1;
	background-color: #332222;
}

.oo-ui-menuSelectWidget {
	background-color: #332222;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
	color: #c1c1c1;
}

.skin-vector .uls-menu {
	background-color: #332222;
}

.languagesettings-menu h1 {
	color: #c1c1c1;
}

.languagesettings-menu .menu-section {
	color: #c1c1c1;
}

.languagesettings-menu .menu-section.active {
	color: #c1c1c1;
}

#languagesettings-settings-panel h4 {
	color: #c1c1c1;
}

#languagesettings-settings-panel {
	color: #c1c1c1;
	background-color: #332222;
}

.uls-language-settings-close-block {
	background-color: #332222;
}

.uls-input-settings .uls-input-settings-inputmethods-list {
	background-color: #332222;
}

.suggestions-results {
	background-color: #332222;	
}

.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
	color: #c1c1c1;
}

.suggestions-result {
	color: #c1c1c1;
}

.suggestions-special {
	background-color: #332222;
}

.suggestions-special .special-label {
	color: #cccccc;
}

.suggestions-special .special-query {
	color: #c1c1c1;
}

.cx-callout {
	color: #c1c1c1;
	background-color: #332222;
}

.cx-campaign-contributionsmenu li a {
	color: #c1c1c1;
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
	background-color: #332222;
}

.oo-ui-icon-previous, .mw-ui-icon-previous:before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 stroke=%22#c1c1c1%22 fill=%22#c1c1c1%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E");
}

.oo-ui-icon-close, .mw-ui-icon-close:before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 stroke=%22#c1c1c1%22 fill=%22#c1c1c1%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E");	
}

.oo-ui-messageDialog-title {
	color: #c1c1c1;
}

.oo-ui-messageDialog-message {
	color: #cccccc;
}
.ve-ui-mwSaveDialog-options {
	background-color: #332222;
}
.ve-ui-overlay {
  font-family: "Noto Serif CJK TC Black", serif;
}

.mw-notification {
	color: #c1c1c1;
	background-color: #332222;
}

.oo-ui-popupWidget-popup {
	background-color: #332222;
}

.mw-echo-ui-notificationItemWidget {
	background-color: #221111;
}

.mw-echo-ui-notificationItemWidget-content-message-header {
	color: #c1c1c1;
}

.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
	color: #cccccc;
}

.checkbox strong {
	color: #dddddd;
}

.oo-ui-popupWidget-popup {
	color: #c1c1c1;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: #c1c1c1;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
	font-family: "Noto Serif CJK TC Black", serif;
}

#simpleSearch input {
	font-family: "Noto Serif CJK TC Black", serif;
}

.ve-ui-mwWikitextSurface .ve-ce-attachedRootNode {
    font-family: "Noto Serif CJK TC Black", sans-serif;
}

.ve-init-mw-desktopArticleTarget .CodeMirror-code, .ve-init-mw-desktopArticleTarget .CodeMirror-code *, .ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode {
	font-size: large !important;
}

textarea {
	color: #c1c1c1;
}

/*vertical*/

.mw-content-container {
	direction: rtl;
	height: 100%;
	width: auto;
	overflow: auto;
}

.mw-body {
    writing-mode: vertical-rl;
    direction: ltr;
    text-orientation: mixed;
    overflow: auto;
}

#siteNotice {
    text-align: left
}

h1, h2 {
	border-left: 1px solid #a2a9b1;
	border-bottom: none ;
}


.mw-body-content p {
    margin: 0 1.5em;
    letter-spacing: 0.05em;
    line-height: 2.1em;
}

.mw-body-content h2 {
    margin: 0 1em 0 0;
}

.mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
    margin: 0 0.3em 0 0;
    padding: 0 0.5em 0 0;
}

.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
	margin-left: 0;
}

.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
	min-width: 0;
}

.oo-ui-toolbar-actions {
    float: none;
}

#coordinates {
	bottom: 0;
}

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
	margin: 1em 0 0 1.6em;
}

.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
	margin: 1em 0 0 3.2em;	
}

.oo-ui-textInputWidget input {
    height: inherit;
}

.mw-parser-output .external {
	background-position: center bottom;
	padding-left: inherit;
	padding-bottom: 13px;	
}

.mw-search-results {
  max-height: 38em;
  max-width: none;
}

#p-lang-btn, .vector-language-in-header-enabled .mw-portlet-lang {
  margin-top: unset;
  margin-right: 2px;
  box-sizing: border-box;
  height: unset;
  width: 2em;
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
  color: #faa700;
}

.vector-article-toolbar .mw-article-toolbar-container .vector-menu-tabs li.selected {
  background: #000;
}

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a {
  color: #cccccc;
}

.vector-user-links .vector-user-menu .vector-menu-content-item, .vector-user-links .vector-user-menu .mw-list-item > a {
  color: #cccccc;
}

.mw-parser-output a.external {
  background-position: center bottom;
  padding-right: unset;
  padding-bottom: 15px;
}

.vector-layout-legacy .mw-header {
  margin: 0.5em 0 0.5em 0;
}

html body.mediawiki .mbox-small {
  width: unset;
  height: 238px;
}

html body.mediawiki .mbox-small-left {
  width: unset;
  height: 238px;
}

table.fmbox {

  width: unset;
  height: 100%;
}

.mwe-math-fallback-image-inline {
  transform: rotate(90deg);
  background-color: wheat;
}

.mw-parser-output a[href$=".pdf"].external, .mw-parser-output a[href*=".pdf?"].external, .mw-parser-output a[href*=".pdf#"].external, .mw-parser-output a[href$=".PDF"].external, .mw-parser-output a[href*=".PDF?"].external, .mw-parser-output a[href*=".PDF#"].external {
  background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat bottom;
  padding-bottom: 18px;
  padding-right: unset;
}

.vector-layout-grid .mw-content-container {
  max-height: 30em;
}

.vector-layout-grid .mw-page-container-inner {
  row-gap: 0;
}