cleanwhite | wikipedia.org by quaritexa

/* ==UserStyle==
@name           cleanwhite | wikipedia.org
@namespace      USO Archive
@author         quaritexa
@description    `just clean & white`
@version        2024.08.05
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document regexp("^.*?wiki(pedia|tionary|books|quote)\\.org/.*?$"),
regexp("^.*?wiki\\.(inkscape\\.org|archlinux\\.org|greasespot\\.net).*?$"),
regexp("^.*?(lurkmore|neolurk)\\..*?$"),
regexp("^.*?cyclowiki\\.org.*?$"),
regexp("^.*?wiktionary.org.*?$"),
regexp("^.*?wikireality.ru.*?$"),
regexp("^.*?qaz.wiki.*?$") {
	/* variables */
	:root {
		--bg: white;
		--font: 'PT Serif';
		--line: #ddd;
	}

	/* 

--- remove ---

*/
	/* панель юзера */
	#p-personal,

	/* обсуждение страницы */
	#left-navigation,

	/* Читать или править */
	#p-views,

	/* Банер объявления сверху */
	#siteNotice,

	/* Боковые панели */
	#p-navigation,

	/* Боковые панели */
	#p-participation,

	/* Боковые панели */
	#p-tb,

	/* Боковые панели */
	#p-coll-print_export,

	/* Боковые панели */
	#p-wikibase-otherprojects,

	/* заголовок раздела языков */
	#p-lang-label,

	/* заголовок раздела языков */
	.uls-settings-trigger,

	/* управление ссылками на языковые версии */
	.after-portlet-lang,

	/* Материал из Википедии — свободной энциклопедии */
	#siteSub,

	/* Скрыть сворачивалку оглавления */
	#mw-fr-reviewnotice,
	.mw-editsection,
	.toctoggle,
	table.ambox {
		display: none;
	}

	/* clean borders */
	* {
		border: none !important;
	}

	/* 

--- content ---

*/
	.mw-parser-output li {
		font-family: var(--font);
	}

	.mw-parser-output > ul,
	.mw-parser-output > ol,
	.mw-parser-output > p {
		font-family: var(--font) !important;
		font-size: 1.6rem !important;
		line-height: 1.5 !important;
	}

	.mw-heading > h1 {
		font-family: var(--font) !important;
		font-size: 2.4rem !important;
	}

	.mw-heading > h2 {
		font-family: var(--font) !important;
		font-size: 2.1rem !important;
	}

	.mw-heading > h3 {
		font-family: var(--font) !important;
		font-size: 1.9rem !important;
	}

	.mw-heading > h4 {
		font-family: var(--font) !important;
		font-size: 1.7rem !important;
	}

	.mw-heading > h5 {
		font-family: var(--font) !important;
		font-size: 1.5rem !important;
	}

	.mw-heading > h6 {
		font-family: var(--font) !important;
		font-size: 1.3rem !important;
	}

	.mw-body-content p,
	.mw-content-ltr ul,
	.mw-content-rtl .mw-content-ltr ul {
		padding: 0px 10% 0 0;
		max-width: 45em;
	}

	/*  */
	.mw-body h1,
	.mw-body-content h1 {
		font-size: 2.5em;
	}

	/*  */
	h1,
	.mw-body-content h2 {
		font-family: var(--font) !important;
	}

	/*  */
	.mw-body-content h3,
	.mw-body-content h4,
	.mw-body-content h5,
	.mw-body-content h6 {
		margin-top: 1em;
	}

	/*  */
	.mw-body-content h2 {
		margin-top: 2em;
		font-size: 1.8em;
	}

	/* поиск */
	div#simpleSearch {
		outline: 10px;
		padding: 10px 30px 10px 15px;
	}

	/*  */
	div#simpleSearch:focus {
		background: var(--bg);
	}

	/*  */
	#right-navigation {
		margin-top: 0;
	}

	/* отступ над заголовком */
	#mw-head-base {
		height: 0;
	}

	/* ссылки на источники забледняем */
	.reference {
		position: relative;
		background-color: var(--bg);
		margin-left: -1px;
		opacity: 0.4;
		font-size: 60% !important;
	}

	/*  */
	.reference:hover {
		opacity: 1;
	}

	/* скрываем квадратные скобки */
	.reference:before {
		content: "[";
		position: absolute;
		top: 2px;
		left: 0;
		background-color: var(--bg);
		color: var(--bg);
	}

	/* скрываем квадратные скобки */
	.reference:after {
		content: "]";
		position: absolute;
		top: 2px;
		right: 0;
		background-color: var(--bg);
		color: var(--bg);
	}

	/* убираем буллеты у списков */
	ul {
		list-style-type: none;
		list-style-image: none;
	}

	/*  */
	li:before {
		_content: "— ";
		_margin-left: -1.3em;
	}

	/*  */
	li {
		margin: 0.5em 0;
	}

	/* цитаты */
	blockquote,
	[class$="-quote"],
	_ {
		font-style: italic;
		font-family: var(--font);
		background: none;
		font-size: 1.3rem;
		letter-spacing: 0.015em;
		max-width: 40em;
		margin-top: 1.3em;
	}

	blockquote * {
		font-size: 1.3rem;
		line-height: 1.4;
	}

	/* убираем подложки под картинками */
	div.thumbinner {
		background: none;
	}

	/* картинки слева перебрасываем направо */
	.thumb.tleft {
		clear: right;
		float: right;
		margin: 0.5em 0 1.3em 4.4em;
	}

	/* отступ слева у правых блоков */
	div.tright {
		margin-left: 4.4em;
	}

	/* Ссылки на геолокации на разных сервисах */
	.geo-services {
		display: none;
	}

	/* скрываем лишнее в блоке геоссылок */
	.mw-kartographer-maplink {
		/* font-size: 0; */
		overflow: hidden;
		display: inline-block;
	}

	/* строчка под заголовком типа «ты пришел отсюда, тебя переслали» */
	.dablink,
	.rellink {
		padding-left: 0;
		color: gray;
		font-size: 80%;
	}

	/* оглавление меньше */
	#toc,
	.toc,
	.mw-warning,
	.toccolours {
		padding: 15px 30px 10px 15px;
		font-size: 70%;
		line-height: 1.2em;
	}

	/* заголовок оглавления двигаем налево */
	#toc #toctitle,
	.toc #toctitle,
	#toc .toctitle,
	.toc .toctitle {
		text-align: left;
	}

	#toc li {
		font-family: sans-serif !important;
		line-height: 1;
	}

	table.standard {
		margin-left: 0;
	}

	/*  */
	table {
		background: none !important;
	}

	/*  */
	tr {
		background: none !important;
	}

	.infobox td,
	.infobox td div {
		background: none !important;
	}

	td,
	th {
		text-align: left !important;
		vertical-align: top;
		font-weight: inherit;
	}

	/*  */
	td {
		vertical-align: top;
	}

	/* правый блок - отступ и без фона */
	.infobox {
		margin-left: 4.4em;
		background: none;
	}

	/* выравнивание в таблицах */
	.infobox td,
	.infobox th {
		text-align: left !important;
		background: none !important;
		padding-bottom: 0.4em;
		vertical-align: top;
	}

	.center,
	caption {
		text-align: left !important;
	}

	.infobox tr:first-child td,
	.infobox tr:last-child td {
		_text-align: center !important;
	}

	/* заголовок правого блока */
	.fn.org {
		/*	text-align: center;
    display: none;*/
		font-weight: bold;
	}

	.nickname {
		font-weight: normal;
	}

	/*  */
	b {
		font-weight: normal;
	}

	/*  */
	#contentSub {
		margin-left: 0;
	}

	/* распахивалка */
	.collapseButton {
		background-color: rgb(226, 241, 253);
		border-radius: 4px;
		padding: 2px 1px;
		line-height: 1.2;
		font-size: 75%;
		color: rgb(226, 241, 253);
	}

	/*  */
	.collapseButton:hover {
		background-color: #c7e6ff;
		color: #c7e6ff;
	}

	/*  */
	.collapseButton:hover a,
	.collapseButton:link a,
	.collapseButton:active a {
		text-decoration: none;
	}

	/* убираем страшные синие стрелки внутренних ссылок */
	img[src="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Arrow_Blue_Right_001.svg/10px-Arrow_Blue_Right_001.svg.png"] {
		display: none;
	}

	/* убираем страшные синие стрелки внутренних ссылок */
	img[src="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Arrow_Blue_Right_001.svg/10px-Arrow_Blue_Right_001.svg.png"]:after {
		content: ' →';
	}

	a.NavToggle {
		float: none;
	}

	div.NavFrame div.NavHead {
		font-weight: normal;
		background: none;
	}

	/* 

--- my part ---

*/
	/* header */
	div#mw-head,
	div#mw-panel {
		position: fixed;
		top: 0;
	}

	#mw-head {
		width: auto;
	}

	/* toc */
	#toc {
		position: fixed;
		top: 100px;
		left: 10px;
		bottom: 15px;
		width: 130px;
		border: none !important;
		overflow: auto !important;
		display: block !important;
	}

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

	/* clear backgrounds */
	body,

	/* line under logo */
	div#mw-panel div.portal div.body,
	#mw-page-base,
	#toc,
	.toc,
	.mw-warning,
	.toccolours {
		background: none !important;
	}

	/* wiki logo */
	#p-logo {
		margin-top: -111px !important;
	}

	/* languages (en/ru) */
	#p-lang,
	#p-interaction {
		height: 1em;
		overflow: hidden;
	}

	#p-lang:hover,
	#p-interaction:hover {
		background: white;
		height: 50vh;
		overflow: auto;
		overflow-y: scroll;
	}

	.interwiki-en,
	.interwiki-ru {
		text-align: center;
		display: block !important;
		position: fixed;
		top: 45px !important;
		margin: 0;
		padding: 0;
		z-index: 9999;
	}

	.interwiki-ru {
		top: 65px !important;
	}

	/* tables */
	.wikitable td,
	.wikitable th {
		border: 1px solid var(--line) !important;
		font-family: var(--font);
	}

	/* sticky table header */
	.wikitable th {
		position: sticky;
		top: 0;
	}

	.jquery-tablesorter th.headerSort {
		background-position: top 7px right;
	}

	.infobox td,
	.infobox th {
		font-family: var(--font);
	}
}