WikiMuch (Wikipedia Minimal + Paper Sidebar + Languages Mod)

Lyutria created a nice little mish-mash of the Wikipedia Minimal and the Paper (Sidebar) styles (https://userstyles.org/styles/102164). I tweaked a lot of stuff and added language selection via "Wikipedia rearrange other languages" (https://greasyfork.org/en/scripts/10731).

Устаревшая версия за 21.07.2017. Перейдите к последней версии.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name        WikiMuch (Wikipedia Minimal + Paper Sidebar + Languages Mod)
// @namespace   https://greasyfork.org
// @description Lyutria created a nice little mish-mash of the Wikipedia Minimal and the Paper (Sidebar) styles (https://userstyles.org/styles/102164). I tweaked a lot of stuff and added language selection via "Wikipedia rearrange other languages" (https://greasyfork.org/en/scripts/10731).
// @author      Guillaume
// @version     1.6.2
// @run-at      document-start
// @match       *://*.wikipedia.org/wiki/*
// @homepageURL https://greasyfork.org/scripts/31127
// @grant       none
// ==/UserScript==

// set your languages here
var myLangs = ['en', 'simple', 'nl', 'de'];

var css = '\
	@font-face {\
		font-family: Roboto;\
		font-style: normal;\
		font-weight: 300;\
		src: local("Roboto Light"), local("Roboto-Light"), url(https://themes.googleusercontent.com/static/fonts/roboto/v10/d-QWLnp4didxos_6urzFtg.woff) format("woff");\
	}\
	@font-face {\
		font-family: Roboto;\
		font-style: normal;\
		font-weight: 400;\
		src: local("Roboto Regular"), local("Roboto-Regular"), url(https://themes.googleusercontent.com/static/fonts/roboto/v10/grlryt2bdKIyfMSOhzd1eA.woff) format("woff");\
	}\
	@font-face {\
		font-family: Roboto;\
		font-style: normal;\
		font-weight: 700;\
		src: local("Roboto Bold"), local("Roboto-Bold"), url(https://themes.googleusercontent.com/static/fonts/roboto/v10/vxNK-E6B13CyehuDCmvQvw.woff) format("woff");\
	}\
	@font-face {\
		font-family: Roboto;\
		font-style: italic;\
		font-weight: 300;\
		src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://themes.googleusercontent.com/static/fonts/roboto/v10/iE8HhaRzdhPxC93dOdA05z8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");\
	}\
	@font-face {\
		font-family: Roboto;\
		font-style: italic;\
		font-weight: 400;\
		src: local("Roboto Italic"), local("Roboto-Italic"), url(https://themes.googleusercontent.com/static/fonts/roboto/v10/biUEjW7P-lfzIZFXrcy-wQ.woff) format("woff");\
	}\
	@font-face {\
		font-family: Roboto;\
		font-style: italic;\
		font-weight: 700;\
		src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://themes.googleusercontent.com/static/fonts/roboto/v10/owYYXKukxFDFjr0ZO8NXhz8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");\
	}\
	@font-face {\
		font-family: "Source Code Pro";\
		font-style: normal;\
		font-weight: 400;\
		src: local("Source Code Pro"), local("SourceCodePro-Regular"), url(https://themes.googleusercontent.com/static/fonts/sourcecodepro/v4/mrl8jkM18OlOQN8JLgasDxBHWFfxJXS04xYOz0jw624.woff) format("woff");\
	}\
	body {\
		font-family: Roboto !important;\
		background: #fafafa !important;\
	}\
	h1, h2, h3, h4, h5, h6 { color: #333 }\
	h1 {\
		border: 0 !important;\
		font-family: Roboto !important;\
		font-weight: 700 !important;\
		font-size: 36px !important;\
	}\
	h2 {\
		border: 0 !important;\
		font-family: Arial !important;\
		font-weight: 400 !important;\
		font-size: 26px !important;\
	}\
	h3 {\
		border: 0 !important;\
		font-family: Arial !important;\
		font-weight: 400 !important;\
		font-size: 16px !important;\
	}\
	#content h3 {\
		font-size: 20px !important;\
	}\
	p {\
		font-weight: 300 !important;\
		line-height: 1.9 !important;\
	}\
	table, td, th {\
		border: 0 !important;\
		border-collapse: collapse !important;\
		padding: 5px;\
	}\
	ul, li {\
		background: transparent !important;\
		border: 0 !important;\
		line-height: 1.8 !important;\
		font-size: 14px !important;\
		font-weight: 300 !important;\
	}\
	li span {\
		background: transparent !important;\
		border: 0 !important;\
		font-size: 14px !important;\
	}\
	.reference, hr { font-size: 9px !important }\
	dl { font-weight: 300 !important }\
	dt {\
		font-style: italic;\
		font-size: 16px !important;\
		margin-top: 10px !important;\
	}\
	dd { font-size: 15px !important }\
	code {\
		padding: 3px !important;\
		background: transparent !important;\
		color: #39892f !important;\
	}\
	tt {\
		font-family: "Source Code Pro", "Lucida Sans Unicode", "Courier New" !important;\
		font-size: 16px !important;\
	}\
	a, a:link, a:hover, a:visited { color: #067bad !important }\
	.new, .new:link, .new:visited { color: #cd5b45 !important }\
	blockquote p {\
		font-style: italic !important;\
		font-weight: 400 !important;\
	}\
	select { padding: 0 10px }\
	.mw-ui-button, .mw-ui-progressive {\
		border-radius: 4px !important;\
		border: 1px solid #347bff !important;\
		color: #347bff !important;\
		background: #fff !important;\
		text-shadow: 0 0 0;\
	}\
	.mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:focus, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button:hover, .mw-ui-progressive:hover, .mw-ui-button:focus, .mw-ui-progressive:focus {\
		box-shadow: 0 0 0 !important;\
		text-shadow: 0 0 0 !important;\
		border: 1px solid #347bff !important;\
	}\
	#wpSave, #wpPreview, #wpDiff {\
		border-radius: 4px !important;\
		border: 1px solid #347bff !important;\
		color: #347bff !important;\
		background: #fff !important;\
		text-shadow: 0 0 0;\
		padding: .5em 1em;\
		cursor: pointer;\
	}\
	#wpSave:hover, #wpPreview:hover, #wpDiff:hover { color: rgba(52, 123, 255, .5) !important }\
	#p-personal, #ca-view, #ca-edit, #ca-talk { display: none }\
	#right-navigation { margin-top: .5em }\
	/* Search */\
	#simpleSearch {\
		border: 1px solid rgba(0, 0, 0, .25) !important;\
		background: transparent !important;\
		color: #000 !important;\
		border-radius: 5px !important;\
		padding: 0 !important;\
		height: 1.75em !important;\
	}\
	#searchInput {\
		border: 0 !important;\
		background: transparent !important;\
		font-family: Roboto !important;\
		padding: 4px 7px 7px 7px !important;\
	}\
	#searchButton { right: 7px !important }\
	.mw-ui-input {\
		font-family: Roboto !important;\
		border: 1px solid #347bff !important;\
		color: #000 !important;\
		background: #fff !important;\
		font-size: 16px !important;\
	}\
	.mw-ui-input:focus { box-shadow: 0 0 0 !important }\
	.suggestions {\
		font-weight: 300 !important;\
		font-size: 15px !important;\
		max-width: 300px !important;\
		margin-top: 15px !important;\
		border: 0 !important;\
		box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, .5);\
	}\
	.suggestions-results { border: 0 !important }\
	.suggestions-result { padding: 10px !important }\
	.suggestions-result-current { background-color: #067bad }\
	.imeselector, #searchEngines, #ca-nstab-special { display: none !important }\
	.mw-search-formheader {\
		border: 0 !important;\
		background: transparent !important;\
	}\
	.mw-search-result-heading, .searchresult, .searchmatch {\
		font-size: 14px !important;\
		font-weight: 400 !important;\
		padding: 3px 0 !important;\
	}\
	.searchmatch { font-weight: 700 !important }\
	.mw-search-result-data, .mw-search-createlink { display: none }\
	#mw-page-base, .vectorTabs {\
		background: transparent !important;\
		border: 0 !important;\
	}\
	#content {\
		border: 0 !important;\
		margin-left: 255px !important;\
	}\
	.portal { background: transparent !important }\
	.uls-settings-trigger { display: none !important }\
	#left-navigation { margin-left: 33px !important }\
	#ca-nstab-main { display: none }\
	pre {\
		font-family: "Source Code Pro", "Lucida Sans Unicode", "Couriew New", "Arial" !important;\
		border: 1px solid #eee !important;\
		background: 0 !important;\
	}\
	.mw-code {\
		border: 1px solid #eee !important;\
		padding: 17px !important;\
		background: 0 !important;\
	}\
	.thumbinner, .thumb, .toccolours, .graytable {\
		background: transparent !important;\
		border: 0 !important;\
	}\
	.thumbimage { border: 0 !important }\
	.thumbcaption {\
		font-style: italic !important;\
		margin: 7px 0 !important;\
	}\
	.thumbimage:hover { opacity: .85 !important }\
	.dablink {\
		margin: 14px 0 !important;\
		font-weight: 300 !important;\
		font-size: 18px !important;\
	}\
	#siteSub, .flaggedrevs_preview { display: none !important }\
	.ambox, .tmbox, .Note, .informationbox {\
		margin: 5px 0 !important;\
		background: #f9f9f9 !important;\
		line-height: 1.5 !important;\
		border: 1px dashed #aaa !important;\
		max-width: 80% !important;\
		font-weight: 300 !important;\
	}\
	.ambox td, .tmbox td { padding: 10px !important }\
	.ambox-text-small, .mbox-text, .Note td {\
		font-weight: 300 !important;\
		color: #000 !important;\
	}\
	.ambox-image, .mbox-image { display: none }\
	#request_for_deletion, .ambox-serious {\
		background: rgba(255, 0, 0, .1) !important;\
		border: 1px dashed rgba(255, 0, 0, .15) !important;\
		color: #a00000 !important;\
	}\
	.tmbox-notice, .tmbox-move, .Note {\
		background: rgba(150, 75, 0, .1) !important;\
		border: 1px dashed rgba(150, 75, 0, .15) !important;\
	}\
	.informationbox {\
		background: #fff !important;\
		padding: 10px !important;\
		font-size: 14px !important;\
	}\
	.editOptions {\
		background: #fff !important;\
		border: 0 !important;\
	}\
	.catlinks {\
		background: transparent !important;\
		border: 1px dashed #aaa !important;\
		font-size: 16px !important;\
	}\
	table:not(.navbox-subgroup):not(.ambox), .infobox, .mbox-small, .navbox, .quotebox, .referencetooltip li, .thumb, .toccolours {\
		border: 1px solid #eee !important;\
		background: #f9f9f9 !important;\
		border-collapse: collapse !important;\
		color: #333;\
	}\
	.infobox td, .infobox th, .tright td, .tright th, .toccolours td, .toccolours th {\
		padding: 5px !important;\
		background: transparent !important;\
		font-weight: 400 !important;\
		border-bottom: 1px dashed #eee !important;\
	}\
	div.NavContent.hlist { border-color: #067bad !important }\
	.image img:hover { opacity: .9 !important }\
	.globegris { background: transparent !important }\
	.mw-editsection-bracket, .references-small b, .mw-cite-backlink, .plainlinksneverexpand { display: none !important }\
	#floating_object { display: none }\
	table th, .navbox th, .navbox-title, .navbox-abovebelow { background-color: #e7e7e7 !important }\
	.navbox td, .navbox th, .nowraplinks td, .nowraplinks th { \
		font-size: 14px !important;\
		font-weight: 300 !important;\
	}\
	.NavFrame {\
		border: 0 !important;\
		background: transparent !important;\
		padding: 0 !important;\
	}\
	.NavHead {\
		margin: 10px 0 !important;\
		padding: 12px !important;\
		font-size: 16px !important;\
		font-weight: 700 !important;\
		background: transparent !important;\
	}\
	.Boxmerge { border: 0 !important }\
	#coordinates { display: none !important }\
	#mw-fr-revisiontag, #mw-fr-reviewnotice { display: none !important }\
	sub, sup { line-height: .1em /* prevents sub/superscripts from throwing off line spacing */ }\
	/* title */\
	#firstHeading { padding: 10px 0 0 0 !important }\
	@media all and (max-width: 1000px) { #firstHeading { padding-top: 40px !important } }\
	div.hatnote { padding-left: 0 }\
	#column-one, #footer { display: none !important }\
	/* hide left and top panel */\
	#mw-panel {\
		width: 0 !important;\
		height: 0 !important;\
	}\
	#mw-head {\
		height: 0;\
		opacity: .5;\
		border: 0 !important;\
		width: calc(100% - 240px) !important;\
		-webkit-transition-property: opacity !important;\
		-moz-transition-property: opacity !important;\
		-o-transition-property: opacity !important;\
		-ms-transition-property: opacity !important;\
		transition-property: opacity !important;\
		-webkit-transition-duration: .5s !important;\
		-moz-transition-duration: .5s !important;\
		-o-transition-duration: .5s !important;\
		-ms-transition-duration: .5s !important;\
		transition-duration: .25s !important;\
	}\
	#mw-head:hover { opacity: 1 !important }\
	#mw-panel :not(#p-lang) {\
		display: none !important;\
		background-image: none !important;\
		padding: .2em;\
	}\
	#mw-panel > #p-lang > div.body {\
		position: fixed !important;\
		left: 0;\
		bottom: 0;\
		width: 230px;\
	 height: 0 !important;\
		margin-left: 0;\
		background: #f1f1f1 !important;\
	}\
	#mw-panel > #p-lang > div.body, #mw-panel > #p-lang > div.body *:not(.after-portlet) { display: block !important }\
	li.interlanguage-link {\
		padding-left: .9em !important;\
		font-size: 14px !important;\
		line-height: 1 !important;\
	}\
	.noprint { display: none!important }\
	#panel, #head, #page-base { display: none !important }\
	#content.mw-body {\
		margin: 0;\
		border: none !important;\
		border-radius: 2px !important;\
		padding: 0 1.6em 2em 1em !important;\
		background: none;\
		color: #333;\
	}\
	.wikitable {\
		border: 1px solid #eee !important;\
		background: #f9f9f9 !important;\
		font-weight: 300 !important;\
		font-size: .85em !important;\
	}\
	.wikitable td, .wikitable th { border: 1px solid #eee !important }\
	.mw-body-content p { margin-left: 1px !important }\
	.mw-body .mw-indicators { padding-top: 5em }\
	/* table of contents */\
	#toc {\
		border: none !important;\
		font-size: 12px !important;\
		font-weight: 400;\
	/* make sidebar */\
		position: fixed !important;\
		display: inline-block !important;\
		top: 0;\
		bottom: 0;\
		left: 0;\
		width: 240px;\
		overflow: auto;\
		background: #f1f1f1 center center scroll !important;\
	}\
	#toc > ul {\
		overflow-y: auto !important;\
		width: 100%;\
		height: auto;\
	 	margin: 0;\
		background: #ededed;\
		vertical-align: middle !important;\
		display: table-cell;\
		display: inline-block !important;\
	}\
	.toc ul ul { margin-left: 1em !important }\
	.toc a {\
		display: block;\
		padding: .25em 1em;\
		line-height: 1.25 !important;\
	}\
	/* toc headers */\
	.toclevel-1 > a > .toctext {\
		font-weight: 600;\
		text-transform: uppercase;\
		padding-top: .25em;\
		display: inline-block;\
	}\
	.tocnumber { display: none !important }\
	.toc h2 { display: none !important }\
	div.toctitle { text-decoration: none !important }\
	span.toctoggle { display: none !important }\
	.editsection, .mw-editsection, .plainlinks.hlist.navbar { display: none !important }\
	#toc a:link {\
		color: #666 !important;\
		text-decoration: none !important;\
	}\
	#toc a:visited { color: #888 !important }\
	#toc a:hover {\
		color: #333 !important;\
		text-decoration: none !important;\
		background: rgba(0, 0, 0, .05);\
	}\
	#toc a:active {\
		color: #222 !important;\
		outline: none;\
	}\
	/* hide protected lock */\
	div#protected-icon { display: none !important }\
';

var cssBlock = document.createElement('style');
cssBlock.innerHTML = css;
var heads = document.getElementsByTagName('head');
if (heads.length > 0)
	heads[0].appendChild(cssBlock);
else
	document.documentElement.appendChild(cssBlock);

document.addEventListener('DOMContentLoaded', function() {
	var tabs = document.getElementById('p-views').getElementsByTagName('ul')[0];
	var talk = document.getElementById('ca-talk');
	tabs.appendChild(talk);
	talk.style.display = 'block';

	var foundcount = 0;
	var plang = window.document.querySelector('div#p-lang');
	if (plang != null) {
		var langs = plang.querySelectorAll('div > ul > li');
		var first = langs[0];
		if (first != null) {
			var ul = first.parentNode;
			var found = [];
			for (var i = 0; i < langs.length; i++) {
				var lncn = langs[i].className;
				var l1 = lncn.replace(/^.*interwiki-(\S+).*$/, '$1');
				var ln = myLangs.indexOf(l1);
				if (ln > -1)
					found[ln] = langs[i];
			}
			for (var i = found.length - 1; i >= 0; i--){
				if (found[i]) {
					ul.insertBefore(found[i], first);
					first = found[i];
					foundcount++;
				}
			}
		}
		if (foundcount == 0) { 
			plang.parentNode.removeChild(plang);
		} else if (first != null) {
			while(ul.children.length > foundcount)
				ul.removeChild(ul.children[foundcount]);
		}
	}
	document.querySelector('#mw-panel > #p-lang > div.body').setAttribute('style', 'height: auto !important');
	document.querySelector('#toc > ul').setAttribute('style', 'margin: 0 0 '+ (6 + 25.2 * foundcount) +'px 0 !important');
});