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

/* Весь CSS будет отсюда будет загружен пользователям темы оформления «Векторная» */

.mw-body {
	background-color: #262626;
	color: #b9b9b9;

    line-height: 1.5em;
    border: 1px solid #525252;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(82, 82, 82);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(82, 82, 82);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(82, 82, 82);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(82, 82, 82);
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-right-width: 0;
}

.mw-body h1 {
	color: #b9b9b9;
}

.vector-body h1 {
	color: #b9b9b9;
}

.vector-body h2 {
	color: #b9b9b9;
}

#mw-head {
	/* background-color: #1f1e1d; */
	background-color: #232321;
}

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

body {
	background: linear-gradient(0deg, #1f1e1d 0%, #1f1e1d 80%, #242422 100%);
	background-color: rgba(0, 0, 0, 0);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-color: #1f1e1d;
	background-position: 0 60px;
	background-repeat: repeat-x;
	overflow-y: scroll;
}

.mw-heading1,
h1,
.mw-heading2,
h2 {
	margin-bottom: 0.6em;
	border-bottom: 1px solid var(--border-color-base, #65635f);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
	color: var(--color-subtle, #b9b7b5);
}

/* Кнопка-шапка */
.vector-menu-tabs-legacy .selected {
	background:
		linear-gradient(0deg, #262626 0%, #262626 20%, rgba(38, 38, 38, 0) 85%);
	color: #b9b9b9;
}

.vector-menu-tabs-legacy li {
	/* background-image: linear-gradient(to top, #525252 0, #2b2b29 1px, #1f1e1d 100%); */
    background: linear-gradient(0deg,rgba(75,75,75,0.2) 0%,rgba(75,75,75,0.1) 40%,rgba(75,75,75,0) 70%);
	color: #878787;
	height: 2.6em;
}

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

/* Цвет ссылок */
.vector-menu-content li a {
	color: #688ba8;
}

.vector-legacy-sidebar {
	color: #688ba8;
}

.vector-menu-portal {
	color: #688ba8;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
	color: #688ba8;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
	color: #688ba8;
}

.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
	/* background-color: background-image: linear-gradient(to bottom, rgba(38, 38, 38, 0) 0, #1f1e1d 100%); */
	/* background-image: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0, #1f1e1d 100%); */
    background-image: linear-gradient(to bottom,rgba(38, 38, 38, 0) 0,#515151 100%);
	background-repeat: no-repeat;
	background-size: 1px 100%;
}

/* Инфобокс */
:root {
	--pi-background: #373737;
	--pi-secondary-background: #eaecf0;
	--pi-border-color: #626262;
	--pi-item-spacing: 5px 10px;
	--pi-margin: 15px;
	--pi-width: 325px;
}

.mw-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color-emphasized, #aaa);
}

/* Текст-редактор */
.ext-WikiEditor-realtimepreview-textbox#wpTextbox1,
.mw-editform .ext-WikiEditor-realtimepreview-textbox#wpTextbox1 {

	background-color: #2d2d2d;
	color: #d7d7d7;
}

.wikiEditor-ui-toolbar {
	background-color: var(--background-color-neutral-subtle, #1f1e1d);
	box-shadow: 0 2px 1px 0 rgb(0, 0, 0);
}

.wikiEditor-ui-toolbar .page-characters div span {
	border: 1px solid var(--border-color-subtle, #525252);
	color: var(--color-base, #b9b9b9);
}

.wikiEditor-ui-toolbar .booklet>.index>.current {
	background-color: var(--background-color-progressive-subtle, #2d2d2d);
	color: var(--color-progressive, #e1e1e1);
}

.wikiEditor-ui-toolbar .booklet>.index> :hover {
	background-color: var(--background-color-interactive, #3c3c3c);
}

.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid var(--border-color-subtle, #525252);
}

.editOptions {
	background-color: var(--background-color-neutral, #2d2d2d);
	color: var(--color-base, #b9b9b9);
	border: 1px solid var(--border-color-subtle, #525252);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
	background-color: var(--background-color-interactive-subtle, #404040);
	color: var(--color-base, #b9b9b9);
	border-color: var(--border-color-base, #525252);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
	background-color: var(--background-color-base, #555);
	color: var(--color-base--hover, #c8c8c8);
	border-color: var(--border-color-base, #525252);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color: var(--background-color-base, #2d2d2d);
	color: var(--color-emphasized, #d7d7d7);
	margin:
		0;
	border: 1px solid var(--border-color-base, #525252);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
	border-color: var(--border-color-input--hover, #525252);
}

.wikiEditor-ui-toolbar .tabs span.tab a {
	color: var(--color-progressive, #688ba8);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
	color: var(--color-base, #b9b9b9);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
	background-color: var(--background-color-button-quiet--hover, rgb(62, 62, 62));
	color: var(--color-emphasized, #c8c8c8);
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: var(--color-base, #144475);
}

/* Текст-редактор 2*/

.mw-editform #wpTextbox1 {
	background-color: #3a3a3a;
	color: #d7d7d7;
}

/* Категории */
.catlinks {
	background-color: var(--background-color-neutral-subtle, #313131);
	margin-top: 1em;
	border: 1px solid var(--border-color-base, #525252);
	padding:
		5px;
	clear: both;
}

a {
	text-decoration:
		none;
	color: #688ba8;
	background:
		none;
}

/* Цвет ссылок в статье и вики */
a:visited {
	color: #4677a0;
}

a:visited {
	color: #366388;
}

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

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

/* Код */
pre,
code,
.mw-code {
	background-color: var(--background-color-neutral-subtle, #3a3a3a);
	color: var(--color-emphasized, #d7d7d7);
	border: 1px solid var(--border-color-muted, #65635f);
}

/* Бокс */
.wikitable {
	background-color: var(--background-color-neutral-subtle, #262626);
	color: var(--color-base, #b9b9b9);
	margin: 1em 0;
	border: 1px solid var(--border-color-base, #65635f);
}

.wikitable>tr>th,
.wikitable>*>tr>th {
	background-color: var(--background-color-neutral, #202020);
	color: var(--color-base, #b9b9b9);
	text-align: center;
}

/* Изображение рамка */

li.gallerybox div.thumb {
	background-color: var(--background-color-neutral-subtle, #222);
	border: 1px solid var(--border-color-subtle,
	}

	/* Сетка */

	.mw-search-profile-tabs {
		background-color: var(--background-color-neutral-subtle, #262626);
		margin-top: 1em;
		border: 1px solid var(--border-color-subtle, #525252);
		border-radius: 2px;
		max-width: 50em;
	}


	/* Поисковик */
	/* Не работает, менять в w/Vector/resources/skins.vector.styles.legacy/components/SearchBox.less */
	.vector-search-box-input {
		background-color: #3a3a3a;
		color: #b9b9b9;
		border: 1px solid #525252;
	}

	/* Служебная */
    /* Не работает? Менять в w/Vector/resources/skin.vector.styles.legacy/layouts/screen.less */

	#mw-page-base {
		/* background-color: #262626;
		background-image: linear-gradient(to bottom, var(--background-color-base, #262626) 50%, #1f1e1d 100%); */
	}

	/* Результаты поиска */

	.search-types .current a {
		color: var(--color-base, #b9b9b9);
		cursor: default;
	}

	/* Легенда */

	.toc, .toccolours {
		background-color: #262626;
		border: 1px solid #65635f;
	}

.toc {
		background-color: #262626;
		border: 1px solid #65635f;
	}

	.mw-changeslist-legend {
		border: 1px solid var(--border-color-subtle, #65635f);
		background-color: var(--background-color-base, #262626);
	}
	
	figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] 
	{
    color: #b9b9b9;
  }
  
    figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] {
    color: var(--color-base,#b9b9b9);
  }