MediaWiki:Mbhh.css: Difference between revisions

From Cataclismo Official Wiki
(test)
mNo edit summary
Tag: Manual revert
 
(5 intermediate revisions by the same user not shown)
Line 16: Line 16:


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


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


Line 67: Line 67:


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


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


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


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


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


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


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


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


   div.thumbinner {
   div.thumbinner {
     background-color: unset;
     background-color: unset;
     border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_ats/b/b4/Popup_Tooltips_BG.png');
     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-slice: 19 31 31 31 fill;
     border-image-width: auto;
     border-image-width: auto;
Line 115: Line 115:


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


   div.ats-messagebox-version, div.ats-messagebox-stub {
   div.cataclismo-messagebox-version, div.cataclismo-messagebox-stub {
     border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_ats/b/b4/Popup_Tooltips_BG.png');
     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-slice: 19 31 31 31 fill;
     border-image-width: auto;
     border-image-width: auto;
Line 128: Line 128:
   }
   }


   div.ats-messagebox-version p {
   div.cataclismo-messagebox-version p {
     background-image: url('/wiki/images/mbhh_ats/1/1f/Hourglass_Icon_.png');
     background-image: url('/wiki/images/mbhh_cataclismo/1/1f/Hourglass_Icon_.png');
     background-size: 48px;
     background-size: 48px;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 136: Line 136:
   }
   }


   div.ats-messagebox-stub p {
   div.cataclismo-messagebox-stub p {
     background-image: url('/wiki/images/mbhh_ats/b/bf/Monitor_Icon_LowFood.png');
     background-image: url('/wiki/images/mbhh_cataclismo/b/bf/Monitor_Icon_LowFood.png');
     background-size: 48px;
     background-size: 48px;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 144: Line 144:
   }
   }


   div.ats-infobox-border {
   div.cataclismo-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;
     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: 0 solid transparent;
     border-image-source: url('/wiki/images/mbhh_ats/c/c3/Popup_RightPanel_BG.png');
     border-image-source: url('/wiki/images/mbhh_cataclismo/c/c3/Popup_RightPanel_BG.png');
     border-image-slice: 27 0 65 59;
     border-image-slice: 27 0 65 59;
     border-image-width: auto;
     border-image-width: auto;
Line 156: Line 156:
   }
   }


   div.ats-infobox-header-border  {
   div.cataclismo-infobox-header-border  {
     border: 0px solid transparent;
     border: 0px solid transparent;
     border-image-source: url('/wiki/images/mbhh_ats/4/41/Popup_Seperation0.png');
     border-image-source: url('/wiki/images/mbhh_cataclismo/4/41/Popup_Seperation0.png');
     border-image-slice: 16 fill;
     border-image-slice: 16 fill;
     border-image-width: auto;
     border-image-width: auto;
Line 167: Line 167:
   }
   }


   .ats-infobox-header-icon-border {
   .cataclismo-infobox-header-icon-border {
     border: 0px solid transparent;
     border: 0px solid transparent;
     border-image-source: url('/wiki/images/mbhh_ats/0/06/FRAME_Tex_Square_Big_1.png');
     border-image-source: url('/wiki/images/mbhh_cataclismo/0/06/FRAME_Tex_Square_Big_1.png');
     border-image-slice: 20;
     border-image-slice: 20;
     border-image-width: auto;
     border-image-width: auto;
Line 179: Line 179:
   }
   }


   .ats-infobox-innerinfo .ats-goods-category-icon {
   .cataclismo-infobox-innerinfo .cataclismo-goods-category-icon {
     border: 0px solid transparent;
     border: 0px solid transparent;
     border-image-source: url('/wiki/images/mbhh_ats/8/8a/Frame_Square.png');
     border-image-source: url('/wiki/images/mbhh_cataclismo/8/8a/Frame_Square.png');
     border-image-slice: 15;
     border-image-slice: 15;
     border-image-width: auto;
     border-image-width: auto;
Line 188: Line 188:
   }
   }


   table.ats-infobox-innerinfo-border {
   table.cataclismo-infobox-innerinfo-border {
     background-color: rgba(0,0,0,0.85);
     background-color: rgba(0,0,0,0.85);
     border: 0px solid transparent;
     border: 0px solid transparent;
     border-image-source: url('/wiki/images/mbhh_ats/7/71/Infobox-group-border.png');
     border-image-source: url('/wiki/images/mbhh_cataclismo/7/71/Infobox-group-border.png');
     border-image-slice: 30 37 30 37;
     border-image-slice: 30 37 30 37;
     border-image-width: auto;
     border-image-width: auto;
Line 200: Line 200:
   }
   }


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


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


   div.toc {
   div.toc {
     background: var(--ats-dark, black);
     background: var(--cataclismo-dark, black);
     border: 0px solid transparent;
     border: 0px solid transparent;
     border-image-source: url('/wiki/images/mbhh_ats/6/6b/HUD_BG_for_text.png');
     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-slice: 12 81 12 81 fill;
     border-image-width: auto;
     border-image-width: auto;
Line 233: Line 233:
   }
   }


   div.ats-container-recipe {
   div.cataclismo-container-recipe {
     display: inline-block;
     display: inline-block;
     border: 0px solid transparent;
     border: 0px solid transparent;
     border-image-source: url('/wiki/images/mbhh_ats/6/6a/Skin_BG_Small_3.png');
     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-slice: 42 14 15 14 fill;
     border-image-width: auto;
     border-image-width: auto;
Line 244: Line 244:
   }
   }


   table.ats-table-recipe, table.ats-table-recipe th, table.ats-table-recipe td {
   table.cataclismo-table-recipe, table.cataclismo-table-recipe th, table.cataclismo-table-recipe td {
     border: none;
     border: none;
     background: 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 {
   .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_ats/0/06/FRAME_Tex_Square_Big_1.png');
     border-image-source: url('/wiki/images/mbhh_cataclismo/0/06/FRAME_Tex_Square_Big_1.png');
     border-image-slice: 20;
     border-image-slice: 20;
     border-image-width: auto;
     border-image-width: auto;
Line 258: Line 258:
   }
   }


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


   .ats-optional-ingredient-icon > a:first-child::after {
   .cataclismo-optional-ingredient-icon > a:first-child::after {
     content:"";
     content:"";
     position: absolute;
     position: absolute;
Line 269: Line 269:
     height: 100%;
     height: 100%;
     width: 100%;
     width: 100%;
     border-image-source: url('/wiki/images/mbhh_ats/7/79/FRAME_Swap_66x66.png');
     border-image-source: url('/wiki/images/mbhh_cataclismo/7/79/FRAME_Swap_66x66.png');
     border-image-slice: 35;
     border-image-slice: 35;
     border-image-width: auto;
     border-image-width: auto;
Line 276: Line 276:
   }
   }


   .ats-optional-ingredient-icon > a {
   .cataclismo-optional-ingredient-icon > a {
     display: inline-block;
     display: inline-block;
     position: relative;
     position: relative;
Line 282: Line 282:
   }
   }


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


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


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


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


   .ats-mainbox {
   .cataclismo-mainbox {
     border: 1px solid transparent;
     border: 1px solid transparent;
     border-image-source: url('https://hoodedhorse.com/wiki/images/mbhh_ats/9/97/CaravanSlot_Highlight.png');
     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-slice: 18 93 28 135 fill;
     border-image-width: auto;
     border-image-width: auto;
Line 315: Line 315:
   }
   }


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


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


Line 344: Line 344:


   .mw-editsection, #ca-edit {
   .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-image: url("https://hoodedhorse.com/wiki/images/mbhh_cataclismo/thumb/1/10/Icon_Clear.png/15px-Icon_Clear.png");
     background-repeat: no-repeat;
     background-repeat: no-repeat;
   }
   }


   .magnify {
   .magnify {
     background-image: url('https://hoodedhorse.com/wiki/images/mbhh_ats/thumb/c/c5/Popup_Icon_Expand.png/28px-Popup_Icon_Expand.png');
     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 {
   li#ca-nstab-user {
     background-image: url('/wiki/images/mbhh_ats/thumb/e/ea/Icon_Worker.png/20px-Icon_Worker.png');
     background-image: url('/wiki/images/mbhh_cataclismo/thumb/e/ea/Icon_Worker.png/20px-Icon_Worker.png');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
   }
   }


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


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


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


   div .header {
   div .header {
     border: 1px solid var(--ats-yellow, gold);
     border: 1px solid var(--cataclismo-yellow, gold);
     margin-top: 2em;
     margin-top: 2em;
   }
   }
Line 387: Line 387:
   /* Type and color */
   /* Type and color */


   p, td, th, li, dd, caption, .mw-headline, h1.mw-first-heading, .thumbcaption, .toc, .usermessage, .ats-infobox-header-title {
   p, td, th, li, dd, caption, .mw-headline, h1.mw-first-heading, .thumbcaption, .toc, .usermessage, .cataclismo-infobox-header-title {
     color: var(--ats-default, white);
     color: var(--cataclismo-default, white);
     font-family: var(--ats-body), sans-serif;
     font-family: var(--cataclismo-body), sans-serif;
     font-weight: 300;
     font-weight: 300;
     font-size: 11pt;
     font-size: 11pt;
Line 397: Line 397:
   }
   }


   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 {
   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(--ats-heading), serif;
     font-family: var(--cataclismo-heading), serif;
     font-size: 13pt;
     font-size: 13pt;
     font-weight: 500;
     font-weight: 500;
Line 406: Line 406:


   pre, code {
   pre, code {
     font-family: var(--ats-mono), monospaced;
     font-family: var(--cataclismo-mono), monospaced;
     font-size: 95%;
     font-size: 95%;
     font-weight: 500;
     font-weight: 500;
Line 413: Line 413:
   }
   }


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


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


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


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


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


   #contentSub {
   #contentSub {
     color: var(--ats-gold, palegoldenrod);
     color: var(--cataclismo-default, palegoldenrod);
   }
   }


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


Line 458: Line 458:


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


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


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


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


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


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


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


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


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


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


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


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


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


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


Line 538: Line 538:
   /* Layout and spacing */
   /* Layout and spacing */


   div.ats-infobox {
   div.cataclismo-infobox {
     clear: both;
     clear: both;
     float: right;
     float: right;
Line 545: Line 545:
   }
   }


   div.ats-infobox-header {
   div.cataclismo-infobox-header {
     margin-bottom: 1.5em;
     margin-bottom: 1.5em;
     padding: 0.5em;
     padding: 0.5em;
Line 552: Line 552:
   }
   }


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


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


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


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


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


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


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


   div.ats-messagebox-stub {
   div.cataclismo-messagebox-stub {
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
Line 588: Line 588:
   }
   }


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


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


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


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


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


   td:has(> div.ats-building-icon) {
   td:has(> div.cataclismo-building-icon) {
     padding-right: 10px;
     padding-right: 10px;
   }
   }


   ul#filetoc {
   ul#filetoc {
     background-color: var(--ats-dark, black);
     background-color: var(--cataclismo-dark, black);
     border: 1px solid var(--ats-brown);
     border: 1px solid var(--cataclismo-default);
   }
   }


   div.mw-message-box-warning {
   div.mw-message-box-warning {
     background-color: var(--ats-gold, deepskyblue);
     background-color: var(--cataclismo-default, deepskyblue);
     border: 1px solid var(--ats-brown);
     border: 1px solid var(--cataclismo-default);
   }
   }
   div.mw-message-box-warning p, div.mw-message-box-warning .mw-continue-editing a {
   div.mw-message-box-warning p, div.mw-message-box-warning .mw-continue-editing a {
     color: var(--ats-dark, black);
     color: var(--cataclismo-dark, 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);
  }

  
}