MediaWiki:Minerva.css

Материал из Янтарной ноосферы, доступной интернет-энциклопедии
Версия от 18:28, 13 февраля 2023; Атомный трамвай (обсуждение | вклад) (зачем нужно было отдельный стиль для посещённой красной ссылки?)

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* Шрифт */
:root{
	--font: Istok Web, sans-serif;
}
body, .mw-body h1, .mw-body h2, .pre-content h1, .content h1, .content h2{
	font-family: var(--font);
}
/* Светлая тема (она же по умолчанию) */

/* Тёмная тема */
@media (prefers-color-scheme: dark){
	:root{
		--backgroundColor: black;
		--textColor: rgb(220, 220, 220);
		--linkColor: yellow;
		--linkUnderlineColor: rgba(255, 255, 255, 0.33);
		--linkOutColor: rgb(112, 255, 200);
		--linkNewColor: rgb( 255, 136, 0);
		--hoverColor: rgb(255, 255, 255);
		--articleActionColorUnselected: rgba(255, 255, 0, 0.25);
		--articleActionColorSelected: rgba(255, 255, 0, 0.75);
		--tableBackgroundColor: rgb(90, 90, 90);
		--tableCaptionBackgroundColor: rgb( 120, 120, 150);
		--codeBackgroundColor: rgba(200, 200, 220, 0.5);
		--messageSuccessBG: rgb(112, 155, 255);
	}
/* Тело */
.mw-body{
	background-color: var(--backgroundColor);
}
body{
	color: var(--textColor);
}
/* Ссылки */
a, a:anylink, a:visited{
	color: var(--linkColor);
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: var(--linkUnderlineColor);
}
/* Ссылки вовне */
a:not([href^="/"]){
	color: var(--linkOutColor);
}
a:hover{
	color: var(--hoverColor);
	text-decoration: none;
}
a.new, a.new:visited{
	color: var(--linkNewColor);
}