Beige Wikipedia by odd

/* ==UserStyle==
@name           Beige Wikipedia
@namespace      github.com/openstyles/stylus
@author         Odd
@description    `Бежевый стиль для Википедии`
@version        2.2.66
==/UserStyle== */
@-moz-document domain("wikipedia.org"), domain("wiki-org.ru"), domain("wiktionary.org"), domain("wikijournal.org"), domain("mediawiki.org"), domain("wikiquote.org"), domain("wikibooks.org"), domain("wikisource.org"), domain("wikinews.org"), domain("wikiversity.org"), domain("wikimedia.org"), domain("wikivoyage.org"), domain("wiki2.net"), domain("wikidata.org"), domain("cyclowiki.org"), domain("wiki4.ru"), domain("wikipedia.tel"), domain("frwiki.wiki"), domain("vikidia.org"), domain("absurdopedia.wiki"), domain("neciklopedio.org"), domain("wiki.warpfrog.wtf") {
 
 
body, 
#mw-mf-page-center, 
.mw-page-container 
 { 
  border: none !important; 
  font-family: Comic Sans MS !important; 
  font-size: 21px !important; 
  background: #d1cfb7 !important; 
 } 
 
#content,
.overlay.search-overlay,
.overlay-enabled, 
.text, 
.mw-advancedSearch-fieldContainer, 
.oo-ui-checkboxMultiselectWidget.oo-ui-multiselectWidget.oo-ui-widget-enabled.oo-ui-widget, 
body:not([class*="page-Portal"]):not([class*="Portail"]):not([class*="Портал"]):not([class*="Πύλη"]):not([class*="page-Portaal"]) .noresize, 
.mw-kartographer-mapDialog-foot.oo-ui-window-foot,
.mw-kartographer-mapDialog-sidebar, 
.mw-parser-output > div > div[style*="background:white"], 
.toccolours span[style$="BAB;"], 
.mw-mmv-post-image, 
.fancycaptcha-captcha-and-reload, 
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed)
{ 
  margin: 0 auto !important; 
  background-color: #fffdef !important; 
  border-color: #c1bfa8 !important; 
  font-family: Comic Sans MS !important; 
} 
 
 
/* Шапка сайта */
 
#mw-page-base, 
.header-container
 { 
  height: 90px !important; 
  margin: 0 auto !important; 
  background: #d1cfb7 !important; 
 } 
 
#mw-navigation
 { 
  position: absolute !important; 
  top: 0 !important; left: 0 !important; right: 0 !important; 
  max-width: 923px !important; 
  margin: 0 auto !important;
 } 
 
#mw-head 
 { 
  position: relative !important; 
  max-width: 923px !important; 
  height: 60px !important; 
  margin: 0 auto !important;
 } 
 
body[class*="page-Wiktionary_"] #mw-head-base {height: 5em !important;} 
 
html[xmlns="http://www.w3.org/1999/xhtml"] body.vector-animateLayout > .noprint#mw-head {position: absolute !important;} 
 
#mw-head a,
#mw-head ul,
#mw-head li,
#mw-head span,
#mw-head .vectorTabs
 { 
  background: none !important; 
  border: none !important; 
 } 
 
#mw-head > *
 { 
  position: absolute !important; 
  font-size: 16px !important; 
  margin: 0 !important; 
  padding: 0 !important; 
  z-index: 1;
 } 
 
#mw-head #left-navigation { top: 55px !important; left: 29px !important; padding: 0 !important; }
#mw-head #right-navigation { top: 45px !important; right: 0 !important; padding: 0 !important; }
#mw-head #p-personal { top: 0 !important; right: 0 !important; padding: 5px 30px 0 0 !important; font-size: 14px !important; } 
 
.vector-menu-tabs li a { height: 20px !important; padding-top: 0 !important; margin-top: 15px}
 
#mw-head li { opacity: 0 !important; transition: all 1s ease-out !important; } 
#mw-head:hover li { opacity: 1 !important; transition: all 0.3s ease-in !important; } 

#mw-head a,
#mw-head a:visited { color: #0055a4 !important; } /* Цвет ссылок в шапке сайта */
 
#mw-head #searchform > div /* Поисковая строка */
 {
  position: absolute !important; 
  top: -32px !important; right: 30px !important; 
  margin-top: 13px !important; margin-left: 15px !important; 
  border: none !important; 
  background: #e1dfc900 !important; 
  width: 350px !important; 
  max-width: initial !important; 
  height: 28px !important; 
  z-index: 1;
 } 
 
#mw-head #searchform > div input#searchInput
 {
  padding: 8px 0 6px 8px !important; 
  z-index: 1;
 } 
 
#mw-head #p-cactions
 {
  display: none !important; 
 }
 
 
/* Логотип */

#mw-head:before
 {
  position: relative !important; 
  top: 25px !important; left: 5px !important; 
  content: 'WIKIPEDIA' !important; 
  font-family: Comic Sans MS !important; 
  font-weight: bold !important; 
  font-size: 32px !important; 
  letter-spacing: 0px !important; 
  color: #0a6dad !important; 
  z-index: 1; 
 } 
 
html[dir="rtl"] #mw-head:before 
 {
  margin-right: 76% !important;
 } 
 
body[class*="page-Wiktionary_"] #mw-head:before 
{content: 'Wiktionary' !important;} 
 
body[class*="page-Wikcionario_"] #mw-head:before 
{content: 'Wikcionario' !important;} 
 
body[class*="page-Wikcionário_"] #mw-head:before 
{content: 'Wikcionário' !important;} 
 
body[class*="page-Викисловарь_"] #mw-head:before 
{content: 'Викисловарь' !important;} 
 
html[xmlns="http://www.w3.org/1999/xhtml"] body.vector-animateLayout > .noprint#mw-head:before 
{content: 'Циклопедия' !important; font-size: 40px !important;}

/* Левая всплывающая панель (Навигация по сайту) */

#mw-navigation #mw-panel, 
body > #mw-panel, 
#vector-main-menu-dropdown > .vector-dropdown-content
 { 
  display: block !important; 
  position: fixed !important; 
  font-size: 16px !important; 
  top: 0px !important; 
  left: -145px !important; 
  right: unset !important;
  width: 155px !important; 
  height: 100% !important; 
  overflow-y: auto !important; 
  padding: 0 !important; 
  background: #f6f3e5 !important; 
  box-shadow: 0 0 5px #00000080 !important; 
  transition: all 0.15s ease-in-out !important; 
  visibility: visible !important; 
  opacity: 0 !important; 
  z-index: 9; 
  scrollbar-color: #a3a28f #f6f3e5; 
 } 
 
#vector-main-menu-dropdown > .vector-dropdown-content, 
html.vector-feature-main-menu-pinned-enabled #mw-navigation #mw-panel
 { 
  left: -190px !important; 
  width: 200px !important; 
 } 
 
@media (min-width: 1000px) { 
body.vector-sticky-header-visible #mw-navigation #mw-panel 
 {top: 39px !important; height: calc(100% - 39px) !important;}} 
 
html.vector-feature-main-menu-pinned-disabled #mw-navigation #mw-panel {display: none !important} 
 
#mw-navigation #mw-panel:hover, 
body > #mw-panel:hover, 
#vector-main-menu-dropdown > .vector-dropdown-content:hover, 
html.vector-feature-main-menu-pinned-enabled #mw-navigation #mw-panel:hover
 {
  left: 0 !important; 
  transition: all 0.15s ease-in-out !important; 
  opacity: 1 !important; 
 } 

.uls-lcd.uls-language-list.row, 
.uls-search.row, 
.uls-no-found-more
 {
  background: #f6f3e5 !important;  /* Всплывающая панель кнопки "Ещё..." */  
 }

.uls-filterinput, 
.interlanguage-link:hover 
{
  background: #fffdef !important;  /* Поисковая строка и наведённые ссылки всплывающей панели кнопки "Ещё..." */   
}

#mw-navigation #mw-panel a { font-family: Comic Sans MS !important; color: #0055a4 !important; /* Цвет ссылок левой всплывающей панели */ 
    }
#mw-navigation #mw-panel a:hover { color: #00a7dc !important;   /* Цвет ссылок левой всплывающей панели с наведённым указателем */ 
    }    
    
#mw-navigation #p-navigation,
#mw-navigation .first
 {
  margin-bottom: 0 !important; 
  margin-top: 7px !important; 
 }

#mw-navigation #p-lang:before
 {
  content: "" !important; 
  font-size: 0 !important; 
  display: inline-block !important; 
  height: 0px !important; 
  width: 100% !important; 
  border-top: 1px solid #00000030 !important; 
  border-bottom: 1px solid #ffffffbf !important; 
 }

#mw-navigation #p-lang
 {
  margin-top: -15px !important; 
 }

#mw-navigation #p-lang .uls-settings-trigger
 {
  margin-right: 8px !important; margin-top: 6px !important; 
 }
 
 
/* СТАТЬЯ */

/* Заголовки */

#firstHeading
 {
  font-family: Comic Sans MS !important; 
  font-size: 37px !important; 
  margin-top: 0 !important; 
  margin-bottom: 20px;
  padding: 0 5px 5px 5px !important; 
  font-weight: bold !important; 
  text-shadow: none !important; 
  color: #0055a4 !important;
  background: #d1cfb7 !important;
 }

#bodyContent h1, 
.ext-wpb-pagebanner .wpb-topbanner h1.wpb-name, 
body:not([class*="page-Portal"]):not([class*="Portail"]):not([class*="Портал"]):not([class*="Πύλη"]):not([class*="page-Portaal"]):not([class*="بوابة"]) #bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5,
#bodyContent h6
 { 
  margin-top: 20px !important; 
  margin-bottom: 10px !important; 
  font-family: Comic Sans MS !important; 
  font-weight: bold !important; 
  text-shadow: none !important; 
  color: #0055a4 !important;
 } 
 
#firstHeading + #bodyContent span.mw-editsection, 
#bodyContent h1 span.mw-editsection, 
#bodyContent h2 span.mw-editsection, 
#bodyContent h3 span.mw-editsection, 
#bodyContent h4 span.mw-editsection, 
#bodyContent h5 span.mw-editsection, 
#bodyContent h6 span.mw-editsection 
 {
  float: right !important; 
  margin-top: 10px !important; 
  font-family: Comic Sans MS !important; 
  line-height: normal !important; 
  text-shadow: none !important; 
 } 
 
html[dir="rtl"] #firstHeading + #bodyContent span.mw-editsection, 
html[dir="rtl"] #bodyContent h1 span.mw-editsection, 
html[dir="rtl"] #bodyContent h2 span.mw-editsection, 
html[dir="rtl"] #bodyContent h3 span.mw-editsection, 
html[dir="rtl"] #bodyContent h4 span.mw-editsection, 
html[dir="rtl"] #bodyContent h5 span.mw-editsection, 
html[dir="rtl"] #bodyContent h6 span.mw-editsection 
 {
  float: left !important; 
 } 

span.mw-editsection span.mw-editsection-bracket { display: none !important; }

body:not([class*="page-Portal"]):not([class*="Portail"]):not([class*="Портал"]):not([class*="Πύλη"]):not([class*="page-Portaal"]):not([class*="بوابة"]) #bodyContent h2 { font-size: 29px !important; }
#bodyContent h3 { font-size: 24px !important; }
#bodyContent h4 { font-size: 20px !important; }
#bodyContent h5 { font-size: 18px !important; }
#bodyContent h6 { font-size: 17px !important; }



/* Нумерация заголовков */ 

body { counter-reset: headingOne; }
#toctitle h2:before
 {
  content: "" !important; 
  counter-reset: headingOne; 
  padding-right: 0 !important; 
 } 
 
#bodyContent h2:before,
#bodyContent h3:before,
#bod...