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

Текущая версия от 23:32, 10 января 2024

@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Oswald&display=swap');

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
body {
	background: #090909;
	color: #ffffff;
	font-family: Oswald, Lobster, "Times New Roman", Times, serif;
	font-size: larger;
}


.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited,
a,
a:visited,
.vector-menu-dropdown .mw-list-item a,
.vector-menu-tabs-legacy li a,
.mw-parser-output a.extiw, 
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.toctogglelabel,
.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink),
.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),
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited,
.vector-menu-tabs .mw-list-item a, 
.vector-menu-tabs .mw-list-item a:visited {
	color: #1babca;
}

.colour-inherit a {
	color: inherit;
}

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

#mw-page-base {
    background-color: #040404;
    background-image: linear-gradient(to bottom,#000000 50%,#090909 100%);
}

.oo-ui-icon-bell, .mw-ui-icon-bell:before,
.oo-ui-icon-tray, .mw-ui-icon-tray:before {
    filter: invert(100%);
}

.vector-menu-dropdown .vector-menu-heading {
    color: #aba6a2;
}

.vector-search-box-input {
    background-color: #000000;
    color: #ffffff;
}

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

.vector-menu-tabs-legacy .selected {
    background: #2d2d2d;
}

.vector-menu-tabs-legacy li {
    background-image: linear-gradient(to top,#883e09 0,#170d07 1px,#000000 100%);
}

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

.mw-body, .parsoid-body {
    background-color: #2d2d2d;
    color: #dfdedd;
}

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

.mw-message-box {
    color: #fff;
    background-color: #15130f;
    border-color: #5d564e;
}

.mw-changeslist-legend {
    border: 1px solid #222;
    background-color: #000000;
}

.toc, .toccolours {
    border: 1px solid #5d564e;
    background-color: #070605;
}

.catlinks {
    border: 1px solid #5d564e;
    background-color: #070605;
}

ul {
	list-style-image: revert;
}

.tocnumber {
    color: #dfdedd;
}

pre, code, .mw-code {
    background-color: #070605;
    color: #fff;
    border: 1px solid #15130f;
}

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

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    color: #aba6a2;
    background-image: linear-gradient(to right,rgba(55,51,46,0) 0,#37332e 33%,#37332e 66%,rgba(55,51,46,0) 100%);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #000;
    color: #fff;
}

.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
    background: #000;
}

.ext-discussiontools-ui-replyWidget-preview {
    background: #090909;
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
    background-color: #15130f;
    border-color: #5d564e;
}

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

.wikitable {
    background-color: #070605;
    color: #dddcdb;
    border: 1px solid #5d564e;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #15130f;
    text-align: center;
}

.mw-templatedata-doc-muted {
    font-style: italic;
    color: #aaa;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: #070605;
    color: #dddcdb;
}

.oo-ui-checkboxInputWidget [type='checkbox'] + span {
    background-color: #000;
    border-color: #8d8882;
}

figure.mw-default-size {
    border: 1px solid #37332e;
    background-color: #070605;
}

figure.mw-default-size > figcaption {
    border: 1px solid #37332e;
    background-color: #070605;
}

.mw-parser-output figure > figcaption {
    border: 1px solid #37332e;
    background-color: #070605;
}

.mw-parser-output figure {
    border: 1px solid #37332e;
    background-color: #070605;
}

.mw-parser-output figure > a:first-child > *:first-child:not(.mw-broken-media) {
    border: 1px solid #37332e;
    background: #000000;
}

.mw-datatable td {
    background-color: #000;
}

.mw-datatable th {
    background-color: #0a0e0f;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: #000;
}

#mw-searchoptions {
    background-color: #070605;
    border: 1px solid #37332e;
}


::-webkit-scrollbar {
  width: 1em;
}

::-webkit-scrollbar-track {
  background: #111;
}

::-webkit-scrollbar-thumb {
  background: #444;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mw-page-container {
    background-color: #000000;
}

#vector-page-tools-pinned-container .vector-page-tools:after {
    background: linear-gradient(rgba(0,0,0,0),#000000);
}

.timeline-wrapper {
	display: flex;
}

.timeline-wrapper img {
	margin: auto;
}

.ext-discussiontools-init-targetcomment {
    background-color: #150c00;
}

.ext-discussiontools-init-highlight {
    mix-blend-mode: lighten;
}

.oo-ui-menuSelectWidget {
    background-color: #000;
    border: 1px solid #5d564e;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #15130f;
    color: #fff;
}

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

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
    background-color: #070605;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: #150c00;
}
	
.template-card {
	float: right;
	width: min-content;
	box-sizing: border-box;
}

@media screen and (max-width: 900px) {
	#mw-panel {
		display: none;
	}
	
	.mw-body, #left-navigation {
		margin-left: 0;
	}
	
	.template-card {
		float: none;
		width: 100%;
	}
	
	.template-card img {
		max-width: 100%;
		height: auto;
	}
	
	.template-card table {
		max-width: 100%;
	}
	
	.mw-parser-output figure > a:first-child > *:first-child:not(.mw-broken-media) {
	    border: none;
	}
	
	figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child, figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child, figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child, figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child {
	    margin: 0;
	}
	
	.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] {
	    margin: 0.5em 0 1.3em 0;
	    float: none;
	}
	
	figure[typeof~='mw:File/Thumb']:not([typeof~='mw:Error']) > a.mw-file-description:after {
	    content: none;
	}
}

.mw-search-profile-tabs {
    background-color: #070605;
    border: 1px solid #37332e;
}

.search-types .current a {
    color: #dfdedd;
}

figure[typeof~='mw:File/Thumb'] img {
	max-width: 100%;
	height: auto;
}

.diff-deletedline .diffchange {
    background: #553322;
}

.diff-addedline .diffchange {
    background: #335522;
}

.releases a {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.releases img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.releases figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child {
	margin: 0;
	border: solid 3px #070605;
}

.releases {
	grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 1200px) {
    .releases {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (max-width: 600px) {
    .releases {
		grid-template-columns: repeat(2, 1fr)
	}
}