User:Ayapo/vector.css

From Lotro-Wiki.com
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Quite like this one - WIP 
   
   IMPORTANT! Add the following 2 lines to your custom JS
   
   if(mw.cookie) mw.cookie.set('hidetoc', 1); 
   $( "#toc" ).closest( "table" ).addClass( "tocWrapper" );
   
*/

:root {
  --max-width: 1200px;
  --rounded-corners-small: 4px;
  --logo-rounded-corners: 4px; /* use 50% for round logo area */

  /* Dark cool theme */
  --accent: #a47834;/* #539bf5;*/
  --accent-muted:#a4783499;
  --selected: #434f60; /*#9d0000*/
  --fg40: #373e47;
  --fg50: #768390;
  --bg60: #2d333b;
  --bg50: #22272e;
  --bg40: #1c2128;
  --bg30: #2d333b;
  --border-color: var(--fg40);
  --logo-color: var(--accent);
  --links-header: var(--accent);
  --links-body: var(--accent);
  
  /* Dark warm theme 
  --accent: #9F8D60;
  --selected: var(--accent);
  --fg40: #5E5C59;
  --fg50: #9B9994;
  --bg60: #2f3534;
  --bg50: #282d2c;
  --bg40: #383e3c;
  --border-color: var(--fg40);
  --logo-color: var(--accent);
  --links-header: var(--accent); 
  --links-body: var(--accent); 
  */

  /* Brown theme
  --accent: #9F8D60;
  --selected: #AC9865;
  --fg40: #5E5C59;
  --fg50: #9B9994;
  --bg60: #747067;
  --bg50: #524e47;
  --bg40: #524e47;
  --border-color: var(--fg40);
  --logo-color: var(--accent);
  --links-header: var(--selected);
  --links-body: var(--accent);
  */
  
  /* Light theme
  --accent: #4a90e8;
  --selected: #9898ff;
  --fg40: #373e47;
  --fg50: #777;
  --bg60: #d6d6d6;
  --bg50: #d6d6d6;
  --bg40: #f6f6f6;
  --border-color: var(--selected);
  --logo-color: var(--selected);
  --links-header: var(--accent); 
  --links-body: var(--accent); 
  */
   
  /* Uncomment if you want to add a background
  --background-image-tint: #00000088;
  --background-image: url(/images/2/2c/Garlo_Custom_CSS_Background_1.webp);
  */
  
  /* Junk
  --accent: #4c80b5;
  --selected:#8a8ad0;
  --logo-color: var(--selected);
  */

}

* {
 background-color:unset !important;
 color:var(--fg50) !important;
 border-color:var(--border-color) !important;
 border-radius:var(--rounded-corners-small) !important;
 -moz-box-shadow:unset !important;
 -webkit-box-shadow:unset !important;
 box-shadow:unset !important;
 border-collapse:separate !important;
}
#mw-page-base,
.mw-wiki-logo,
.mainpage_headerbox *,
.mainpage_body > div,
.vector-menu-tabs li,
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown h3,
#searchButton,
.vector-menu-portal h3 {
 background-image:unset !important;
}
#p-logo {
 box-sizing:border-box;
 border-bottom:solid var(--selected) 8px !important;
 background-color:var(--bg60) !important;
 border-radius:var(--logo-rounded-corners) !important;
 margin-bottom: 0.7em;
  /*box-shadow: 0px 0px 10px #00000088 !important;*/
}
.mw-wiki-logo {
 background-color:var(--logo-color) !important;
 mask-position:19px 47px;
 mask-repeat:no-repeat;
 mask-size:135px;
 -webkit-mask-position:19px 47px;
 -webkit-mask-repeat:no-repeat;
 -webkit-mask-size:135px;
 margin-top: -45px;
  /*opacity: 0.85;*/
}
.mw-body,
#mw-head-base,
#left-navigation,
#mw-data-after-content,
.mw-footer {
 margin-left:11em !important;
}
#siteNotice {
 position:unset;
}
#siteNotice div:first-of-type {
  margin-left:0 !important;
}
#mw-data-after-content,
#siteNotice div:first-of-type{
 position:absolute;
 bottom:-9em;
}
.mw-body {
  padding: 1em;
}
#mw-panel {
  padding-left: 0.5em;
}
.vector-menu-tabs,
.vector-menu-dropdown {
 margin-top:-2px !important;
}
.vector-menu-dropdown span {
 display:none;
}
.vector-menu-dropdown h3::after {
 background-color:var(--fg50);
 background-image:unset;
 background-position:center center;
 width:1.5em;
 height: 1.3em;
 border-radius:50% !important;
 top:unset;
 right:unset;
 bottom:unset;
 opacity:unset;
 mask-image:url(/skins/Vector/resources/common/images/arrow-down.svg);
 mask-repeat:no-repeat;
 mask-position:center;
 -webkit-mask-image:url(/skins/Vector/resources/common/images/arrow-down.svg);
 -webkit-mask-repeat:no-repeat;
 -webkit-mask-position:center;
}
#mw-head a {
 color:var(--links-header) !important;
}
a {
 color:var(--links-body) !important;
}
ul {
    list-style-image: unset !important;
}
.coordslink {
    color: var(--accent-muted) !important;
}
a:hover {
  text-decoration: none !important;
}
a.new {
    color: var(--accent-muted) !important;
}
html,
body {
 height:unset;
}
html {
 background-color:var(--bg40) !important;
 border-top:solid var(--bg60) 5em !important;
 background-image:var(--background-image) !important;
 background-size:cover !important;
 background-repeat:no-repeat !important;
 background-position:center center !important;
 background-attachment:fixed !important;
 box-shadow:inset 0 0 0 110vh var(--background-image-tint) !important;
 min-height:calc(100vh - 5em);
}
body {
 box-sizing:border-box;
 position:relative;
 max-width:var(--max-width);
 margin:-5em auto 0 auto;
 /*
 border-width: 0 1px 0 1px;
 border-style: dotted; */
 border-color: var(--bg60);
}
#content {
 background-color:unset !important;
 border-width:0 !important;
 padding-bottom:0.5em;
}
#bodyContent {
 font-size:95% !important;
}
h1 {
 border:none;
 font-size:160% !important;
 text-decoration:underline dotted 2px;
}
h2 {
 border-color:color:var(--fg50) !important;
 border-bottom-style:dotted;
 border-radius:0 !important;
}
.ajaxttlink {
    color: inherit !important;
}
.vector-menu-dropdown .vector-menu-content,
#mw-watchlink-notification {
 background-color:var(--bg60) !important;
}
.itemtooltip,
#searchInput,
code,
.mw-code {
 background-color:var(--bg50) !important;
}
.catlinks,
.itemtooltip,
#searchInput,
.vector-menu-dropdown .vector-menu-content,
#mw-watchlink-notification,
table.stocktable.collapsible,
.toc,
.toccolours,
.altRows,
.topTable,
div.thumbinner,
.thumbimage,
code {
 border-style:solid;
 border-width:1px;
}
.vector-menu-tabs .mw-watchlink.icon a::before {
 mask-image:url(https://lotro-wiki.com/skins/Vector/resources/common/images/watch-icon.svg?6ab6f);
 mask-repeat:no-repeat;
 mask-position:center;
 -webkit-mask-image:url(https://lotro-wiki.com/skins/Vector/resources/common/images/watch-icon.svg?6ab6f);
 -webkit-mask-repeat:no-repeat;
 -webkit-mask-position:center;
 background-image:unset !important;
 top:1.15em;
}
.vector-menu-tabs #ca-watch.icon a::before {
 background-color:var(--fg50) !important;
}
.vector-menu-tabs #ca-unwatch.icon a::before {
 background-color:var(--accent) !important;
}
.vector-menu-content {
 border-top-width:0 !important;
}
#footer-icons {
 display:none;
}
.mw-footer li {
 padding:unset !important;
}
.mw-footer {
 padding:0 1.5em;
}
#footer-info {
 border-top:solid var(--bg50) 1px;
 border-radius:0 !important;
 padding-top:1em;
}
#footer a {
 text-decoration:underline dotted auto;
 color:var(--fg50) !important;
}
#footer-info-lastmod {
 float:right;
}
.mw-list-item.selected {
 position:relative;
}
.mw-list-item.selected a::after {
 content:"";
 background:var(--selected) !important;
 display:block;
 position:absolute !important;
 width:1.5em;
 height:4px;
 border-radius: 2px; /* half of height */
 left:50%;
 margin-left:-0.75em;
 bottom:4px;
}
table.stocktable.collapsible {
 padding:1em;
 margin-bottom:1.5em;
}
.collapseButton {
 background-color: var(--fg40) !important;
 color: var(--fg40) !important;
 padding:0 0.2em;
}
.collapseSpacer {
 display:none;
}
table.stocktable.collapsible > tbody > tr > th {
 border-left:0.5em solid;
 display:block;
 margin-left:calc(-1em - 1px) !important;
 border-radius:0 !important;
 border-color:var(--fg40);
 padding:0 0 0 0.6em !important;
}
.vector-menu-portal .vector-menu-content li{
  font-size: 0.85rem;
}
.vector-menu-tabs li a{
  font-size: 0.85rem;
  padding-top: 1em;
}
.vector-menu-content-list li {
 line-height:1.15em !important
}

#p-search {
  margin-right: 1em !important;
}
#searchInput {
 border-width:0 !important;
}
.suggestions{
  inset:77px calc(1em + 3px) auto auto !important;
  background-color:var(--bg50) !important;
  min-width: 20vw !important;
  box-shadow: 0 0 1em #00000011 !important;
  max-width: unset !important;
}
.suggestions-special{
  background-color: var(--bg50) !important;
  border-radius: 0 0 var(--rounded-corners-small) var(--rounded-corners-small) !important;
}
.vector-menu-heading {
  background: none !important;
  border-bottom-width: 1px !important;
  border-bottom-style: dotted !important;
}
.vector-menu-content-list li {
 line-height:1.15em !important;
}
.vector-menu-portal h3 {
 font-weight:bold;
 margin-left:0px;
}
.mainpage_headerbox td:not([colspan="3"]) {
 width: 33.333% !important;
}
.mainpage_headerbox td:not([colspan="3"]) div:nth-of-type(1){
  text-align: unset;
}
.mainpage_headerbox td:not([colspan="3"]) div:nth-of-type(1) div:nth-of-type(1) {
  background-image:url(/images/0/0c/Mainpage-icons.png) !important;
}
.mainpage_headerbox td:not([colspan="3"]) > * {
  padding: 0.25em;
  margin: 0.25em;
}
table.altRowsMed td {
 border-top:dotted 1px var(--fg40) !important;
 border-radius:0 !important;
}
.mw-wiki-logo {
 mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 823 590"> <g> <path d="m545 315-1 5-6 1q-4 1-5 3l-2 4-2 11-1 41-1 3 1 2v23l3 11 3 3q5 3 10 3l-1 3h-29l-21 1q-2 0-2-2l1-3 6-1q4-1 5-3l1-3h4l1-5-1-3 1-3-2-3-2-3 2-5v-3l1-3v-7l-1-2-1-1 1-2v-14l1-2v-1l-1-1 1-4-1-3v-10l-1-3-1-4-1-4-2-3-1-3-4-4-6-2 1-4h1l1 1h2l49-1Z"/> <path d="m517 491-2 4-3 1-5 1-5 1-1-1-4-2v3l-4-2-2-3-10 1-6-5-7-5-8-5q-7-5-12-11l-9-12q-4-2-8-7l1-1h1l3 1 3 1q-1-3-6-5l-2-2-2-2 1 1-1 3-4-2-1-3-5-3-4-8-5-6-5-6q-2 2-1 11l1 8-1 8 1 5 2 7v6q3 6 10 8l7 2v5l-8 1h-10l-4-1-4-1-7 1-6 1h-15l-4-1q-3-1-3-3v-1l4-2 5-2 5-5 2-12 2-11-1-9 3-7-1-2-1-7v-18q-2-6 0-16v-5l-1-1v-12l1-2v-21l-2-9q-1-7-4-9t-11-3v-2q0-2 5-2l18 1h12l4-1h17l1 3v1l-7 2q-4 2-7 7l-1 10-2 17v4l1 5-1 1v7l-1 9 2 9v7l8-9 16-17 4-6 14-20 5-7 4-9v-4l-6-5-7-2v-3l7-1 12 2 3-1 5 1 21-2v5q-4 0-12 5l-7 8-3 2-23 32-2 2-15 18-4 7-1 2-2 1v1l12 16 1 2 12 17 5 4 9 13 5 7 4 2 3 4 4 4q4 1 5 3l5 3q5 2 7 5l-3 3 2 2q3 0 3-2l10 6q7 4 11 4ZM363 315l-1 5-6 1q-4 1-5 3l-2 4-2 11-1 41-1 3 1 2v23l3 11 3 3q5 3 10 3l-1 3h-29l-21 1q-2 0-2-2l1-3 6-1q4-1 5-3l1-3h4l1-5-1-3 1-3-2-3-2-3 2-5v-3l1-3v-7l-1-2-1-1 1-2v-14l1-2v-1l-1-1 1-4-1-3v-10l-1-3-1-4-1-4-2-3-1-3-4-4-6-2 1-4h1l1 1h2l49-1Z"/> <path d="m314 317-4 3-5 2q-4 3-6 10l-4 13-3 8-3 7v4l-21 63-2 9q-2 5-5 5h-3v-2l1-3-3-4v-3l-3-10-1-4q0-4-2-6l-1-2 1-2-2-6-3-4 2-3-3-4v-5l-3-6v-6q-3-2-4 1l-5 15-7 23-3 9-3 10-4 11h-5l-3-9-1-9-4-6v-9l-5-4v-4l-3-9-1-3 2-2 6 4q1-2-1-4l-3-4q-10-6-10-12v-3l-3-6-3-10-3-4 1-6-4-7-2-5-4-4q-2-2-9-3l-1-1 1-2 14 1h5l4-1h17l2-1 1-1 1 2-4 3q-5 2-5 6t3 10l1 8 7 18v6l2 2 2 6 2 6 6 19q2 0 3-2l6-22 2-3 2-10 3-10v-3l-10-28-5-3-5-3 7-1v2h9l11-1h7l8-1 1 2-3 2-6 2-1 4 1 5 1 6v7l4 6 2 9 2 9 2 9 3 3 1 9 1 10 2 2 2-3 6-12 3-18 4-4q0-8 4-15l1-6 2-2 2-11q2-5-1-8l-4-2-5-2q2-2 8-1h5l4-1h3l4 1 10-1Zm-121 63-2 2v-1l2-2v1Z"/> </g> <g> <path d="M647 208v12q-2 3-3 10l-3 14-7 9q-1 5-6 13l-13 12-3 2-6 5q-23 12-44 13h-20q-15-1-23-5l-5-1-17-8q-13-9-25-24-7-9-12-23-5-13-5-21-1-15 1-30l2-5 3-12 8-14 1-4h3v-5l5-3 5-7 26-13 11-4q17-4 23-4h11q13 0 22 3l22 8 11 7q11 7 20 19 8 11 10 20l3 5q3 8 4 25v3l1 3Zm-31 3q-2-17-7-32-7-19-17-30-14-15-30-17-16-3-21-2-12 1-20 5l-12 7-3 4h-2l-7 10-2 5-5 8-4 16v13l-1 2 6 26-1 2 3 6 1 5 6 12q4 7 12 14l1 5 5 1 11 9q10 6 37 4l6-2 14-5 5-4q14-9 17-22l3-5 1-6 2-3 1-14 1-12Z"/> <path d="m498 292-4 4q-6 4-9 4h-17l-13-1-9-3q-5-2-19-17l-11-18-14-26-4-10q-2-2-7-1l-7 1h-14l-2 1 1 35 2 14 2 8q3 5 9 7l11 3v4l-9 1h-18l-5-1-14 1h-23l-5-1-1-2v-1l9-3q5-3 8-8 2-3 2-13l1-9 1-10v-20l3-6-2-3-1-7v-15l-1-4q1 2 2-19l-1-1v-14q1-3-2-17l-2-12q-3-3-8-4l-9-2v-4q0-2 3-2l18-1 12-1h18l11-1 9-1 12 1 13 3 3 1q13 2 24 13 6 6 10 21v17q-2 15-7 23-5 7-19 19l2 6 17 34q11 18 26 31l10 4h10l8-1v3Zm-77-120-1-6q-7-19-12-24-7-7-15-9-5-2-18-1l-4 1-2 40 1 3-1 16v18l1 2h19q9 0 16-5 8-5 10-9 6-11 6-26Z"/> <path d="m324 121-2 13v33h-3l-2 1-3-17q-1-9-8-14-3-2-14 0l-17 3q-4 1-5 5-2 9 0 26t-1 47l1 19v20l5 22q1 7 9 9l13 3-3 6h-80l-1-1v-3l13-4q7-4 11-9l2-13 1-40v-51h4l1-1-5-14-2-21h-26q-4 0-10 4-6 5-7 8-3 12-6 17-1 2-6 2l-1-3v-4l3-18 3-19 5-6q-4-1 26-1l26 2 17 1h23l9-1 18-2 6-1q4 0 6 2Z"/> <path d="m225 227-1 10-2 8-2 11-6 7q0 3-4 9l-10 10-3 1-5 4q-18 10-34 11h-15q-12-1-18-4l-4-1-13-6q-11-7-20-19-5-7-9-18l-5-16 1-23 2-4 2-10 7-11v-3h3v-4l4-2q0-2 4-5l20-11 8-3 19-3h8q10 0 17 2l17 6 9 6q8 5 15 15 7 8 9 16l2 3 3 20v2l1 2Zm-25 3q-1-14-5-25-6-15-13-23-11-12-24-14l-17-2-14 4-10 6-2 3h-2l-6 8-1 4-4 6-3 12v11l-1 2 5 19-1 2 2 5 1 3 5 10q3 6 9 11l1 4 4 1 8 7q8 4 30 3l4-2 11-4 4-3q11-7 13-17l3-3v-5l1-2 2-11v-10Z"/> <path d="m163 375-2 12-5 25q-3 17-8 17h-12l-15-1H71l-28-1H17l-2-1h-3l1-7 9-2q5-3 8-9l4-6-1-6-1-7q2 1 7-4l-2-5h-3q-2-3 2-8 2-3 2-8l-1-9-1-7 1-2v-16l1-3 1-4-1-6v-9l-1-4 1-8 1-8v-7l-1-5v-14l1-2-1-15 1-10v-3l-1-10-3-8v-8l-1-31-1-7v-9l-1-3 1-8-8-12-6-1-5-1v-4q0-2 2-3h5l36 2h5l22-2h20l-2 7-15 3q-9 1-13 13l-3 13-1 20v163q0 9 3 10l-1 9h-1l4 21-4 9 4 12 16 2 6 3 3-3h10l10 1 2-2 3-1 11-3q2 0 6-6l5-7q8-10 8-18l8 2ZM41 213v-7l1-13v-12q0-18-4-29l-1 6 1 7 3 48Z"/> </g> <path d="M378 539a482 482 0 0 0-29 32l-4 8v4l1 1 1 1 4 2 4-1 8-2 8-4 14-10 2-1 2-1 3-3 8-5 14-10 14-10 8-5 7-4 16-8 4-2 5-1 4-1h6l1 1 1 1v1l-1 1-1 3-4 3-7 5-14 10a281 281 0 0 0-20 17l-5 6-2-3h5l4-1 9-3 19-7a147 147 0 0 1 19-5l5 1 3 1 1 3v6l-2 4-1-1 9-5a13 13 0 0 1 7-1l1 1 3 2v3l-1 3-3 4-2 4 1 2 2 2h4l5-1 10-3 5-1 5-1 10-1c-6 2-14 1-20 4l-10 4-5 1-5-1-2-2-1-3 1-5 3-4 1-3v-1l-2-1h-1l-1-1-4 2-10 4h-1v-1l1-5 1-4-3-3h-4l-9 2-9 3-18 7-10 3-5 2h-5l-2-2 1-1 5-7 7-6 14-10 14-11 7-5 3-3 1-1v1h1-4l-4 1-4 1-4 2-16 8c-10 5-19 12-29 19l-14 10-8 5-3 2-2 1-2 1a208 208 0 0 1-23 14l-8 2h-5l-5-1-1-2-2-2v-5l5-8 5-7c7-9 16-17 25-25Zm166 26s13-54 33-93c0 0-9 8-19 7 0 0 5 1 10-7 0 0-10 3-19-6 0 0 19 7 24 0 0 0-19-5-15-22 0 0 3 13 19 16 0 0-11-10-10-33 0 0 6 24 10 25 0 0-11-25 5-73l12 29s-10-28-9-35c2-6 12-43 36-70l8 37v-43s11-26 42-40l5 16 5-24s64-55 142-72c0 0-29 27-49 55l-28 10 23-1s-17 29-35 47l-29 5 25 1s-24 22-36 47l-28 1 23 5s-12 13-21 33l-20 43-30-5 28 13s-1 18-25 30-29 4-29 4 15 12 25 7c0 0-10 7-29 0 0 0 2 6 11 11 0 0-11 5-17-9l-38 91Z"/> </svg>') !important;
 -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 823 590"> <g> <path d="m545 315-1 5-6 1q-4 1-5 3l-2 4-2 11-1 41-1 3 1 2v23l3 11 3 3q5 3 10 3l-1 3h-29l-21 1q-2 0-2-2l1-3 6-1q4-1 5-3l1-3h4l1-5-1-3 1-3-2-3-2-3 2-5v-3l1-3v-7l-1-2-1-1 1-2v-14l1-2v-1l-1-1 1-4-1-3v-10l-1-3-1-4-1-4-2-3-1-3-4-4-6-2 1-4h1l1 1h2l49-1Z"/> <path d="m517 491-2 4-3 1-5 1-5 1-1-1-4-2v3l-4-2-2-3-10 1-6-5-7-5-8-5q-7-5-12-11l-9-12q-4-2-8-7l1-1h1l3 1 3 1q-1-3-6-5l-2-2-2-2 1 1-1 3-4-2-1-3-5-3-4-8-5-6-5-6q-2 2-1 11l1 8-1 8 1 5 2 7v6q3 6 10 8l7 2v5l-8 1h-10l-4-1-4-1-7 1-6 1h-15l-4-1q-3-1-3-3v-1l4-2 5-2 5-5 2-12 2-11-1-9 3-7-1-2-1-7v-18q-2-6 0-16v-5l-1-1v-12l1-2v-21l-2-9q-1-7-4-9t-11-3v-2q0-2 5-2l18 1h12l4-1h17l1 3v1l-7 2q-4 2-7 7l-1 10-2 17v4l1 5-1 1v7l-1 9 2 9v7l8-9 16-17 4-6 14-20 5-7 4-9v-4l-6-5-7-2v-3l7-1 12 2 3-1 5 1 21-2v5q-4 0-12 5l-7 8-3 2-23 32-2 2-15 18-4 7-1 2-2 1v1l12 16 1 2 12 17 5 4 9 13 5 7 4 2 3 4 4 4q4 1 5 3l5 3q5 2 7 5l-3 3 2 2q3 0 3-2l10 6q7 4 11 4ZM363 315l-1 5-6 1q-4 1-5 3l-2 4-2 11-1 41-1 3 1 2v23l3 11 3 3q5 3 10 3l-1 3h-29l-21 1q-2 0-2-2l1-3 6-1q4-1 5-3l1-3h4l1-5-1-3 1-3-2-3-2-3 2-5v-3l1-3v-7l-1-2-1-1 1-2v-14l1-2v-1l-1-1 1-4-1-3v-10l-1-3-1-4-1-4-2-3-1-3-4-4-6-2 1-4h1l1 1h2l49-1Z"/> <path d="m314 317-4 3-5 2q-4 3-6 10l-4 13-3 8-3 7v4l-21 63-2 9q-2 5-5 5h-3v-2l1-3-3-4v-3l-3-10-1-4q0-4-2-6l-1-2 1-2-2-6-3-4 2-3-3-4v-5l-3-6v-6q-3-2-4 1l-5 15-7 23-3 9-3 10-4 11h-5l-3-9-1-9-4-6v-9l-5-4v-4l-3-9-1-3 2-2 6 4q1-2-1-4l-3-4q-10-6-10-12v-3l-3-6-3-10-3-4 1-6-4-7-2-5-4-4q-2-2-9-3l-1-1 1-2 14 1h5l4-1h17l2-1 1-1 1 2-4 3q-5 2-5 6t3 10l1 8 7 18v6l2 2 2 6 2 6 6 19q2 0 3-2l6-22 2-3 2-10 3-10v-3l-10-28-5-3-5-3 7-1v2h9l11-1h7l8-1 1 2-3 2-6 2-1 4 1 5 1 6v7l4 6 2 9 2 9 2 9 3 3 1 9 1 10 2 2 2-3 6-12 3-18 4-4q0-8 4-15l1-6 2-2 2-11q2-5-1-8l-4-2-5-2q2-2 8-1h5l4-1h3l4 1 10-1Zm-121 63-2 2v-1l2-2v1Z"/> </g> <g> <path d="M647 208v12q-2 3-3 10l-3 14-7 9q-1 5-6 13l-13 12-3 2-6 5q-23 12-44 13h-20q-15-1-23-5l-5-1-17-8q-13-9-25-24-7-9-12-23-5-13-5-21-1-15 1-30l2-5 3-12 8-14 1-4h3v-5l5-3 5-7 26-13 11-4q17-4 23-4h11q13 0 22 3l22 8 11 7q11 7 20 19 8 11 10 20l3 5q3 8 4 25v3l1 3Zm-31 3q-2-17-7-32-7-19-17-30-14-15-30-17-16-3-21-2-12 1-20 5l-12 7-3 4h-2l-7 10-2 5-5 8-4 16v13l-1 2 6 26-1 2 3 6 1 5 6 12q4 7 12 14l1 5 5 1 11 9q10 6 37 4l6-2 14-5 5-4q14-9 17-22l3-5 1-6 2-3 1-14 1-12Z"/> <path d="m498 292-4 4q-6 4-9 4h-17l-13-1-9-3q-5-2-19-17l-11-18-14-26-4-10q-2-2-7-1l-7 1h-14l-2 1 1 35 2 14 2 8q3 5 9 7l11 3v4l-9 1h-18l-5-1-14 1h-23l-5-1-1-2v-1l9-3q5-3 8-8 2-3 2-13l1-9 1-10v-20l3-6-2-3-1-7v-15l-1-4q1 2 2-19l-1-1v-14q1-3-2-17l-2-12q-3-3-8-4l-9-2v-4q0-2 3-2l18-1 12-1h18l11-1 9-1 12 1 13 3 3 1q13 2 24 13 6 6 10 21v17q-2 15-7 23-5 7-19 19l2 6 17 34q11 18 26 31l10 4h10l8-1v3Zm-77-120-1-6q-7-19-12-24-7-7-15-9-5-2-18-1l-4 1-2 40 1 3-1 16v18l1 2h19q9 0 16-5 8-5 10-9 6-11 6-26Z"/> <path d="m324 121-2 13v33h-3l-2 1-3-17q-1-9-8-14-3-2-14 0l-17 3q-4 1-5 5-2 9 0 26t-1 47l1 19v20l5 22q1 7 9 9l13 3-3 6h-80l-1-1v-3l13-4q7-4 11-9l2-13 1-40v-51h4l1-1-5-14-2-21h-26q-4 0-10 4-6 5-7 8-3 12-6 17-1 2-6 2l-1-3v-4l3-18 3-19 5-6q-4-1 26-1l26 2 17 1h23l9-1 18-2 6-1q4 0 6 2Z"/> <path d="m225 227-1 10-2 8-2 11-6 7q0 3-4 9l-10 10-3 1-5 4q-18 10-34 11h-15q-12-1-18-4l-4-1-13-6q-11-7-20-19-5-7-9-18l-5-16 1-23 2-4 2-10 7-11v-3h3v-4l4-2q0-2 4-5l20-11 8-3 19-3h8q10 0 17 2l17 6 9 6q8 5 15 15 7 8 9 16l2 3 3 20v2l1 2Zm-25 3q-1-14-5-25-6-15-13-23-11-12-24-14l-17-2-14 4-10 6-2 3h-2l-6 8-1 4-4 6-3 12v11l-1 2 5 19-1 2 2 5 1 3 5 10q3 6 9 11l1 4 4 1 8 7q8 4 30 3l4-2 11-4 4-3q11-7 13-17l3-3v-5l1-2 2-11v-10Z"/> <path d="m163 375-2 12-5 25q-3 17-8 17h-12l-15-1H71l-28-1H17l-2-1h-3l1-7 9-2q5-3 8-9l4-6-1-6-1-7q2 1 7-4l-2-5h-3q-2-3 2-8 2-3 2-8l-1-9-1-7 1-2v-16l1-3 1-4-1-6v-9l-1-4 1-8 1-8v-7l-1-5v-14l1-2-1-15 1-10v-3l-1-10-3-8v-8l-1-31-1-7v-9l-1-3 1-8-8-12-6-1-5-1v-4q0-2 2-3h5l36 2h5l22-2h20l-2 7-15 3q-9 1-13 13l-3 13-1 20v163q0 9 3 10l-1 9h-1l4 21-4 9 4 12 16 2 6 3 3-3h10l10 1 2-2 3-1 11-3q2 0 6-6l5-7q8-10 8-18l8 2ZM41 213v-7l1-13v-12q0-18-4-29l-1 6 1 7 3 48Z"/> </g> <path d="M378 539a482 482 0 0 0-29 32l-4 8v4l1 1 1 1 4 2 4-1 8-2 8-4 14-10 2-1 2-1 3-3 8-5 14-10 14-10 8-5 7-4 16-8 4-2 5-1 4-1h6l1 1 1 1v1l-1 1-1 3-4 3-7 5-14 10a281 281 0 0 0-20 17l-5 6-2-3h5l4-1 9-3 19-7a147 147 0 0 1 19-5l5 1 3 1 1 3v6l-2 4-1-1 9-5a13 13 0 0 1 7-1l1 1 3 2v3l-1 3-3 4-2 4 1 2 2 2h4l5-1 10-3 5-1 5-1 10-1c-6 2-14 1-20 4l-10 4-5 1-5-1-2-2-1-3 1-5 3-4 1-3v-1l-2-1h-1l-1-1-4 2-10 4h-1v-1l1-5 1-4-3-3h-4l-9 2-9 3-18 7-10 3-5 2h-5l-2-2 1-1 5-7 7-6 14-10 14-11 7-5 3-3 1-1v1h1-4l-4 1-4 1-4 2-16 8c-10 5-19 12-29 19l-14 10-8 5-3 2-2 1-2 1a208 208 0 0 1-23 14l-8 2h-5l-5-1-1-2-2-2v-5l5-8 5-7c7-9 16-17 25-25Zm166 26s13-54 33-93c0 0-9 8-19 7 0 0 5 1 10-7 0 0-10 3-19-6 0 0 19 7 24 0 0 0-19-5-15-22 0 0 3 13 19 16 0 0-11-10-10-33 0 0 6 24 10 25 0 0-11-25 5-73l12 29s-10-28-9-35c2-6 12-43 36-70l8 37v-43s11-26 42-40l5 16 5-24s64-55 142-72c0 0-29 27-49 55l-28 10 23-1s-17 29-35 47l-29 5 25 1s-24 22-36 47l-28 1 23 5s-12 13-21 33l-20 43-30-5 28 13s-1 18-25 30-29 4-29 4 15 12 25 7c0 0-10 7-29 0 0 0 2 6 11 11 0 0-11 5-17-9l-38 91Z"/> </svg>') !important;
}
.tocWrapper{
  position: absolute;
  top: -3.5em;
  right: 0;
  height: 100%;
  padding: 0 !important;
  pointer-events: none;
}
.tocWrapper td:first-of-type{
  vertical-align: top;
}
.toc {
 min-width: 8em;
 position: sticky;
 top:1em;
 right:-0.5em;
 background-color:var(--bg40) !important;
 text-align:left !important;
 padding:0.5em 1em !important;
 pointer-events: auto;
}
.toc .toctitle {
 text-align:left;
 padding:0em !important;
}
.toc .toctogglespan {
 position:absolute;
 right:1em;
 float:right;
}
.toctogglecheckbox:checked ~ ul,
.toctogglecheckbox:checked ~ ul li {
 display:block;
 overflow:hidden !important;
 height:0px !important;
 line-height:0px !important;
 margin:0 !important;
}
.altRowsMed th {
 background-color:var(--bg50) !important;
}
.CategoryTreeToggle {
  border-radius: 0 !important;
}
.CategoryTreeEmptyBullet,
.CategoryTreeToggle[data-ct-state="collapsed"]{
 border-top-color: transparent !important;
 border-bottom-color: transparent !important
}
.CategoryTreeToggle[data-ct-state="expanded"]{
 border-left-color: transparent !important;
 border-right-color: transparent !important; 
}
/* Disable font boosting in Chrome for Android */
body * {
  max-height: 1000000em;
}
@media screen and (min-width:1900px) {
  .mainpage_headerbox {
    max-width: unset;
    margin-left: unset !important;
  }
}