MediaWiki:Common.css

From Minehut Wiki
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.
/* CSS placed here will be applied to all skins */

@font-face {
	font-family: 'Monocraft';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://commons.wiki.gg/images/c/cf/Monocraft.ttf?20240807115802) format('truetype'); /**[[File:Monocraft.ttf]]*/
  }
  
:root {
	/* Custom styles by Santio */
  
	/* Primary Minehut Color */
	--minehut: rgb(72, 138, 255);
	--minehut--rgb: 72, 138, 255;
  
	--minehut-100: rgb(52, 118, 235);
	--minehut-100--rgb: 52, 118, 235;
  }

:root{
    /* start font settings */
    --wiki-body-font-family: helvetica;
    --wiki-heading-font-family: 'Helvetica', 'Arial', 'Poppins', serif;
    --wiki-sidebar-heading-font-family: 'Poppins';
    /* end font settings */
}

/* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */

:root,
/* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */
.view-light {
	/**********************
	* Probably edit these *
	***********************/
    --wiki-body-background-color: #ffffff;
    --wiki-body-background-color--rgb: 255, 255, 255;
    --wiki-body-background-image: url('https://minehut.wiki.gg/images/1/1f/Background.jpg'); /* please find the file path by viewing the image directly (click the image from the File: page) */

	--wiki-content-background-color: #ffffff;
    --wiki-content-background-color--rgb: 255, 255, 255;
    --wiki-content-background-opacity: 0.9;
    --wiki-content-background-color--secondary: #fbfbfb;
    --wiki-content-background-color--secondary--rgb: 251, 251, 251;
    --wiki-content-border-color: var(--minehut);
    --wiki-content-border-color--rgb: 72, 138, 255;
    --wiki-content-link-color: #1d4eca;
    --wiki-content-link-color--rgb: 29, 78, 202;
    --wiki-content-text-mix-color: #8a8b8b;
    --wiki-content-text-mix-color--rgb: 138,139,139;
    --wiki-content-text-mix-color-95: #eef0f0;
    --wiki-content-text-mix-color-95--rgb: 238,240,240;

	--wiki-accent-color: #3366cc;
	--wiki-accent-color--rgb: 51, 102, 204;
	--wiki-accent-color--hover: #447ff5;
	--wiki-accent-color--hover--rgb: 68, 127, 245;
	--wiki-accent-label-color: #ffffff;
	--wiki-accent-label-color--rgb: 255, 255, 255;
	--wiki-accent-link-color: #22214d;
	--wiki-accent-link-color--rgb: 34, 33, 77;

    --wiki-icon-to-link-filter: invert(18%) sepia(97%) saturate(2483%) hue-rotate(220deg) brightness(96%) contrast(91%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */
    /**/

    /*******************
    * Maybe edit these *
    ********************/
    --wiki-body-background-position: top center;
    --wiki-body-background-size:cover;
    --wiki-body-background-repeat: no-repeat;
    --wiki-body-background-attachment: fixed;

	--wiki-content-text-color: #111111;
    --wiki-content-text-color--rgb: 17, 17, 17;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-link-color--hover: var(--wiki-content-link-color);
    --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #ba0000;
    --wiki-content-redlink-color--rgb: 186,0,0;

	--wiki-heading-color: var(--wiki-content-text-color);
	--wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);

	--wiki-sidebar-background-color: var(--wiki-content-background-color);
	--wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
	--wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
	--wiki-sidebar-border-color: var(--minehut);
	--wiki-sidebar-border-color--rgb: var(--minehut--rgb);
	--wiki-sidebar-link-color: var(--wiki-content-link-color);
	--wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
	--wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
    --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
	--wiki-sidebar-heading-color: var(--wiki-heading-color);
	--wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);

	--wiki-navigation-background-color: var(--wiki-content-border-color);
	--wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb);
	--wiki-navigation-background-color--secondary: #e8f2f8;
	--wiki-navigation-background-color--secondary--rgb: 232, 242, 248;
	--wiki-navigation-border-color: var(--wiki-content-border-color);
	--wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
	--wiki-navigation-text-color: var(--wiki-content-link-color);
	--wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
	--wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
    --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
	--wiki-navigation-selected-background-color: var(--wiki-content-background-color);
	--wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
	--wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
	--wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb);
	--wiki-navigation-selected-text-color: var(--wiki-content-text-color);
	--wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb);

	--wiki-neutral-color: var(--wiki-content-text-mix-color);
    --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb);
    --wiki-alert-color: #bf0017;
	--wiki-alert-color--rgb: 191, 0, 23;
    --wiki-warning-color: #cf721c;
	--wiki-warning-color--rgb: 207, 114, 28;
    --wiki-success-color: #0c742f;
	--wiki-success-color--rgb: 12, 116, 47;
    /**/

	
	/***********************************
    * Likely do not need to edit these *
    ************************************/
    --wiki-body-dynamic-color: #000000;
    --wiki-body-dynamic-color--rgb: 0,0,0;
    --wiki-body-dynamic-color--inverted: #ffffff;
    --wiki-body-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-body-dynamic-color--secondary: #333333;
    --wiki-body-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-body-dynamic-color--secondary--inverted: #dddddd;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221;
    
    --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5);
    --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb);
    --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5);
    --wiki-content-border-color--accent--rgb: var(--wiki-accent-color);
    --wiki-content-link-label-color: #ffffff;
	--wiki-content-link-label-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color: #000000;
	--wiki-content-dynamic-color--rgb: 0, 0, 0;
    --wiki-content-dynamic-color--inverted: #ffffff;
    --wiki-content-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-content-dynamic-color--secondary: #333333;
    --wiki-content-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-content-dynamic-color--secondary--inverted: #dddddd;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221;
    
    --wiki-alert-label-color: #ffffff;
    --wiki-alert-label-color--rgb: 255, 255, 255;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-label-color: #ffffff;
    --wiki-success-label-color--rgb: 255, 255, 255;
	
    --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */
    /**/
}
/* end light theme */

/* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */
.view-dark {
    /**********************
	* Probably edit these *
	***********************/
    --wiki-body-background-color: #171717;
    --wiki-body-background-color--rgb: 23, 23, 23;
    --wiki-body-background-image: url('https://minehut.wiki.gg/images/1/1f/Background.jpg'); /* please find the file path by viewing the image directly (not at the File: page) */
    
    --wiki-content-background-color: #202020;
	--wiki-content-background-color--rgb: 32, 32, 32;
    --wiki-content-background-opacity: 0.9;
    --wiki-content-background-color--secondary: #2b2b2b;
    --wiki-content-background-color--secondary--rgb: 43,43,43;
    --wiki-content-border-color: var(--minehut);
	--wiki-content-border-color--rgb: var(--minehut-rgb);
    --wiki-content-link-color: #6d8afb;
    --wiki-content-link-color--rgb: 109,138,251;
    --wiki-content-text-mix-color: #868686;
    --wiki-content-text-mix-color--rgb: 134,134,134;
    --wiki-content-text-mix-color-95: #2a2a2a;
    --wiki-content-text-mix-color-95--rgb: 42,42,42;

	--wiki-accent-color: var(--minehut);
	--wiki-accent-color--rgb: var(--minehut--rgb);
	--wiki-accent-color--hover: var(--minehut-100);
	--wiki-accent-color--hover--rgb: var(--minehut-100--rgb);
	--wiki-accent-label-color: #fff;
	--wiki-accent-label-color--rgb: 255, 255, 255;
	--wiki-accent-link-color: #22214d;
	--wiki-accent-link-color--rgb: 34, 33, 77;

	--wiki-icon-to-link-filter: invert(52%) sepia(21%) saturate(1491%) hue-rotate(191deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */
    /**/

	/*******************
    * Maybe edit these *
    ********************/
    --wiki-body-background-position: top center;
    --wiki-body-background-size:cover;
    --wiki-body-background-repeat: no-repeat;
    --wiki-body-background-attachment: fixed;
	
	--wiki-content-text-color: #ededed;
	--wiki-content-text-color--rgb: 237, 237, 237;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
	--wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
	--wiki-content-link-color--hover: var(--wiki-content-link-color);
	--wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #fc3b2c;
	--wiki-content-redlink-color--rgb: 252, 59, 44;

	--wiki-heading-color: var(--wiki-content-text-color);
    --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);
	
	--wiki-sidebar-background-color: var(--wiki-content-background-color);
	--wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
	--wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
	--wiki-sidebar-border-color: var(--wiki-content-border-color);
	--wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb);
	--wiki-sidebar-link-color: var(--wiki-content-link-color);
	--wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
	--wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
    --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
	--wiki-sidebar-heading-color: var(--wiki-heading-color);
	--wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);

	--wiki-navigation-background-color: var(--wiki-content-border-color);
	--wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb);
	--wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary);
	--wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb);
	--wiki-navigation-border-color: var(--wiki-content-border-color);
	--wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
	--wiki-navigation-text-color: var(--wiki-content-link-color);
	--wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
	--wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
    --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
	--wiki-navigation-selected-background-color: var(--wiki-content-background-color);
	--wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
	--wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
	--wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb);
	--wiki-navigation-selected-text-color: var(--wiki-content-text-color);
	--wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb);

    --wiki-neutral-color: var(--wiki-content-text-mix-color);
    --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb);
    --wiki-alert-color: #ce0018;
	--wiki-alert-color--rgb: 206, 0, 24;
    --wiki-warning-color: #cf721c;
	--wiki-warning-color--rgb: 207, 114, 28;
    --wiki-success-color: #0c742f;
	--wiki-success-color--rgb: 12, 116, 47;
    /**/

	/***********************************
    * Likely do not need to edit these *
    ************************************/
    --wiki-body-dynamic-color: #ffffff;
    --wiki-body-dynamic-color--rgb: 255,255,255;
    --wiki-body-dynamic-color--inverted: #000000;
    --wiki-body-dynamic-color--inverted--rgb: 0,0,0;
    --wiki-body-dynamic-color--secondary: #dddddd;
    --wiki-body-dynamic-color--secondary--rgb: 221,221,221;
    --wiki-body-dynamic-color--secondary--inverted: #333333;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51;
	
	--wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5);
    --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb);
    --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5);
    --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb);
    --wiki-content-link-label-color: #000;
    --wiki-content-link-label-color--rgb: 0,0,0;
    --wiki-content-dynamic-color: #ffffff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-content-dynamic-color--secondary: #dddddd;
    --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221;
    --wiki-content-dynamic-color--secondary--inverted: #333333;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51;
    
    --wiki-alert-label-color: #000000;
    --wiki-alert-label-color--rgb: 0,0,0;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-label-color: #000000;
    --wiki-success-label-color--rgb: 0,0,0;
	
    --wiki-icon-general-filter: invert(100%);
}
  
  /* Map Styling */
  .view-light {
	--map-background: #9b9b9bad;
	--map-card-color: #7190b5ba;
  }
  
  
  .view-dark {
	--map-background: #1b242dad;
	--map-card-color: #555c64ba;
  }
  
  .view-dark .leaflet-bar button {
	filter: invert(1);
  }
  
  .view-dark .leaflet-bar button:hover > span, .leaflet-bar button:focus > span {
	filter: invert(1);
  }
  
  .view-dark .leaflet-top.leaflet-left .leaflet-control > button:hover {
	color: #fff;
  }
  
  .view-dark .leaflet-control > button:hover > span:last-child {
	filter: invert(1) !important
  }
  
  .leaflet-container {
	background: var(--map-background) !important
  }
  
  .leaflet-bar {
	background: var(--map-card-color) !important
  }
  
  .leaflet-bar button {
	border-bottom: 1px solid #000 !important
	color: black;
  }
  
  .leaflet-bar button:last-child {
	border-bottom: none !important
  }
  
  .leaflet-control-container .ext-datamaps-control > button[data-style="labelled"] > span:last-child {
	filter: invert(0);
  }
  
  .leaflet-bar button:hover, .leaflet-bar button:focus {
	background-color: #557782 !important;
	filter: invert(0);
	border-bottom-color: #fff !important;
  }
  
  .druid-infobox.druid-container-retired {
	  --druid-secondary-background-color--rgb: 43, 101, 236;
	  --druid-secondary-background-color: rgb(43, 101, 236);
	  --druid-border-color--rgb: 43, 101, 236;
	  --druid-border-color: rgb(43, 101, 236);
  }
  
  .druid-infobox.druid-container-legacypatron {
	  --druid-secondary-background-color--rgb: 0, 170, 170;
	  --druid-secondary-background-color: rgb(0, 170, 170);
	  --druid-border-color--rgb: 0, 170, 170;
	  --druid-border-color: rgb(0, 170, 170);
  }
  
  .druid-infobox.druid-container-gamersafer {
	  --druid-secondary-background-color--rgb: 151, 140, 222;
	  --druid-secondary-background-color: rgb(151, 140, 222);
	  --druid-border-color--rgb: 151, 140, 222;
	  --druid-border-color: rgb(151, 140, 222);
  }
  
  .druid-infobox.druid-container-tag {
	  --druid-secondary-background-color--rgb: 209, 168, 102;
	  --druid-secondary-background-color: rgb(209, 168, 102);
	  --druid-border-color--rgb: 209, 168, 102;
	  --druid-border-color: rgb(209, 168, 102);
  }
  
  .druid-infobox.druid-container-vip {
	  --druid-secondary-background-color--rgb: 0, 170, 0;
	  --druid-secondary-background-color: rgb(0, 170, 0);
	  --druid-border-color--rgb: 0, 170, 0;
	  --druid-border-color: rgb(0, 170, 0);
  }
  
  .druid-infobox.druid-container-vipplus {
	  --druid-secondary-background-color--rgb: 85, 255, 85;
	  --druid-secondary-background-color: rgb(85, 255, 85);
	  --druid-border-color--rgb: 85, 255, 85;
	  --druid-border-color: rgb(85, 255, 85);
  }
  
  .druid-infobox.druid-container-pro {
	  --druid-secondary-background-color--rgb: 85, 255, 255;
	  --druid-secondary-background-color: rgb(85, 255, 255);
	  --druid-border-color--rgb: 85, 255, 255;
	  --druid-border-color: rgb(85, 255, 255);
  }
  
  .druid-infobox.druid-container-legend {
	  --druid-secondary-background-color--rgb: 255, 170, 0;
	  --druid-secondary-background-color: rgb(255, 170, 0);
	  --druid-border-color--rgb: 255, 170, 0;
	  --druid-border-color: rgb(255, 170, 0);
  }
  
  .druid-infobox.druid-container-patron {
	  --druid-secondary-background-color--rgb: 255, 85, 255;
	  --druid-secondary-background-color: rgb(255, 85, 255);
	  --druid-border-color--rgb: 255, 85, 255;
	  --druid-border-color: rgb(255, 85, 255);
  }
  
  .druid-infobox.druid-container-mod {
	  --druid-secondary-background-color--rgb: 242, 188, 27;
	  --druid-secondary-background-color: rgb(242, 188, 27);
	  --druid-border-color--rgb: 242, 188, 27;
	  --druid-border-color: rgb(242, 188, 27);
  }
  
  .druid-infobox.druid-container-admin {
	  --druid-secondary-background-color--rgb: 245, 91, 91;
	  --druid-secondary-background-color: rgb(245, 91, 91);
	  --druid-border-color--rgb: 245, 91, 91;
	  --druid-border-color: rgb(245, 91, 91);
  }
  
  .druid-infobox.druid-container-cosmetic {
	  --druid-secondary-background-color--rgb: 0, 170, 0;
	  --druid-secondary-background-color: rgb(0, 170, 0);
	  --druid-border-color--rgb: 0, 170, 0;
	  --druid-border-color: rgb(0, 170, 0);
  }
  
  /*****************************
  * Dark mode Syntax highlight *
  ******************************/
  
  .view-dark .mw-highlight .hll {
	  background-color: #49483e;
  }
  .view-dark .mw-highlight {
	  background: #272822;
	  color: #f8f8f2;
  }
  .view-dark .mw-highlight .c {
	  color: #75715e;
  } /* Comment */
  .view-dark .mw-highlight .err {
	  color: #960050;
	  background-color: #1e0010;
  } /* Error */
  .view-dark .mw-highlight .k {
	  color: #66d9ef;
  } /* Keyword */
  .view-dark .mw-highlight .l {
	  color: #ae81ff;
  } /* Literal */
  .view-dark .mw-highlight .n {
	  color: #f8f8f2;
  } /* Name */
  .view-dark .mw-highlight .o {
	  color: #f92672;
  } /* Operator */
  .view-dark .mw-highlight .p {
	  color: #f8f8f2;
  } /* Punctuation */
  .view-dark .mw-highlight .ch {
	  color: #75715e;
  } /* Comment.Hashbang */
  .view-dark .mw-highlight .cm {
	  color: #75715e;
  } /* Comment.Multiline */
  .view-dark .mw-highlight .cp {
	  color: #75715e;
  } /* Comment.Preproc */
  .view-dark .mw-highlight .cpf {
	  color: #75715e;
  } /* Comment.PreprocFile */
  .view-dark .mw-highlight .c1 {
	  color: #75715e;
  } /* Comment.Single */
  .view-dark .mw-highlight .cs {
	  color: #75715e;
  } /* Comment.Special */
  .view-dark .mw-highlight .gd {
	  color: #f92672;
  } /* Generic.Deleted */
  .view-dark .mw-highlight .ge {
	  font-style: italic;
  } /* Generic.Emph */
  .view-dark .mw-highlight .gi {
	  color: #a6e22e;
  } /* Generic.Inserted */
  .view-dark .mw-highlight .gs {
	  font-weight: bold;
  } /* Generic.Strong */
  .view-dark .mw-highlight .gu {
	  color: #75715e;
  } /* Generic.Subheading */
  .view-dark .mw-highlight .kc {
	  color: #66d9ef;
  } /* Keyword.Constant */
  .view-dark .mw-highlight .kd {
	  color: #66d9ef;
  } /* Keyword.Declaration */
  .view-dark .mw-highlight .kn {
	  color: #f92672;
  } /* Keyword.Namespace */
  .view-dark .mw-highlight .kp {
	  color: #66d9ef;
  } /* Keyword.Pseudo */
  .view-dark .mw-highlight .kr {
	  color: #66d9ef;
  } /* Keyword.Reserved */
  .view-dark .mw-highlight .kt {
	  color: #66d9ef;
  } /* Keyword.Type */
  .view-dark .mw-highlight .ld {
	  color: #e6db74;
  } /* Literal.Date */
  .view-dark .mw-highlight .m {
	  color: #ae81ff;
  } /* Literal.Number */
  .view-dark .mw-highlight .s {
	  color: #e6db74;
  } /* Literal.String */
  .view-dark .mw-highlight .na {
	  color: #a6e22e;
  } /* Name.Attribute */
  .view-dark .mw-highlight .nb {
	  color: #f8f8f2;
  } /* Name.Builtin */
  .view-dark .mw-highlight .nc {
	  color: #a6e22e;
  } /* Name.Class */
  .view-dark .mw-highlight .no {
	  color: #66d9ef;
  } /* Name.Constant */
  .view-dark .mw-highlight .nd {
	  color: #a6e22e;
  } /* Name.Decorator */
  .view-dark .mw-highlight .ni {
	  color: #f8f8f2;
  } /* Name.Entity */
  .view-dark .mw-highlight .ne {
	  color: #a6e22e;
  } /* Name.Exception */
  .view-dark .mw-highlight .nf {
	  color: #a6e22e;
  } /* Name.Function */
  .view-dark .mw-highlight .nl {
	  color: #f8f8f2;
  } /* Name.Label */
  .view-dark .mw-highlight .nn {
	  color: #f8f8f2;
  } /* Name.Namespace */
  .view-dark .mw-highlight .nx {
	  color: #a6e22e;
  } /* Name.Other */
  .view-dark .mw-highlight .py {
	  color: #f8f8f2;
  } /* Name.Property */
  .view-dark .mw-highlight .nt {
	  color: #f92672;
  } /* Name.Tag */
  .view-dark .mw-highlight .nv {
	  color: #f8f8f2;
  } /* Name.Variable */
  .view-dark .mw-highlight .ow {
	  color: #f92672;
  } /* Operator.Word */
  .view-dark .mw-highlight .w {
	  color: #f8f8f2;
  } /* Text.Whitespace */
  .view-dark .mw-highlight .mb {
	  color: #ae81ff;
  } /* Literal.Number.Bin */
  .view-dark .mw-highlight .mf {
	  color: #ae81ff;
  } /* Literal.Number.Float */
  .view-dark .mw-highlight .mh {
	  color: #ae81ff;
  } /* Literal.Number.Hex */
  .view-dark .mw-highlight .mi {
	  color: #ae81ff;
  } /* Literal.Number.Integer */
  .view-dark .mw-highlight .mo {
	  color: #ae81ff;
  } /* Literal.Number.Oct */
  .view-dark .mw-highlight .sa {
	  color: #e6db74;
  } /* Literal.String.Affix */
  .view-dark .mw-highlight .sb {
	  color: #e6db74;
  } /* Literal.String.Backtick */
  .view-dark .mw-highlight .sc {
	  color: #e6db74;
  } /* Literal.String.Char */
  .view-dark .mw-highlight .dl {
	  color: #e6db74;
  } /* Literal.String.Delimiter */
  .view-dark .mw-highlight .sd {
	  color: #e6db74;
  } /* Literal.String.Doc */
  .view-dark .mw-highlight .s2 {
	  color: #e6db74;
  } /* Literal.String.Double */
  .view-dark .mw-highlight .se {
	  color: #ae81ff;
  } /* Literal.String.Escape */
  .view-dark .mw-highlight .sh {
	  color: #e6db74;
  } /* Literal.String.Heredoc */
  .view-dark .mw-highlight .si {
	  color: #e6db74;
  } /* Literal.String.Interpol */
  .view-dark .mw-highlight .sx {
	  color: #e6db74;
  } /* Literal.String.Other */
  .view-dark .mw-highlight .sr {
	  color: #e6db74;
  } /* Literal.String.Regex */
  .view-dark .mw-highlight .s1 {
	  color: #e6db74;
  } /* Literal.String.Single */
  .view-dark .mw-highlight .ss {
	  color: #e6db74;
  } /* Literal.String.Symbol */
  .view-dark .mw-highlight .bp {
	  color: #f8f8f2;
  } /* Name.Builtin.Pseudo */
  .view-dark .mw-highlight .fm {
	  color: #a6e22e;
  } /* Name.Function.Magic */
  .view-dark .mw-highlight .vc {
	  color: #f8f8f2;
  } /* Name.Variable.Class */
  .view-dark .mw-highlight .vg {
	  color: #f8f8f2;
  } /* Name.Variable.Global */
  .view-dark .mw-highlight .vi {
	  color: #f8f8f2;
  } /* Name.Variable.Instance */
  .view-dark .mw-highlight .vm {
	  color: #f8f8f2;
  } /* Name.Variable.Magic */
  .view-dark .mw-highlight .il {
	  color: #ae81ff;
  } /* Literal.Number.Integer.Long */
  
  /*****************************
  *    End syntax highlight    *
  ******************************/
  
  /*****************************
  *     PortableInfoboxes      *
  ******************************/
  :root {
	  --pi-background: var(--wiki-content-background-color);
	  --pi-secondary-background: var(--wiki-accent-color);
	  --pi-secondary-background--rgb: var(--wiki-accent-color--rgb);
	  --pi-secondary-background-label: var(--wiki-accent-label-color);
	  --pi-border-color: rgba(var(--pi-secondary-background--rgb), 0.5);
  }
  
  .portable-infobox .pi-title,
  .portable-infobox .pi-header {
	  text-align: center;
	  font-size: 1.5em;
	  background: rgba(var(--pi-secondary-background--rgb), 0.75);
	  color: var(--pi-secondary-background-label);
  }
  
  .portable-infobox .pi-data {
	  background: rgba(var(--pi-secondary-background--rgb), 0.18);
  }
  
  .portable-infobox .pi-image {
	  padding: 8px;
  }
  
  .pi-image-thumbnail {
	  max-width: 100%;
  }
  
  .pi-section-navigation .pi-section-tab.pi-section-active,
  .pi-section-navigation .pi-section-tab.current,
  .pi-media-collection .pi-tab-link.current {
	  background: var(--pi-secondary-background);
	  color: var(--pi-secondary-background-label);
  }
  
  /* overqualify these to overwrite normal content heading styles */
  .mw-body .portable-infobox h2,
  .mw-body .portable-infobox h3 {
	  border-bottom: 0;
	  font-family: inherit;
	  font-weight: 700;
	  margin: 0;
  }
  /*****************************
  *   End PortableInfoboxes    *
  ******************************/
  
  /*********************************************************************************************************************
  * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
  **********************************************************************************************************************/
  .hlist dl,
  .hlist ol,
  .hlist ul {
	  margin: 0;
	  padding: 0;
  }
  
  /* Display list items inline */
  .hlist dd,
  .hlist dt,
  .hlist li {
	  /*
	   * don't trust the note that says margin doesn't work with inline
	   * removing margin: 0 makes dds have margins again
	   * We also want to reset margin-right in Minerva
	   */
	  margin: 0;
	  display: inline;
  }
  
  /* Display requested top-level lists inline */
  .hlist.inline,
  .hlist.inline dl,
  .hlist.inline ol,
  .hlist.inline ul,
  /* Display nested lists inline */
  .hlist dl dl,
  .hlist dl ol,
  .hlist dl ul,
  .hlist ol dl,
  .hlist ol ol,
  .hlist ol ul,
  .hlist ul dl,
  .hlist ul ol,
  .hlist ul ul {
	  display: inline;
  }
  
  /* Hide empty list items */
  .hlist .mw-empty-li {
	  display: none;
  }
  
  /* TODO: :not() can maybe be used here to remove the later rule. naive test
   * seems to work. more testing needed. like so: */
  .hlist dt:not(:last-child)::after {
	  content: ': ';
  }
  .hlist dd:not(:last-child)::after,
  .hlist li:not(:last-child)::after {
	  content: ' · ';
	  font-weight: bold;
  }
  
  /* Add parentheses around nested lists */
  .hlist dd dd:first-child::before,
  .hlist dd dt:first-child::before,
  .hlist dd li:first-child::before,
  .hlist dt dd:first-child::before,
  .hlist dt dt:first-child::before,
  .hlist dt li:first-child::before,
  .hlist li dd:first-child::before,
  .hlist li dt:first-child::before,
  .hlist li li:first-child::before {
	  content: ' (';
	  font-weight: normal;
  }
  
  .hlist dd dd:last-child::after,
  .hlist dd dt:last-child::after,
  .hlist dd li:last-child::after,
  .hlist dt dd:last-child::after,
  .hlist dt dt:last-child::after,
  .hlist dt li:last-child::after,
  .hlist li dd:last-child::after,
  .hlist li dt:last-child::after,
  .hlist li li:last-child::after {
	  content: ')';
	  font-weight: normal;
  }
  
  /* Put ordinals in front of ordered list items */
  .hlist ol {
	  counter-reset: listitem;
  }
  
  .hlist ol > li {
	  counter-increment: listitem;
  }
  
  .hlist ol > li::before {
	  content: ' ' counter(listitem) '\a0';
  }
  
  .hlist dd ol > li:first-child::before,
  .hlist dt ol > li:first-child::before,
  .hlist li ol > li:first-child::before {
	  content: ' (' counter(listitem) '\a0';
  }
  /********************************************
  * End semantically-correct horizontal lists *
  *********************************************/
  
  /**********************************************************
  * Template:Navbox (needs semantic horizontal lists above) *
  ***********************************************************/
  .navbox {
	  clear: both;
	  margin: 1em 0;
	  padding: 3px;
	  font-size: 90%;
	  width: 100%;
	  border: 1px solid var(--wiki-content-border-color);
	  box-sizing: border-box;
  }
  .navbox-inner,
  .navbox-subgroup {
	  border-spacing: 0;
	  width: 100%;
  }
  /* Reduce spacing between adjacent navboxes */
  .navbox + .navbox {
	  margin-top: -1px;
  }
  /* Spacing between rows */
  .navbox-spacer {
	  height: 2px;
  }
  /* Title bars and labels */
  .navbox-title {
	  font-weight: bold;
	  font-size: 115%;
	  padding: 0.25em 0.6em;
	  line-height: 1.5em;
	  color: var(--wiki-accent-label-color);
	  background: var(--wiki-accent-color);
  }
  .navbox-title,
  .navbox-abovebelow {
	  padding-left: 1em;
	  padding-right: 1em;
	  text-align: center;
  }
  .navbox-abovebelow,
  .navbox-group,
  .navbox-subgroup .navbox-title {
	  background: rgba(var(--wiki-accent-color--rgb), 0.18);
	  color: var(--wiki-content-text-color);
	  border: 1px solid var(--wiki-content-border-color);
  }
  .navbox .navbox-title a,
  .navbox .navbox-title a:visited,
  .navbox .navbox-title a.external,
  .navbox .navbox-title a.external:visited {
	  color: var(--wiki-accent-link-color);
  }
  .navbox-title .mw-collapsible-toggle {
	  font-weight: normal;
	  text-align: right;
  }
  .navbox-title-text {
	  font-size: 105%;
  }
  /* Navbox-related links */
  .navbox-title .navbar {
	  float: left;
	  margin-right: 0.5em;
  }
  .navbox-title .navbar a.external::after {
	  content: unset;
  }
  /* Groups */
  .navbox-group {
	  font-weight: bold;
	  padding: 0 0.5em;
	  white-space: nowrap;
	  text-align: center;
  }
  /* Zebra colouring for rows */
  .navbox-even {
	  background: #fff1;
  }
  /* Subgroups: equal group labels between different child navboxes */
  .navbox-subgroup > tbody > tr {
	  display: flex;
  }
  .navbox-subgroup .navbox-title {
	  width: 100%;
  }
  .navbox-subgroup .navbox-group {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-basis: 11em;
	  flex-grow: 1;
	  flex-shrink: 0;
	  white-space: normal;
  }
  /* Lists */
  .navbox-list {
	  width: 100%;
  }
  /* Mobile adjustments */
  @media screen and (max-width: 1280px) {
	  .mw-body .navbox-inner table {
		  display: table;
	  }
  }
  @media screen and (max-width: 720px) {
	  .mw-body .navbox {
		  display: none;
	  }
  }
  /**********************
  * End Template:Navbox *
  ***********************/
  
  /*******************
  * Main page layout *
  ********************/
  #mp-box-welcome {
	  grid-area: welcome;
  }
  #mp-box-about {
	  grid-area: about;
  }
  #mp-box-links {
	  grid-area: links;
  }
  #mp-box-contribute {
	  grid-area: contribute;
  }
  #mp-box-featured {
	  grid-area: featured;
  }
  #mp-box-basics {
	  grid-area: basics;
  }
  #mp-box-gallery {
	  grid-area: gallery;
  }
  #mp-box-iconlists {
	  grid-area: iconlists;
  }
  
  /* Example Main Page 1 Grid Layout */
  #mp-layout1-container {
	  display: grid;
	  grid-template-areas:
		  'welcome'
		  'about'
		  'featured'
		  'basics'
		  'gallery'
		  'links'
		  'contribute';
	  grid-template-columns: 100%;
	  gap: 10px;
  }
  
  @media screen and (min-width: 990px) {
	  #mp-layout1-container {
		  grid-template-areas:
			  'welcome welcome'
			  'about about'
			  'featured basics'
			  'gallery links'
			  'contribute contribute';
		  grid-template-columns: 1fr 1fr;
	  }
  }
  
  @media screen and (min-width: 1350px) {
	  #mp-layout1-container {
		  grid-template-areas:
			  'welcome welcome welcome'
			  'about about basics'
			  'featured featured basics'
			  'gallery links links'
			  'contribute contribute contribute';
		  grid-template-columns: 2fr 1fr 2fr;
	  }
  }
  
  /* Example Main Page 2 Grid Layout */
  #mp-layout2-container {
	  display: grid;
	  grid-template-areas:
		  'welcome'
		  'links'
		  'about'
		  'gallery'
		  'iconlists'
		  'contribute';
	  grid-template-columns: 100%;
	  gap: 10px;
  }
  
  @media screen and (min-width: 990px) {
	  #mp-layout2-container {
		  grid-template-areas:
			  'welcome links'
			  'gallery about'
			  'iconlists about'
			  'iconlists contribute';
		  grid-template-columns: 1fr 1fr;
	  }
  }
  
  @media screen and (min-width: 1350px) {
	  #mp-layout2-container {
		  grid-template-areas:
			  'welcome welcome links'
			  'welcome welcome about'
			  'gallery gallery about'
			  'iconlists iconlists contribute';
		  grid-template-columns: 3fr 2fr 2fr;
	  }
  }
  
  /* Example Main Page 3 Grid Layout */
  #mp-layout3-container {
	  display: grid;
	  grid-template-areas:
		  'welcome'
		  'about'
		  'featured'
		  'four'
		  'priority'
		  'projects'
		  'wiki';
	  grid-template-columns: 100%;
	  gap: 10px;
  }
  
  @media screen and (min-width: 990px) {
	  #mp-layout3-container {
		  grid-template-areas:
			  'welcome welcome'
			  'about about'
			  'featured four'
			  'priority projects'
			  'wiki wiki';
		  grid-template-columns: 1fr 1fr;
	  }
  }
  
  @media screen and (min-width: 1350px) {
	  #mp-layout3-container {
		  grid-template-areas:
			  'welcome welcome welcome'
			  'about about four'
			  'featured featured four'
			  'priority projects projects'
			  'wiki wiki wiki';
		  grid-template-columns: 2fr 1fr 2fr;
	  }
  }
  
  .mp-box {
	  display: flex;
	  flex-flow: column nowrap;
	  width: calc(100% - 2px);
	  box-sizing: border-box;
	  background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.25);
	  padding: 0px;
  }
  
  .mp-body {
	  height: 100%;
	  display: flex;
	  padding: 0.5em;
	  flex-flow: column nowrap;
  }
  
  .mp-box.centered-content .mp-body {
	  height: 100%;
	  display: flex;
	  flex-flow: column nowrap;
	  justify-content: space-evenly;
  }
  
  .mp-box.has-floating-image {
	  display: block;
  }
  
  .mp-box.has-floating-image .mp-body {
	  height: unset;
	  display: block;
  }
  
  .mp-box h2 {
	  text-align: center;
	  font-weight: bold;
	  font-family: var(--wiki-heading-font-family);
	  overflow: initial;
	  border-bottom: 1px solid var(--minehut);
	  font-size: 150%;
	  margin: 0;
	  padding: 5px 0;
	  color: var(--wiki-heading-color);
  }
  
  .mp-box .welcome-message {
	  font-size: 200%;
	  margin: 0;
	  padding: 5px 0;
	  color: #fff;
	  filter: drop-shadow(0px 2px 3px #000);
  }
  
  #mp-banner-container {
	  position: relative;
  }
  
  #mp-box-welcome {
	  text-align: center;
	  position: relative;
	  overflow: hidden;
  }
  
  .mp-box {
	  margin: 0.5rem 0;
	  background: rgb(var(--wiki-body-background-color--rgb), 0.4) !important;
	  padding: 1rem;
  }
  
  .gallery {
	  display: flex !important;
	  flex-wrap: wrap;
	  justify-content: center;
	  align-items: center;
  }
  
  .gallerybox:hover,
  #mp-box-welcome:hover {
	  background: var(--wiki-body-background-color) !important;
  }
  
  .gallerybox,
  #mp-box-welcome {
	  background: rgb(var(--wiki-body-background-color--rgb), 0.5);
	  padding: 1rem;
	  transition: 0.15s background ease-in-out;
  }
  
  #mp-welcome {
	  position: relative;
	  height: 100%;
	  font-family: var(--wiki-heading-font-family);
	  z-index: 2;
	  box-sizing: border-box;
  }
  
  #mp-welcome .welcome-subtitle {
	  padding: 0.5em;
  }
  
  #mp-banner {
	  position: absolute;
	  top: 48px;
	  width: 100%;
	  height: 100%;
	  filter: blur(5px);
	  z-index: -1;
	  background: url(/images/e/e0/MP_banner.jpg);
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: top center;
  }
  
  .view-dark #mp-banner {
	  filter: blur(5px) brightness(50%);
  }
  
  .view-light #mp-banner {
	  filter: blur(5px) contrast(50%);
  }
  
  /* [[Template:MP_link]] */
  .mp-links {
	  --gap: 10px;
  }
  
  .mp-links > ul {
	  display: flex;
	  flex-flow: row wrap;
	  justify-content: space-evenly;
	  margin: 2px;
	  gap: var(--gap);
  }
  
  .mp-links > ul > li {
	  display: flex;
	  flex-flow: column nowrap;
	  align-items: stretch;
	  text-align: center;
	  box-sizing: border-box;
	  flex: max(calc(50% - var(--gap)), 5em) 1 1;
	  outline: 1px solid var(--wiki-content-link-color);
	  transition: 0.1s ease-in;
  }
  
  .mp-links > ul > li:hover {
	  background-color: rgba(var(--wiki-content-link-color--rgb), 0.2);
  }
  
  .mp-links.columns-1 > ul > li {
	  flex: max(calc(100% - var(--gap)), 5em) 1 1;
  }
  .mp-links.columns-2 > ul > li {
	  flex: max(calc(50% - var(--gap)), 5em) 1 1;
  }
  .mp-links.columns-3 > ul > li {
	  flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;
  }
  .mp-links.columns-4 > ul > li {
	  flex: max(calc(25% - var(--gap)), 5em) 1 1;
  }
  .mp-links.columns-5 > ul > li {
	  flex: max(calc(20% - var(--gap)), 5em) 1 1;
  }
  .mp-links.columns-6 > ul > li {
	  flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;
  }
  .mp-links.columns-7 > ul > li {
	  flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;
  }
  
  .mp-links > ul > li:hover a {
	  text-decoration: underline;
  }
  
  .mp-links > ul > li > a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  height: 100%;
	  flex: 1 1 auto;
	  box-sizing: border-box;
	  padding: 5px;
  }
  
  .mp-links > ul > li > a:first-child {
	  height: 100%;
  }
  
  .mp-links > ul > li > a:last-child:not(:first-child) {
	  height: unset;
  }
  
  .mp-links.stretch,
  .mp-links.stretch > ul {
	  height: 100%;
  }
  
  .mp-links.side-image li {
	  flex-flow: row nowrap;
  }
  
  /* MP icon lists */
  .mp-iconlists {
	  display: flex;
	  flex-flow: wrap;
	  gap: 5px 20px;
  }
  
  .mp-iconlists > .mp-iconlist {
	  flex: 1;
	  min-width: fit-content;
  }
  
  .mp-iconlist > h3 {
	  padding: 0;
	  margin: 0;
  }
  
  .mp-iconlist > ul {
	  list-style: none;
	  margin: 0;
  }
  
  /* MP gallery */
  .mp-box ul.gallery {
	  display: flex;
	  flex-flow: wrap;
	  gap: 5px 10px;
	  align-items: flex-end;
	  justify-content: space-evenly;
	  margin: 0;
  }
  
  .mp-box ul.gallery .gallerytext {
	  margin-top: 1em;
	  background-color: var(--wiki-content-background-color--secondary);
	  border: 1px solid var(--wiki-content-border-color);
  }
  
  /***********************
  * End main page layout *
  ************************/
  
  /***********************
  * Start DRUID infoboxes *
  ************************/
  
  .druid-container {
	  /* These variables are designed to inherit from your wiki's color variables.
		 If your wiki uses a different naming scheme, change the inner names to match yours.
		 If your wiki doesn't use color variables you should consider doing so,
		 otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
	  */
	  --druid-background-color: var(--wiki-content-background-color, #ffffff);
	  --druid-background-color--rgb: var(
		  --wiki-content-background-color--rgb,
		  255,
		  255,
		  255
	  );
  
	  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
	  --druid-secondary-background-color--rgb: var(
		  --wiki-accent-color--rgb,
		  51,
		  102,
		  204
	  );
	  --druid-secondary-background-label-color: var(
		  --wiki-accent-label-color,
		  #fff
	  );
	  --druid-secondary-background-label-color--rgb: var(
		  --wiki-accent-label-color--rgb,
		  255,
		  255,
		  255
	  );
  
	  --druid-tertiary-background-color: var(
		  --wiki-content-background-color--secondary,
		  #eaecf0
	  );
	  --druid-tertiary-background-color--rgb: var(
		  --wiki-content-background-color--secondary--rgb,
		  234,
		  236,
		  240
	  );
  
	  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
	  --druid-border-color--rgb: var(
		  --wiki-content-border-color--rgb,
		  167,
		  215,
		  249
	  );
  
	  --druid-link-color: var(--wiki-content-link-color, #0645ad);
	  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
	  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
	  --druid-link-label-color--rgb: var(
		  --wiki-content-link-label-color--rgb,
		  255,
		  255,
		  255
	  );
  }
  
  .druid-container {
	  border: 4px solid var(--druid-border-color);
	  background: var(--druid-background-color);
	  float: right;
	  clear: right;
	  margin: 0 0 1em 1em;
	  width: 16.875em;
	  box-sizing: border-box;
	  border-collapse: collapse;
  }
  
  @media screen and (max-width: 450px) {
	  .druid-container {
		  width: 100%;
	  }
  }
  
  @media screen and (max-width: 720px) {
	  .druid-container {
		  float: none;
		  margin: 0.5rem auto;
	  }
  }
  
  .druid-main-images-file,
  .druid-main-image {
	  text-align: center;
  }
  
  .druid-title,
  .druid-section {
	  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
	  color: var(--druid-secondary-background-label-color);
	  text-align: center;
	  font-size: 1.5em;
  }
  
  .druid-section {
	  font-size: 1.25em;
  }
  
  .druid-label {
	  font-weight: bold;
  }
  
  .druid-main-images {
	  padding: 5px;
  }
  
  .druid-main-images img {
	  max-width: 100%;
	  height: auto;
  }
  
  .druid-main-images-labels {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	  justify-content: space-evenly;
	  margin: 0.25em;
	  gap: 0.25em;
  }
  
  .druid-main-images-label {
	  cursor: pointer;
	  flex: 1 1 auto;
	  text-align: center;
	  transition: 0.1s ease-in;
	  outline: 1px solid var(--druid-link-color);
  }
  
  .druid-main-images-label.focused {
	  background: var(--druid-link-color);
	  color: var(--druid-link-label-color);
  }
  
  .druid-main-images-label:not(.focused):hover {
	  background: rgba(var(--druid-link-color--rgb), 0.25);
  }
  
  .druid-toggleable-data:not(.focused),
  .druid-main-images-file:not(.focused),
  .druid-toggleable-heading:not(.focused) {
	  display: none;
  }
  
  .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
	  display: none;
  }
  
  .druid-section:has(.druid-toggleable-heading-empty.focused) {
	  display: none;
  }
  
  .druid-grid {
	  display: grid;
  }
  
  .druid-grid-item {
	  background: var(--druid-tertiary-background-color);
	  margin: 0.25em;
	  padding: 0.25em;
	  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  }
  
  .druid-collapsed {
	  display: none;
  }
  
  .druid-collapsible {
	  cursor: pointer;
	  position: relative;
  }
  
  .druid-collapsible::after {
	  content: '–';
	  display: block;
	  position: absolute;
	  right: 10px;
	  font-size: 20px;
	  font-weight: bold;
	  color: var(--druid-secondary-background-label-color);
  }
  
  .druid-collapsible-collapsed::after {
	  content: '+';
  }
  
  /***********************
  * End DRUID infoboxes  *
  ************************/
  
  /*** Miscellaneous ***/
  .responsive-image {
	  max-width: 100%;
	  height: auto;
  }
  
  .view-dark .invert-on-dark,
  .view-light .invert-on-light {
	  filter: invert(100%);
  }
  
  @media screen and (min-width: 720px) {
	  .mobileonly {
		  display: none;
	  }
  }
  @media screen and (max-width: 720px) {
	  .nomobile {
		  display: none;
	  }
  }
  
  /**************************
  * Start Modular Templates *
  **************************/
  
  /********* [[Template:Ambox]] *********/
  .ambox {
	  border: 1px solid var(--wiki-content-border-color);
	  border-left: 10px solid var(--ambox-color);
	  border-radius: 2px;
	  display: flex;
	  align-items: center;
	  gap: 0.6em;
	  margin: 1em 0;
	  padding: 3px 0.6em;
	  background-color: var(--wiki-content-background-color--secondary);
	  box-shadow: 2px 2px 5px 0px #0002;
  }
  
  @media (min-width: 720px) {
	  .ambox {
		  margin-inline: 10%;
	  }
  }
  
  .ambox.tiny {
	  padding: 0.04rem 0.5em;
	  margin-inline: 0;
	  width: fit-content;
  }
  
  .ambox + .ambox {
	  margin-top: -0.6em;
  }
  
  .ambox-content p {
	  margin: 0.15em 0;
  }
  
  .ambox-title {
	  font-weight: bold;
  }
  
  /********* [[Template:Hatnote]] *********/
  .hatnote {
	  padding: 1px 0 1px 1.6em;
	  margin-bottom: 0.5em;
	  font-style: italic;
  }
  
  .hatnote.icon {
	  padding-left: 0;
  }
  
  /********* [[Template:Spoiler]] *********/
  .spoiler-content {
	  background-color: rgb(127, 127, 127);
	  transition: all 0.3s;
	  cursor: pointer;
  }
  
  .spoiler-content > span {
	  opacity: 0;
	  transition: all 0.3s;
  }
  
  .spoiler-content > * {
	  pointer-events: none;
  }
  
  .spoiler-content.show > * {
	  pointer-events: unset;
  }
  
  .spoiler-content.show {
	  background-color: rgba(127, 127, 127, 0);
  }
  
  .spoiler-content.show > span {
	  opacity: 1;
  }
  
  /********* [[Template:Link icon]] *********/
  .link-icon {
	  display: inline-flex;
	  align-items: center;
	  height: var(--link-icon-line-height);
	  vertical-align: bottom;
  }
  
  .link-icon .regular {
	  align-self: center;
  }
  
  .link-icon .regular a {
	  display: flex;
  }
  
  .link-icon .regular img {
	  height: var(--link-icon-size);
	  max-width: var(--link-icon-size);
  }
  
  .link-icon .fallback {
	  outline: 1px solid var(--wiki-content-text-color);
	  border-radius: 50%;
	  text-align: center;
	  width: var(--link-icon-size);
	  line-height: var(--link-icon-size);
  }
  
  .link-icon.notext .fallback {
	  display: inline-block;
  }
  
  .link-icon.notext {
	  display: inline;
  }
  
  /********* [[Template:Quote]] *********/
  .quote {
	  background: var(--wiki-content-background-color--secondary);
	  border-radius: 5px;
	  border: 2px solid var(--wiki-content-border-color);
	  margin: 0.5em 0;
	  padding: 0.5em;
  }
  
  .quote .block {
	  display: block;
  }
  
  .quote .title {
	  font-size: large;
	  font-weight: bold;
  }
  
  .quote .content {
	  font-style: italic;
  }
  
  .quote .author {
	  font-weight: bold;
	  text-align: end;
  }
  
  .quote .marks-wrapper {
	  display: flex;
	  gap: 5px;
  }
  
  .quote .marks-wrapper::before,
  .quote .marks-wrapper::after {
	  font-size: 100px;
	  line-height: 0px;
  }
  
  .quote .marks-wrapper::before {
	  content: '“';
	  margin-top: 40px;
  }
  
  .quote .marks-wrapper::after {
	  content: '”';
	  align-self: end;
	  margin-bottom: -10px;
  }
  
  /************************
  * End Modular Templates *
  *************************/
  
  .druid-container {
	  /* These variables are designed to inherit from your wiki's color variables.
		 If your wiki uses a different naming scheme, change the inner names to match yours.
		 If your wiki doesn't use color variables you should consider doing so,
		 otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
	  */
	  --druid-background-color: var(--wiki-content-background-color, #ffffff);
	  --druid-background-color--rgb: var(
		  --wiki-content-background-color--rgb,
		  255,
		  255,
		  255
	  );
  
	  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
	  --druid-secondary-background-color--rgb: var(
		  --wiki-accent-color--rgb,
		  51,
		  102,
		  204
	  );
	  --druid-secondary-background-label-color: var(
		  --wiki-accent-label-color,
		  #fff
	  );
	  --druid-secondary-background-label-color--rgb: var(
		  --wiki-accent-label-color--rgb,
		  255,
		  255,
		  255
	  );
  
	  --druid-tertiary-background-color: var(
		  --wiki-content-background-color--secondary,
		  #eaecf0
	  );
	  --druid-tertiary-background-color--rgb: var(
		  --wiki-content-background-color--secondary--rgb,
		  234,
		  236,
		  240
	  );
  
	  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
	  --druid-border-color--rgb: var(
		  --wiki-content-border-color--rgb,
		  167,
		  215,
		  249
	  );
  
	  --druid-link-color: var(--wiki-content-link-color, #0645ad);
	  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
	  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
	  --druid-link-label-color--rgb: var(
		  --wiki-content-link-label-color--rgb,
		  255,
		  255,
		  255
	  );
  }
  
  .druid-container {
	  border: 4px solid var(--druid-border-color);
	  border-radius: 3px;
	  background: var(--druid-background-color);
	  float: right;
	  clear: right;
	  margin: 0 0 1em 1em;
	  width: 100%;
	  max-width: 22em;
	  box-sizing: border-box;
	  border-collapse: collapse;
  }
  
  @media screen and (max-width: 720px) {
	  .druid-container {
		  float: none;
		  margin: 0.5rem auto;
	  }
  }
  
  .druid-main-images-file,
  .druid-main-image {
	  text-align: center;
  }
  
  .druid-infobox .druid-title,
  .druid-infobox .druid-section {
	  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
	  color: var(--druid-secondary-background-label-color);
	  text-align: center;
	  font-size: 1.5em;
	  padding: 1px;
  }
  
  .druid-infobox .druid-section {
	  font-size: 1.25em;
	  font-weight: 500;
  }
  
  .druid-label {
	  font-weight: bold;
	  text-align: right;
	  box-sizing: border-box;
  }
  
  .druid-row > .druid-label {
	  width: 48%;
	  flex-shrink: 0;
  }
  
  .druid-row > .druid-label,
  .druid-row > .druid-data {
	  padding-inline: 0.3em;
  }
  
  .druid-main-image,
  .druid-main-images {
	  padding: 5px;
  }
  
  .druid-main-image img,
  .druid-main-images img {
	  max-width: 100%;
	  height: auto;
  }
  
  .druid-main-images-labels {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	  justify-content: space-evenly;
	  margin: 0.25em;
	  gap: 0.25em;
  }
  
  .druid-main-images-label {
	  cursor: pointer;
	  flex: 1 1 auto;
	  text-align: center;
	  transition: 0.1s ease-in;
	  outline: 1px solid var(--druid-link-color);
  }
  
  .druid-main-images-label.focused {
	  background: var(--druid-link-color);
	  color: var(--druid-link-label-color);
  }
  
  .druid-main-images-label:not(.focused):hover {
	  background: rgba(var(--druid-link-color--rgb), 0.25);
  }
  
  .druid-toggleable-data:not(.focused),
  .druid-main-images-file:not(.focused),
  .druid-toggleable-heading:not(.focused) {
	  display: none;
  }
  
  .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
	  display: none;
  }
  
  .druid-section:has(.druid-toggleable-heading-empty.focused) {
	  display: none;
  }
  
  .druid-grid {
	  display: grid;
	  gap: 0.3em;
	  padding: 0.35em;
  }
  
  .druid-grid-item {
	  background: var(--druid-tertiary-background-color);
	  padding: 0.25em;
	  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
	  border-radius: 2px;
  }
  
  .druid-grid-item > .druid-label,
  .druid-grid-item > .druid-data {
	  text-align: center;
  }
  
  .druid-section-container > .druid-collapsible {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  
  .druid-collapsed {
	  display: none !important;
  }
  
  .druid-collapsible {
	  cursor: pointer;
	  position: relative;
  }
  
  .druid-collapsible::after {
	  content: '\2013';
	  display: block;
	  position: absolute;
	  right: 10px;
	  font-size: 20px;
	  font-weight: bold;
	  color: var(--druid-secondary-background-label-color);
  }
  
  .druid-collapsible-collapsed::after {
	  content: '+';
  }
  
  .druid-section-container:has(.druid-toggleable-data-empty.focused):not(
		  :has(.druid-toggleable-data-nonempty.focused)
	  ):not(:has(.druid-data-nonempty)) {
	  display: none;
  }
  
  /*****************************************
  Div support
  *****************************************/
  
  div.druid-row {
	  display: flex;
	  margin-block: 1px;
  }
  
  div.druid-row + div.druid-row {
	  margin-top: 0;
  }
  
  div.druid-row > .druid-label {
	  background: var(--druid-tertiary-background-color);
  }
  
  .druid-infobox .druid-title {
	  font-weight: 700;
  }
  
  .druid-infobox #toc {
	  display: none;
  }
  
  /********
  Custom display classes
  *********/
  
  div.druid-stacked.druid-row,
  .druid-stacked div.druid-row {
	  flex-direction: column;
  }
  
  .druid-stacked.druid-row > .druid-label,
  .druid-stacked .druid-row > .druid-label {
	  text-align: left;
	  width: 100%;
	  flex-basis: unset;
  }
  
  .druid-stacked.druid-row > .druid-data,
  .druid-stacked .druid-row > .druid-data {
	  padding-left: 0.75em;
  }
  
  /* Discord */
  #mw-panel #n-Discord a {
	  background: url(https://discordapp.com/api/guilds/SERVER_ID/embed.png)
		  no-repeat;
	  color: transparent !important;
	  display: inline-block;
	  height: 20px;
	  width: 119px;
	  margin-top: 5px;
  }
  
  /* Discord Message Template */
  .discord-message-body {
	  background-color: #313338;
  }
  
  .discord-message {
	  margin-top: 1.0625rem;
	  min-height: 2.75rem;
	  padding-top: 0.125rem;
	  padding-bottom: 0.125rem;
	  padding-right: 48px;
	  display: flex;
	  flex-direction: row;
	  font-family: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Symbols";
  }
  
  .discord-message:hover {
	  background-color: #2e3035;
  }
  
  .discord-message > img {
	  width: 40px;
	  height: 40px;
	  border-radius: 9999px;
	  margin-right: 16px;
	  align-self: center;
  }
  
  .discord-message-info {
	  display: flex;
	  flex-direction: column;
  }
  
  .discord-message-header {
	  display: flex;
	  flex-direction: row;
  }
  
  .discord-message-header > p {
	  margin: 0;
  }
  
  .discord-message-username {
	  font-size: 1rem;
	  font-weight: 500;
	  line-height: 1.375rem;
	  color: rgb(241, 196, 15);
  }
  
  .discord-message-timestamp {
	  font-size: .75rem;
	  line-height: 1.375rem;
	  vertical-align: baseline;
	  color: color-mix(in oklab, hsl(214 calc(1 * 8.1%) 61.2% / 1) 100%, black 0%);
	  padding-left: 4px;
	  height: 1.25rem;
	  cursor: default;
	  pointer-events: none;
	  font-weight: 500;
  }
  
  .discord-message-content {
	  margin: 0;
	  color: color-mix(in oklab, hsl(210 calc(1 * 9.1%) 87.1% / 1) 100%, black 0%);
	  display: flex;
	  flex-direction: row;
	  white-space: break-spaces;
	  line-height: 1.375rem;
  }
  
  .discord-mention {
	  border-radius: 3px;
	  padding: 0 2px;
	  transition: background-color 50ms ease-out,color 50ms ease-out;
	  cursor: pointer;
	  font-weight: 500;
	  unicode-bidi: plaintext;
	  color: color-mix(in oklab, hsl(235 calc(1 * 86.2%) 88.6% / 1) 100%, black 0%);
	  background: color-mix(in oklab, hsl(235 calc(1 * 85.6%) 64.7% / 0.3) 100%, hsl( 0 0% 0% / 0.3) 0%);
  }
  
  /** changes by Gifted */
  .gallerytext {
	  border-radius: 3px;
  }
  
  .mp-box {
	  border-radius: 10px;
  }
  
  footer#footer {
	  border-radius: 0 0 15px 15px;
  }
  
  #ca-view {
	  border-radius: 5px 0 0 0;
  }
  
  li#ca-talk {
	  border-radius: 0 5px 0 0;
  }
  
  #ca-nstab-main {
	  border-radius: 5px 0 0 0;
  }
  
  .vector-menu-heading-label {
	  font-weight: bold;
  }
  /** end changes by Gifted */
Retrieved from "https://minehut.wiki.gg/index.php?title=MediaWiki:Common.css&oldid=3635"