MediaWiki:Common.css: различия между версиями

Версия от 22:34, 9 ноября 2023

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

:root {
	--color-title: #98b0c3;
	--color-deep-brown: #30271e;
	--color-gold: #c58439;
	--color-gold-visited: #a86f31;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
	color: var(--color-gold);
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
	color: var(--color-gold-visited);
}

.mw-page-container,
.mw-body,
.parsoid-body {
	background-color: var(--color-deep-brown);

}
.mw-body,
.parsoid-body {
	color: white;
}

body,
.vector-pinnable-header-label,
.vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading, .vector-dropdown-content .vector-menu-heading,
.vector-menu-tabs .mw-list-item.selectevd a, .vector-menu-tabs .mw-list-item.selected a:visited,
.mw-footer li,
.vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link,
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited,
.oo-ui-messageDialog-message,
.oo-ui-toolbar-bar
{
	color: white;
}

.mw-ui-icon::before,
.oo-ui-iconElement-icon {
	filter: invert(80%) sepia(65%) saturate(2334%) hue-rotate(330deg) brightness(81%) contrast(87%);
}

a,
.vector-menu-tabs .mw-list-item a,
.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a,
.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-content li a, .vector-feature-page-tools-disabled .vector-main-menu-action-item .vector-menu-content li a,
.vector-dropdown-content .mw-list-item a,
.vector-pinnable-header-toggle-button,
#pt-userpage-2 a:not(.mw-selflink),
.vector-toc .vector-toc-link {
	color: var(--color-gold); /* ashanov golden */
}

ul {
	list-style-image: none;
}

.vector-pinnable-header-toggle-button:hover {
	color: #eb9d44;
}

.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited,
a:visited{
	color: var(--color-gold-visited);
}
.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-page-tools-disabled .vector-main-menu,
.vector-toc {
	background-color: #261f19;
	box-shadow:
		0 0 0 1px white, /* 1-pixel white border */
		0 0 0 3px var(--color-deep-brown), /* 3-pixel black space */
		0 0 0 4px gray;  /* 1-pixel gray border */
}

#vector-toc-pinned-container .vector-toc::after {
	background: none;
}

h1, h2, h3, h4, h5, h6, .oo-ui-messageDialog-title {
	color: var(--color-title);
}

#vector-page-tools-pinned-container .vector-page-tools::after {
	background: none;
}

.oo-ui-toolbar-bar {
	background-color: #261f19;
}

@media screen {
  body {
  	background-color: #261f19;
	}
	figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption,
	figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] {
	  background-color: #261f19;
	}
	.vector-feature-limited-width-disabled .mw-content-container,
	.vector-feature-limited-width-disabled .mw-table-of-contents-container,
	.vector-feature-limited-width-content-disabled .mw-content-container,
	.vector-feature-limited-width-content-disabled .mw-table-of-contents-container {
	width: auto !important;
	}
	.toc, .toccolours {
	background-color: #261f19;
	}
}
.vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content {
	background: #261f19;
}

.vector-sticky-header {
	background: #261f19;
	background-color: #261f19;
}

.mw-datatable tr,
.mw-datatable th,
.mw-datatable td{
	background: #261f19;
}

#mw-allmessagestable tbody:hover td {
	background: var(--color-deep-brown);
}

.vector-feature-toc-pinned-enabled #mw-panel-toc {
	contain: inherit;
}

.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-page-tools-disabled.vector-feature-toc-pinned-enabled #mw-panel-toc,
.vector-feature-page-tools-enabled.vector-feature-toc-pinned-enabled #mw-panel-toc {
	margin-left: 0;
}

@media screen and (min-width: 1200px) {
	.vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc::after,
	.vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc,
	.vector-feature-page-tools-disabled .vector-main-menu {
		width: inherit;
	}
}

.oo-ui-popupWidget-popup,
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.oo-ui-popupToolGroup-tools {
	background-color: #261f19;
}

.vector-feature-page-tools-enabled .vector-main-menu .vector-main-menu-action-opt-out a:not(.mw-selflink):visited {
	color: var(--color-gold);
}

#mw-page-base {
	background-color: var(--color-deep-brown);
	background-image: none;
}

.vector-menu-tabs-legacy li {
	background-image: none;
}

.vector-menu-tabs-legacy .selected {
	background: none;
}