MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@200;300;400;500;600;700;800;900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+Mono:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Variables */


 * root {

--ats-body: 'Noto Sans'; --ats-heading: 'EB Garamond'; --ats-mono: 'Noto Sans Mono'; --ats-condensed: 'Asap Condensed'; --ats-default: #e0e0d0; /* approx. gainsboro */ --ats-dark: #0e100a; /* approx. black */

--ats-yellow: #e1aa46; /* approx. gold */ --ats-gold: #a79372; /* approx. palegoldenrod */ --ats-bright-gold: #e2cd9d; /* approx. khaki */ --ats-brown: #59482d; /* approx. dimgray */ --ats-dark-brown: #302513; /* approx black */ --ats-dark-brown-alt: #261d0f; /* approx black */ --ats-green: #53b522; /* approx. lawngreen */ --ats-dark-green: #0e1b0d; /* approx. darkslategray */ --ats-dark-green-alt: #122411; /* approx. darkslategray */ --ats-bright-blue: #31b7fa; /* approx. deepskyblue */ --ats-bright-blue-highlight: #64c9fb; /* approx. skyblue */ --ats-bright-blue-brighest: #ade2fd; /* approx. lightblue */ --ats-bright-blue-dim: #2a9cd4; /* approx. royalblue */ --ats-blue: #31b7fa; /* approx. deepskyblue */ --ats-bright-blue: #92d8fc; /* approx. deepskyblue */ --ats-bright-blue-highlight: #b4e5fd; /* approx. skyblue */ --ats-bright-blue-brighest: #e1f5fe; /* approx. lightblue */ --ats-bright-blue-dim: #79d0fc; /* approx. royalblue */ --ats-bright-red: #ff3c00; /* approx. red */ --ats-bright-green: #87cb64; /* approx. lightgreen */ --ats-bright-green-highlight: #bae1a7; /* approx. palegreen */ --ats-bright-green-dim: #53B522; /* approx. lawngreen */ --ats-perk-green: #15cf00; /* approx.  */ --ats-perk-blue: #015db9; /* approx. dodgerblue */ --ats-perk-purple: #7f27b9; /* approx.  */ --ats-perk-orange: #da6d00; /* approx. darkviolet */ }

/* Art */

div#mw-content { background-color: var(--ats-dark, black); border: 2px solid var(--ats-brown, dimgray); }

.wikitable { background-color: var(--ats-dark-brown, darkslategray); border: none; }

.wikitable > * > tr > th { background-color: var(--ats-brown, dimgray); border: 2px solid var(--ats-dark, black); }

.wikitable > * > tr > td { border: 2px solid var(--ats-dark, black); }

.wikitable:not(.ats-table-nobands) > * > tr:nth-child(odd) { background-color: var(--ats-dark-brown-alt, darkslategray); }

pre { background-color: var(--ats-dark-green, black); border: 1px solid var(--ats-dark-green-alt, dimgray); }

code { background-color: var(--ats-default, white); border: 1px solid var(--ats-bright-gold, black); }

.mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after { border-bottom: 1px solid var(--ats-gold, palegoldenrod); }

div.thumbinner { background-color: unset; border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_ats/b/b4/Popup_Tooltips_BG.png'); border-image-slice: 19 31 31 31 fill; border-image-width: auto; border-image-repeat: stretch; border-image-outset: 19px 31px 31px 31px; margin: 10px 18px 30px 18px; padding: 8px 0px 0px 2px; }

.thumbinner .thumbimage, .thumbborder { border-color: var(--ats-brown, dimgrey); }

div.ats-messagebox-version, div.ats-messagebox-stub { border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_ats/b/b4/Popup_Tooltips_BG.png'); border-image-slice: 19 31 31 31 fill; border-image-width: auto; border-image-repeat: stretch; border-image-outset: 19px 31px 31px 31px; margin: 30px 18px 30px 18px; padding: 8px 0px 0px 2px; }

div.ats-messagebox-version p { background-image: url('/wiki/images/mbhh_ats/1/1f/Hourglass_Icon_.png'); background-size: 48px; background-repeat: no-repeat; padding-left: 58px; padding-bottom: 8px; }

div.ats-messagebox-stub p { background-image: url('/wiki/images/mbhh_ats/b/bf/Monitor_Icon_LowFood.png'); background-size: 48px; background-repeat: no-repeat; padding-left: 58px; padding-bottom: 8px; }

div.ats-infobox-border { background: radial-gradient(circle, rgba(0,0,0,0.2),rgba(0,0,0,0.8)), url('/wiki/images/mbhh_ats/2/2b/BG_Green_03.png'), black; border: 0 solid transparent; border-image-source: url('/wiki/images/mbhh_ats/c/c3/Popup_RightPanel_BG.png'); border-image-slice: 27 0 65 59; border-image-width: auto; border-image-repeat: round; border-image-outset: 17px 0 26px 22px; margin: 13px 0 13px 13px; padding: 9px 0 9px 9px; }

div.ats-infobox-header-border { border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_ats/4/41/Popup_Seperation0.png'); border-image-slice: 16 fill; border-image-width: auto; border-image-repeat: round; border-image-outset: 8px; margin: 6px 8px 6px 6px; padding: 8px; }

.ats-infobox-header-icon-border { border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_ats/0/06/FRAME_Tex_Square_Big_1.png'); border-image-slice: 20; border-image-width: auto; border-image-repeat: stretch; border-image-outset: 7px; display: inline-block; margin: 5px; padding: 0; }

.ats-infobox-innerinfo .ats-category-icon { border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_ats/8/8a/Frame_Square.png'); border-image-slice: 15; border-image-width: auto; border-image-repeat: round; border-image-outset: 5px; }

table.ats-infobox-innerinfo-border { background-color: rgba(0,0,0,0.85); border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_ats/7/71/Infobox-group-border.png'); border-image-slice: 30 37 30 37; border-image-width: auto; border-image-repeat: round; border-image-outset: 14px; margin: 6px; padding: 5px; }

.ats-infobox-separator th, .ats-infobox-separator td { border-top: 10px solid transparent; }

.ats-infobox-separator { position: relative; border: none; } .ats-infobox-separator::after { content: ''; height: 8px; position: absolute; left: 0; top: 0; background-image: url('/wiki/images/mbhh_ats/9/96/Box-separator.png'); width: 100%; background-position-y: center; background-size: 100% 100%; }

div.toc { background: var(--ats-dark, black); border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_ats/6/6b/HUD_BG_for_text.png'); border-image-slice: 12 81 12 81 fill; border-image-width: auto; border-image-repeat: stretch; }

.mw-body .toctitle { border: none; }

div.ats-container-recipe { display: inline-block; border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_ats/6/6a/Skin_BG_Small_3.png'); border-image-slice: 42 14 15 14 fill; border-image-width: auto; border-image-repeat: round; border-image-outset: 0px 6px 0px 6px; padding: 0px 12px 0px 12px; }

table.ats-table-recipe, table.ats-table-recipe th, table.ats-table-recipe td { border: none; background: none; }

.ats-table-recipe .ats-building-icon img, .ats-table-recipe .ats-single-ingredient-icon img, .ats-table-recipe .ats-product-icon img { border-image-source: url('/wiki/images/mbhh_ats/0/06/FRAME_Tex_Square_Big_1.png'); border-image-slice: 20; border-image-width: auto; border-image-repeat: stretch; border-image-outset: 7px; margin: 0 2px 0 2px; }

.ats-optional-ingredient-icon img { border-radius: 50%; }

.ats-optional-ingredient-icon > a:first-child::after { content:""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-image-source: url('/wiki/images/mbhh_ats/7/79/FRAME_Swap_66x66.png'); border-image-slice: 35; border-image-width: auto; border-image-repeat: round; border-image-outset: 7px; }

.ats-optional-ingredient-icon > a { display: inline-block; position: relative; margin: 1px 5px 1px 5px; }

.ats-table-recipe { border-collapse: separate; border-spacing: 0px 12px; }

.ats-table-recipe > * > tr > td { border-top: 2px ridge var(--ats-brown, dimgray); border-bottom: 2px ridge var(--ats-brown, dimgray); border-right: none; background-color: rgba(0,0,0,0.20); padding: 4px 0 4px 0; }

.ats-table-recipe > * > tr > td:first-of-type { border-left: 2px ridge var(--ats-brown, dimgray); padding-left: 12px; }

.ats-table-recipe > * > tr > td:last-of-type { border-right: 2px ridge var(--ats-brown, dimgray); padding-right: 12px; }

.ats-mainbox { border: 1px solid transparent; border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_ats/9/97/CaravanSlot_Highlight.png'); border-image-slice: 18 93 28 135 fill; border-image-width: auto; border-image-repeat: round; margin-left: -30px; padding: 0 80px 30px 30px; }

.ats-main-billboard { border: 1px solid red; border-image-source: url('/wiki/images/mbhh_ats/3/35/Frame_News.png'); border-image-slice: 75; border-image-width: auto; border-image-repeat: round; border-image-outset: 40px; margin: 40px 10px 60px 10px; } .ats-main-billboard span { display: inline-block; width: 32%; text-align: center; } .ats-main-billboard-text { color: var(--ats-bright-gold, khaki); font-size: 150%; font-variant: small-caps; }

h1:after, h2:after { border-bottom: 1px solid var(--ats-gold); }

.toctitle { border-bottom: none; }

.mw-editsection, #ca-edit { background-image: url("https://hoodedhorse.com/wiki/images/mbhh_ats/thumb/1/10/Icon_Clear.png/15px-Icon_Clear.png"); background-repeat: no-repeat; }

.magnify { background-image: url('https://hoodedhorse.com/wiki/images/mbhh_ats/thumb/c/c5/Popup_Icon_Expand.png/28px-Popup_Icon_Expand.png'); }

li#ca-nstab-user { background-image: url('/wiki/images/mbhh_ats/thumb/e/ea/Icon_Worker.png/20px-Icon_Worker.png'); background-repeat: no-repeat; }

li#ca-talk { background-image: url('/wiki/images/mbhh_ats/thumb/6/6b/HUD_Icon_Villigers.png/20px-HUD_Icon_Villigers.png'); background-repeat: no-repeat; }

.tools-inline li:hover { border-bottom-color: var(--ats-bright-blue-brightest, lightblue); } .tools-inline li.selected a { background-image: url('/wiki/images/mbhh_ats/thumb/0/01/Tab-Recipes.png/20px-Tab-Recipes.png'); background-repeat: no-repeat; color: var(--ats-gold, palegoldenrod); }

background-image: url('/wiki/images/mbhh_ats/thumb/4/4c/FlatIcon_Order_NeedForTime.png/16px-FlatIcon_Order_NeedForTime.png'); background-repeat: no-repeat; }
 * 1) ca-history a {

div .header { border: 1px solid var(--ats-yellow, gold); margin-top: 2em; }

/* Type and color */

html, p, .mw-headline, h1.mw-first-heading, .thumbcaption, .toc, .usermessage, .ats-infobox-header-title { color: var(--ats-default, white); font-family: var(--ats-body), sans-serif; font-weight: 300; font-size: 11pt; line-height: 1.7em; letter-spacing: 0.10em; word-spacing: 0.06em; }

caption, dt, .ats-flavor-text, .ats-flavor-text p, .mw-headline, h1.mw-first-heading, #mw-toc-heading, .mw-portlet-body .mw-list-item, .ats-infobox-header-title { font-family: var(--ats-heading), serif; font-size: 14pt; font-weight: 500; letter-spacing: 0.12em; line-height: 1.4em; }

pre, code { font-family: var(--ats-mono), monospaced; font-size: 95%; font-weight: 500; letter-spacing: 0.05em; word-spacing: 0em; }

.ats-table-recipe th, .ats-table-recipe td { font-family: var(--ats-condensed, sans-serif); font-size: 10.5pt; text-transform: uppercase; }

.ats-table-recipe caption, dt { color: var(--ats-yellow, gold); }

.ats-building-icon img { display: block; }

caption, .mw-headline, h1.mw-first-heading, #mw-toc-heading, .mw-portlet-body .mw-list-item, .ats-infobox-header-title { font-variant: small-caps; }

caption .mw-collapsible-toggle { color: var(--ats-default, white); }

color: var(--ats-gold, palegoldenrod); }
 * 1) contentSub {

h1.mw-first-heading, .mw-headline, .tocnumber, #mw-toc-heading, #ca-nstab-user { color: var(--ats-gold, palegoldenrod); }

h1.mw-first-heading { font-size: 250%; letter-spacing: 0.07em; }

h2 .mw-headline { font-size: 120%; letter-spacing: 0.10em; }

h3 .mw-headline, h4 .mw-headline, h5 .mw-headline, h6 .mw-headline, h7 .mw-headline { font-size: 120%; }

caption { color: var(--ats-gold, palegoldenrod); font-size: 150%; }

th { color: var(--ats-default, white); font-weight: 400; }

.ats-infobox-header-title { font-size: 17pt; }

div.ats-messagebox-version p { font-size: 67%; }

blockquote.ats-flavor-text p { color: var(--ats-bright-gold, khaki); font-size: 90%; margin-right: 33%; }

li::marker { color: var(--ats-gold, palegoldenrod); }

pre { color: var(--ats-bright-green, gold); }

code { color: var(--ats-dark, black); font-weight: 500; }

strike { color: var(--ats-gold, palegoldenrod); }

u { color: var(--ats-bright-green, lightgreen); }

b { color: var(--ats-bright-gold, khaki); }

a, a:link, .toctogglelabel { color: var(--ats-bright-blue, deepskyblue); } a:active, a:hover, a:visited:hover, .toctogglelabel:hover { color: var(--ats-bright-blue-brightest, lightblue); text-decoration: underline; } a:visited { color: var(--ats-bright-blue-dim, dodgerblue); }

a.new { color: var(--ats-bright-red, red); }

a.external, a.external:link { color: var(--ats-bright-green, lightgreen); } a.external:active, a.external:hover, a.external:visited:hover { color: var(--ats-bright-green-highlight, palegreen); text-decoration: underline; } a.external:visited { color: var(--ats-bright-green-dim, lawngreen); }

/* Layout and spacing */

div.ats-infobox { clear: both; float: right; margin: 2em -3em 3em 2em; max-width: 320px; }

div.ats-infobox-header { margin-bottom: 1.5em; padding: 0.5em; padding-bottom: 0.75em; text-align: center; }

div.ats-infobox-header img { width: 200px; }

div.ats-infobox-header p { margin: auto; margin-bottom: 14pt; }

table.ats-infobox-innerinfo { margin: 2.3em 1.3em 2.3em 1.3em; }

div.ats-infobox th { text-align: left; padding-right: 0.5em; }

.ats-infobox-separator { margin: auto; }

div.ats-messagebox-version { margin-left: 45%; }

div.ats-messagebox-version p { margin: 0; }

div.ats-messagebox-stub { margin-left: auto; margin-right: auto; max-width: 67%; }

table.ats-table-recipe { margin-top: 8px; }

table.ats-table-recipe caption { margin-top: -2px; margin-bottom: 2px; }

table.ats-table-recipe th { margin-top: 8px; padding-top: 6px; }

div.ats-product-icon { display: inline; }

td:has(> div.ats-product-icon) { padding-left: 10px; white-space: nowrap; } td:has(> div.ats-building-icon) { padding-right: 10px; }