MediaWiki:Mbhh.css: Difference between revisions
From Cataclismo Official Wiki
mNo edit summary Tag: Reverted |
mNo edit summary Tag: Manual revert |
||
Line 30: | Line 30: | ||
--cataclismo-bright-gold: #e2cd9d; /* approx. khaki */ | --cataclismo-bright-gold: #e2cd9d; /* approx. khaki */ | ||
--cataclismo-brown: # | --cataclismo-brown: #59482d; /* approx. dimgray */ | ||
--cataclismo-dark-brown: #302513; /* approx black */ | --cataclismo-dark-brown: #302513; /* approx black */ | ||
--cataclismo-dark-brown-alt: #261d0f; /* approx black */ | --cataclismo-dark-brown-alt: #261d0f; /* approx black */ |
Latest revision as of 16:27, 2 August 2024
/* All CSS here will be loaded for users of the MBHH skin */ body { background-image: url(/wiki/Cataclismo/skins/MBHH/resources/images/shade-right.png?9ba42), url(/wiki/Cataclismo/skins/MBHH/resources/images/shade-left.png?30070), url(/wiki/Cataclismo/skins/MBHH/resources/images/shade-bottom.png?ff4a7), url(/wiki/Cataclismo/skins/MBHH/resources/images/game_bgs/Cataclismo_bg.jpg?3vva2); } @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 { --cataclismo-body: 'Noto Sans'; --cataclismo-heading: 'EB Garamond'; --cataclismo-mono: 'Noto Sans Mono'; --cataclismo-condensed: 'Asap Condensed'; --cataclismo-default: #e0e0d0; /* approx. gainsboro */ --cataclismo-dark: #0e100a; /* approx. black */ --cataclismo-yellow: #e1aa46; /* approx. gold */ --cataclismo-gold: #a79372; /* approx. palegoldenrod */ --cataclismo-bright-gold: #e2cd9d; /* approx. khaki */ --cataclismo-brown: #59482d; /* approx. dimgray */ --cataclismo-dark-brown: #302513; /* approx black */ --cataclismo-dark-brown-alt: #261d0f; /* approx black */ --cataclismo-green: #53b522; /* approx. lawngreen */ --cataclismo-dark-green: #0e1b0d; /* approx. darkslategray */ --cataclismo-dark-green-alt: #122411; /* approx. darkslategray */ --cataclismo-bright-blue: #31b7fa; /* approx. deepskyblue */ --cataclismo-bright-blue-highlight: #64c9fb; /* approx. skyblue */ --cataclismo-bright-blue-brighest: #ade2fd; /* approx. lightblue */ --cataclismo-bright-blue-dim: #2a9cd4; /* approx. royalblue */ --cataclismo-blue: #31b7fa; /* approx. deepskyblue */ --cataclismo-bright-blue: #92d8fc; /* approx. deepskyblue */ --cataclismo-bright-blue-highlight: #b4e5fd; /* approx. skyblue */ --cataclismo-bright-blue-brighest: #e1f5fe; /* approx. lightblue */ --cataclismo-bright-blue-dim: #79d0fc; /* approx. royalblue */ --cataclismo-bright-red: #ff3c00; /* approx. red */ --cataclismo-bright-green: #87cb64; /* approx. lightgreen */ --cataclismo-bright-green-highlight: #bae1a7; /* approx. palegreen */ --cataclismo-bright-green-dim: #53B522; /* approx. lawngreen */ --cataclismo-perk-green: #15cf00; /* approx. */ --cataclismo-perk-blue: #015db9; /* approx. dodgerblue */ --cataclismo-perk-purple: #7f27b9; /* approx. */ --cataclismo-perk-orange: #da6d00; /* approx. darkviolet */ } .dark-mode { /* Art */ div#mw-content { background-color: var(--cataclismo-dark, black); border: 2px solid var(--cataclismo-default, dimgray); } .wikitable { background-color: var(--cataclismo-default, darkslategray); border: none; } .wikitable > * > tr > th { background-color: var(--cataclismo-default, dimgray); border: 2px solid var(--cataclismo-dark, black); } .wikitable > * > tr > td { border: 2px solid var(--cataclismo-dark, black); } .wikitable:not(.cataclismo-table-nobands) > * > tr:nth-child(odd) { background-color: var(--cataclismo-default-alt, darkslategray); } pre { background-color: var(--cataclismo-dark-green, black); border: 1px solid var(--cataclismo-dark-green-alt, dimgray); } code { background-color: var(--cataclismo-default, white); border: 1px solid var(--cataclismo-bright-gold, black); } .mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after { border-bottom: 1px solid var(--cataclismo-default, palegoldenrod); } div.thumbinner { background-color: unset; border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_cataclismo/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(--cataclismo-default, dimgrey); } div.cataclismo-messagebox-version, div.cataclismo-messagebox-stub { border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_cataclismo/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.cataclismo-messagebox-version p { background-image: url('/wiki/images/mbhh_cataclismo/1/1f/Hourglass_Icon_.png'); background-size: 48px; background-repeat: no-repeat; padding-left: 58px; padding-bottom: 8px; } div.cataclismo-messagebox-stub p { background-image: url('/wiki/images/mbhh_cataclismo/b/bf/Monitor_Icon_LowFood.png'); background-size: 48px; background-repeat: no-repeat; padding-left: 58px; padding-bottom: 8px; } div.cataclismo-infobox-border { background: radial-gradient(circle, rgba(0,0,0,0.2),rgba(0,0,0,0.8)), url('/wiki/images/mbhh_cataclismo/2/2b/BG_Green_03.png'), black; border: 0 solid transparent; border-image-source: url('/wiki/images/mbhh_cataclismo/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.cataclismo-infobox-header-border { border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_cataclismo/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; } .cataclismo-infobox-header-icon-border { border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_cataclismo/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; } .cataclismo-infobox-innerinfo .cataclismo-goods-category-icon { border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_cataclismo/8/8a/Frame_Square.png'); border-image-slice: 15; border-image-width: auto; border-image-repeat: round; border-image-outset: 5px; } table.cataclismo-infobox-innerinfo-border { background-color: rgba(0,0,0,0.85); border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_cataclismo/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; } .cataclismo-infobox-separator th, .cataclismo-infobox-separator td { border-top: 10px solid transparent; } .cataclismo-infobox-separator { position: relative; border: none; } .cataclismo-infobox-separator::after { content: ''; height: 8px; position: absolute; left: 0; top: 0; background-image: url('/wiki/images/mbhh_cataclismo/9/96/Box-separator.png'); width: 100%; background-position-y: center; background-size: 100% 100%; } div.toc { background: var(--cataclismo-dark, black); border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_cataclismo/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.cataclismo-container-recipe { display: inline-block; border: 0px solid transparent; border-image-source: url('/wiki/images/mbhh_cataclismo/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.cataclismo-table-recipe, table.cataclismo-table-recipe th, table.cataclismo-table-recipe td { border: none; background: none; } .cataclismo-table-recipe .cataclismo-building-icon img, .cataclismo-table-recipe .cataclismo-single-ingredient-icon img, .cataclismo-table-recipe .cataclismo-product-icon img { border-image-source: url('/wiki/images/mbhh_cataclismo/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; } .cataclismo-optional-ingredient-icon img { border-radius: 50%; } .cataclismo-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_cataclismo/7/79/FRAME_Swap_66x66.png'); border-image-slice: 35; border-image-width: auto; border-image-repeat: round; border-image-outset: 7px; } .cataclismo-optional-ingredient-icon > a { display: inline-block; position: relative; margin: 1px 5px 1px 5px; } .cataclismo-table-recipe { border-collapse: separate; border-spacing: 0px 12px; } .cataclismo-table-recipe > * > tr > td { border-top: 2px ridge var(--cataclismo-default, dimgray); border-bottom: 2px ridge var(--cataclismo-default, dimgray); border-right: none; background-color: rgba(0,0,0,0.20); padding: 4px 0 4px 0; } .cataclismo-table-recipe > * > tr > td:first-of-type { border-left: 2px ridge var(--cataclismo-default, dimgray); padding-left: 12px; } .cataclismo-table-recipe > * > tr > td:last-of-type { border-right: 2px ridge var(--cataclismo-default, dimgray); padding-right: 12px; } .cataclismo-mainbox { border: 1px solid transparent; border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_cataclismo/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; } .cataclismo-main-billboard { border: 1px solid red; border-image-source: url('/wiki/images/mbhh_cataclismo/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; } .cataclismo-main-billboard span { display: inline-block; width: 32%; text-align: center; } .cataclismo-main-billboard-text { color: var(--cataclismo-bright-gold, khaki); font-size: 150%; font-variant: small-caps; } h1:after, h2:after { border-bottom: 1px solid var(--cataclismo-default); } .toctitle { border-bottom: none; } .mw-editsection, #ca-edit { background-image: url("https://hoodedhorse.com/wiki/images/mbhh_cataclismo/thumb/1/10/Icon_Clear.png/15px-Icon_Clear.png"); background-repeat: no-repeat; } .magnify { background-image: url('https://hoodedhorse.com/wiki/images/mbhh_cataclismo/thumb/c/c5/Popup_Icon_Expand.png/28px-Popup_Icon_Expand.png'); } li#ca-nstab-user { background-image: url('/wiki/images/mbhh_cataclismo/thumb/e/ea/Icon_Worker.png/20px-Icon_Worker.png'); background-repeat: no-repeat; } li#ca-talk { background-image: url('/wiki/images/mbhh_cataclismo/thumb/6/6b/HUD_Icon_Villigers.png/20px-HUD_Icon_Villigers.png'); background-repeat: no-repeat; } .tools-inline li:hover { border-bottom-color: var(--cataclismo-bright-blue-brightest, lightblue); } .tools-inline li.selected a { background-image: url('/wiki/images/mbhh_cataclismo/thumb/0/01/Tab-Recipes.png/20px-Tab-Recipes.png'); background-repeat: no-repeat; color: var(--cataclismo-default, palegoldenrod); } #ca-history a { background-image: url('/wiki/images/mbhh_cataclismo/thumb/4/4c/FlatIcon_Order_NeedForTime.png/16px-FlatIcon_Order_NeedForTime.png'); background-repeat: no-repeat; } div .header { border: 1px solid var(--cataclismo-yellow, gold); margin-top: 2em; } /* Type and color */ p, td, th, li, dd, caption, .mw-headline, h1.mw-first-heading, .thumbcaption, .toc, .usermessage, .cataclismo-infobox-header-title { color: var(--cataclismo-default, white); font-family: var(--cataclismo-body), sans-serif; font-weight: 300; font-size: 11pt; line-height: 1.7em; letter-spacing: 0.10em; word-spacing: 0.06em; } caption, dt, .cataclismo-flavor-text, .cataclismo-flavor-text p, .mw-headline, h1.mw-first-heading, #mw-toc-heading, .mw-portlet-body .mw-list-item, .cataclismo-infobox-header-title { font-family: var(--cataclismo-heading), serif; font-size: 13pt; font-weight: 500; letter-spacing: 0.12em; line-height: 1.4em; } pre, code { font-family: var(--cataclismo-mono), monospaced; font-size: 95%; font-weight: 500; letter-spacing: 0.05em; word-spacing: 0em; } .cataclismo-table-recipe th, .cataclismo-table-recipe td { font-family: var(--cataclismo-condensed, sans-serif); font-size: 10.5pt; text-transform: uppercase; } .cataclismo-table-recipe caption, dt { color: var(--cataclismo-yellow, gold); } .cataclismo-building-icon img { display: block; } caption, .mw-headline, h1.mw-first-heading, #mw-toc-heading, .mw-portlet-body .mw-list-item, .cataclismo-infobox-header-title { font-variant: small-caps; } caption .mw-collapsible-toggle { color: var(--cataclismo-default, white); } #contentSub { color: var(--cataclismo-default, palegoldenrod); } h1.mw-first-heading, .mw-headline, .tocnumber, #mw-toc-heading, #ca-nstab-user, .mw-changeslist > h4 { color: var(--cataclismo-default, 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(--cataclismo-default, palegoldenrod); font-size: 150%; } th { color: var(--cataclismo-default, white); font-weight: 400; } .cataclismo-infobox-header-title { font-size: 17pt; } div.cataclismo-messagebox-version p { font-size: 67%; } blockquote.cataclismo-flavor-text p { color: var(--cataclismo-bright-gold, khaki); font-size: 90%; margin-right: 33%; } li::marker { color: var(--cataclismo-default, palegoldenrod); } pre { color: var(--cataclismo-bright-green, gold); } code { color: var(--cataclismo-dark, black); font-weight: 500; } strike { color: var(--cataclismo-default, palegoldenrod); } u { color: var(--cataclismo-bright-green, lightgreen); } b { color: var(--cataclismo-bright-gold, khaki); } a, a:link, .toctogglelabel { color: var(--cataclismo-bright-blue, deepskyblue); } a:active, a:hover, a:visited:hover, .toctogglelabel:hover { color: var(--cataclismo-bright-blue-brightest, lightblue); text-decoration: underline; } a:visited { color: var(--cataclismo-bright-blue-dim, dodgerblue); } a.new { color: var(--cataclismo-bright-red, red); } a.external, a.external:link { color: var(--cataclismo-bright-green, lightgreen); } a.external:active, a.external:hover, a.external:visited:hover { color: var(--cataclismo-bright-green-highlight, palegreen); text-decoration: underline; } a.external:visited { color: var(--cataclismo-bright-green-dim, lawngreen); } /* Layout and spacing */ div.cataclismo-infobox { clear: both; float: right; margin: 2em -3em 3em 2em; max-width: 320px; } div.cataclismo-infobox-header { margin-bottom: 1.5em; padding: 0.5em; padding-bottom: 0.75em; text-align: center; } div.cataclismo-infobox-header img { width: 200px; } div.cataclismo-infobox-header p { margin: auto; margin-bottom: 14pt; } table.cataclismo-infobox-innerinfo { margin: 2.3em 1.3em 2.3em 1.3em; } div.cataclismo-infobox th { text-align: left; padding-right: 0.5em; } .cataclismo-infobox-separator { margin: auto; } div.cataclismo-messagebox-version { margin-left: 45%; } div.cataclismo-messagebox-version p { margin: 0; } div.cataclismo-messagebox-stub { margin-left: auto; margin-right: auto; max-width: 67%; } table.cataclismo-table-recipe { margin-top: 8px; } table.cataclismo-table-recipe caption { margin-top: -2px; margin-bottom: 2px; white-space: nowrap; } table.cataclismo-table-recipe th { margin-top: 8px; padding-top: 6px; } div.cataclismo-product-icon { display: inline; } td:has(> div.cataclismo-product-icon) { padding-left: 10px; white-space: nowrap; } td:has(> div.cataclismo-building-icon) { padding-right: 10px; } ul#filetoc { background-color: var(--cataclismo-dark, black); border: 1px solid var(--cataclismo-default); } div.mw-message-box-warning { background-color: var(--cataclismo-default, deepskyblue); border: 1px solid var(--cataclismo-default); } div.mw-message-box-warning p, div.mw-message-box-warning .mw-continue-editing a { color: var(--cataclismo-dark, black); } }