MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/
@import url('https://fonts.googleapis.com/css?family=Manrope|Courgette|Press+Start+2P|Hi+Melody|Caveat');
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Whale.css|u:dev:MediaWiki:UCPEditorMinimal/code.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:UCPEditorMinimal/code.css|u:dev:MediaWiki:InterlanguageFlags.css&only=styles";
@import url("/index.php?title=Template:Horizontal List/styles.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css");

.CategorySelect.articlePage {
    background-color: transparent;
}

/* Article Color */
a[href="/wiki/Neurax_Worm"],
a[href="/wiki/Neurax_Worm"] { font-weight: none !important; color:#fd7604 !important; }
a[href="/wiki/Necroa_Virus"],
a[href="/wiki/Necroa_Virus"] { font-weight: none !important; color:#f00 !important; }
a[href="/wiki/Simian_Flu"],
a[href="/wiki/Simian_Flu"] { font-weight: none !important; color:#e0ff00 !important; }
a[href="/wiki/Shadow_Plague"],
a[href="/wiki/Shadow_Plague"] { font-weight: none !important; color:#d621ff !important; }
a[href="/wiki/Cure_Mode"],
a[href="/wiki/Cure_Mode"] { font-weight: none !important; color:#7ce7ff !important; }

/* Customizing Tabber */
/* City Cam */
.sy:hover {
    background: #a80303;
}

.sn:hover {
    background: #a80303;
}

/* Tabber */
.tabber .wds-tabs__wrapper {
    border-bottom: 0;
}

.tabber .wds-tabs__wrapper .wds-tabs {
    font-size: 15px;
    border-bottom: 1px solid #800000;
    padding: 0.3em 0 0;
}

.tabber .wds-tab__content.wds-is-current {
  display: block;
  border: 3px solid #800000;
  padding: 5px;
}

.tabber .wds-tabs .wds-tabs__tab-label {
    height: auto;
    margin: 0;
}

.tabber .wds-tabs__tab a {
    font-weight: normal;
    font-size: 15px;
    padding: 10px;
    color: #c4b9b9;
}

.tabber .wds-tabs__tab.wds-is-current {
    box-shadow: none;
}

.tabber .wds-tabs__tab.wds-is-current a {
	border-top: 2px solid #800000;
	border-right: 2px solid #800000;
	border-left: 2px solid #800000;
	border-bottom: none;
    background: linear-gradient(#ff49494f, #9000);
}

.tabber .wds-tabs__tab:not(.wds-is-current) a:hover {
    background: #a12a2a63;
}

/* Infobox Tabber */
.pi-image-collection .wds-tabs__wrapper {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Achievements */
#about-achievements ul .bronze span {
    background-image: url("https://vignette.wikia.nocookie.net/plagueinc/images/6/6a/RedSquareIcon.png/revision/latest?cb=20200928135838");
}

#about-achievements ul .silver span {
    background-image: url("https://vignette.wikia.nocookie.net/plagueinc/images/f/f3/OrangeSquareIcon.png/revision/latest?cb=20200928135850");
}

#about-achievements ul .gold span {
    background-image: url("https://vignette.wikia.nocookie.net/plagueinc/images/0/03/YellowSquareIcon.png/revision/latest?cb=20200928135858");
}

/* Image's Style for the Scenario's Infobox [[Template:Infobox Scenario]] */
.pi-theme-scenario .pi-image-thumbnail {
  height: fit-content;
  width: fit-content;
  border: none;
  margin-top: 6px;
}

/* Heading */
.WikiaPage .page-header__separator {margin-bottom: 7.5px;}

.WikiaMainContent h2 {
    border-bottom: 2px solid gray;
}

.WikiaMainContent h3 {
    border-bottom: 1px solid gray;
    overflow: hidden;
}

.WikiaMainContent h4 {
    border-bottom: 1px solid gray;
    font-size: 16px;
    overflow: hidden;
}

.wikia-gallery-caption-size-medium .lightbox-caption, .wikia-gallery-caption-size-medium .title {
    font-size: 14px;
}

.wikitable {
    border-collapse: separate;
}

.CategorySelect.articlePage {
    background-color: transparent !important;
}

.page-Total_Organ_Failure #articleComments {
   display: none;
}

div.Comment_wrapper__2mxBn {
    background-color: transparent;
}

.ooui-theme-fandom .mwe-math-fallback-image-inline {
    background-color: #9b9898;
    padding: 10px;
    border: solid 1px #c8c8c8;
}

/* Font Change */
body {
  font-family: Manrope !important;
  color: white !important;
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
  font-family: Manrope;
  line-height: 1.25;
  overflow-wrap: break-word;
  color: white;
}

/* Other */

a[href$="/wiki/User:DigitalSeb01"],
a[href$="/wiki/User:DigitalSeb01"],
a[href="/wiki/User:DigitalSeb01"],
a[href="/wiki/Message_Wall:DigitalSeb01"],
a[href="/wiki/User_blog:DigitalSeb01"],
a[href="/wiki/Special:Contributions/DigitalSeb01"]
{ font-family: 'Courgette'; font-size: 15px; background: -webkit-linear-gradient(#8ba4cd,#4b64a7,#9bbdd8,#aaaaaa););
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }

a[href$="/wiki/User:NeuraxBOT_2.0"],
a[href$="/wiki/User:NeuraxBOT_2.0"],
a[href="/wiki/User:NeuraxBOT_2.0"],
a[href="/wiki/Message_Wall:NeuraxBOT_2.0"],
a[href="/wiki/User_blog:NeuraxBOT_2.0"],
a[href="/wiki/Special:Contributions/NeuraxBOT_2.0"]
{ font-family: 'Press Start 2P'; font-size: 10px; color: #00a173;}
 
.refpopups-configure-page {
    display: none;
}

.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
    margin-left: calc((0.2px + 2px) * 5 + 0.35714286em);
    margin-top: 10px;
    background: #201d1dba;
    padding: 10px;
    border-left: 6px solid orange;
}

a.FeedCategory.feed-category {
	padding-right: 10px;
}

a.FeedTemplate.feed-template {
	padding-right: 10px;
}

#FeedEntries > .FeedEntry .feed-section__images .feed-image__link img {
    min-height: 30px;
    max-height: 100px;
    min-width: 30px;
    max-width: 100px;
}

#FeedEntries > .FeedEntry .feed-section > .feed-section__title {
    font-weight: bold;
    margin-right: 5px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
    width: 160px;
}

.theme-fandomdesktop-dark .right-rail-wrapper .rail-module {
  border-radius: 0 20px 0 20px;
  border: 5px groove #696b68;
  background: linear-gradient(black,#2d0101);
  padding: 20px;
}

.theme-fandomdesktop-dark .right-rail-wrapper > .rail-module:last-child, .right-rail-wrapper > :last-child > .rail-module:last-child {
  border-bottom: 5px groove #696b68;
}

.theme-fandomdesktop-light  .right-rail-wrapper .rail-module {
   -moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
   -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
   border-radius: 0.5em 1.5em 0.5em 1.5em;
   border:1px solid #4fe0c1; 
   -moz-box-shadow:0 0 10px #4fe0c1;
   -webkit-box-shadow:0 0 10px #4fe0c1;
   box-shadow:0 0 10px #4fe0c1;
   background:-webkit-gradient(linear, 100% 100%, 100% 0%, color-stop(0%, #002039), color-stop(40%, #002039));
   padding: 20px;
}

.theme-fandomdesktop-dark .page__right-rail {
    --right-rail-background-color: #000;
}

.theme-fandomdesktop-light .page__right_rail {
    --right-rail-background-color: blue;
}

ol.references li:target, sup.reference:target {
    background-color: #4d3232;
}

.mw-references-wrap {
	overflow: hidden;
	display: inline;
}

.pi-border-color {
    border-color: #696b68;
}

.fandom-community-header a {
    color: white !important;
}

.fandom-community-header {
    color: white;
}

.wiki-tools .wds-button.wds-is-secondary {
    --wds-secondary-button-label-color: white;
    --wds-secondary-button-label-color--hover: var(--theme-community-header-color--hover);
    padding: 5px 6px;
}

/* Clade */
/* {{pp-template}} */
table.clade {
    border-spacing:0;
    margin:0;
    font-size:100%;
    line-height:100%;
    border-collapse:separate;
    width:auto;
}
table.clade table.clade {
    width:100%;
    line-height:inherit;
}

table.clade td.clade-label {  /* the cell with the label */
    width:0.7em; /* was only used for first leaf but shouldn't matter for others */
    padding:0 0.15em;
    vertical-align:bottom;
    text-align:center;
    border-left:1px solid;   /* don't set default colour, helps with green on black monotype skin  */
    border-bottom:1px solid;
    white-space:nowrap;
}
table.clade td.clade-fixed-width {
    overflow:hidden;
    text-overflow:ellipsis;
}
table.clade td.clade-fixed-width:hover {
	overflow:visible;
}
table.clade td.clade-label.first {
	border-left:none;
	border-right:none;
}
table.clade td.clade-label.reverse {
	border-left:none;
	border-right:1px solid;
}
table.clade td.clade-slabel {  /* the cell with the sublabel; only use if there is a label */
    padding:0 0.15em;
    vertical-align:top;
    text-align:center;
    border-left: 1px solid;
    white-space:nowrap;
}
table.clade td.clade-slabel:hover {
	overflow:visible;
}
table.clade td.clade-slabel.last  {
	border-left:none;
	border-right:none;
}
table.clade td.clade-slabel.reverse {
	border-left:none;
	border-right:1px solid;
}

table.clade td.clade-bar {  /* the cell with the bar label or group label */
    vertical-align:middle;
    text-align:left;
    padding:0 0.5em;
    position:relative;
}
table.clade td.clade-bar.reverse {
    text-align:right;
    position:relative;
}

table.clade td.clade-leaf {  /* the cell with the leaf content (rowspan=2) */
    border:0;
    padding:0;
    text-align:left;
}
table.clade td.clade-leafR {  /* the cell with the leaf content (rowspan=2) */
    border:0;
    padding:0;
    text-align:right;
}
table.clade td.clade-leaf.reverse {  /* the cell with the leaf content (rowspan=2) */
    text-align:right;
}

table.clade:hover span.linkA {
     background-color: yellow;
}
table.clade:hover span.linkB {
     background-color: green;
}

/* End Clade */

.page-content h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 24px 0 12px;
  overflow: hidden;
  border-bottom: 1px solid var(--theme-border-color);
  padding: 5px 0;
}

.page-content h2 {
  border-bottom: 2px solid var(--theme-border-color);
  font-size: 24px;
  font-weight: 500;
  overflow: hidden;
  padding: 6px 0;
}

/* Slideshow */
.container {
	position: relative;
	border: 4px double gray;
	padding: 6px;
}

.container .slider {
	width: 550px;
}

.slider .slider_content {
	width: 100%;
	position: relative;
	display: none;
}

.slider .slider_content p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 40px;
	background: #000c;
	margin: 0;
}

.slider .slider_content img {
	height: 365px;
}

.container .controls {
	display: flex;
	margin-top: 10px;
	justify-content: center;
}

.container .controls .control {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: gray;
	cursor: pointer;
	margin: 2px;
}

.slider .active {
	display: block;
}

.mw-changeslist oo-ui-widget oo-ui-widget-enabled mw-rcfilters-ui-changesListWrapperWidget {
	display: none;
}

.page-content ol, .page-content ul {
  margin: 1px 0 1px 36px;
}

.CategorySelect.articlePage .container {
  padding: 5px;
}

.OGImage img {
	height: 21px;
}

.toc {
  background-color: transparent;
  border: 1px gray solid;
  border-radius: 0;
  font-size: 100%;
  margin: 24px auto 24px 0;
  padding: 5px;
  border-left: 5px gray solid;
}

.toctitle h2 svg:first-of-type {
	display:none;
}

audio {
	display: flex;
}

.CategorySelect.articlePage .categories {
  overflow: hidden;
  padding: 0;
  margin-bottom: -5px;
}

/* Visual Editor (Image Border) */
figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption, figure[typeof~="mw:Image/Thumb"] > figcaption, figure[typeof~="mw:Video/Thumb"] > figcaption, figure[typeof~="mw:Audio/Thumb"] > figcaption, figure[typeof~="mw:Image/Frame"] > figcaption, figure[typeof~="mw:Video/Frame"] > figcaption, figure[typeof~="mw:Audio/Frame"] > figcaption {
  border: 1px solid #262626;
    border-top-color: #262626;
    border-top-style: solid;
    border-top-width: 1px;
  border-top: 0;
  background-color: gray;
  font-size: 88.4%;
}

figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"], figure[typeof~="mw:Image/Thumb"], figure[typeof~="mw:Video/Thumb"], figure[typeof~="mw:Audio/Thumb"], figure[typeof~="mw:Image/Frame"], figure[typeof~="mw:Video/Frame"], figure[typeof~="mw:Audio/Frame"] {
  border: 1px solid #262626;
    border-bottom-color: #262626;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  border-bottom: 0;
  background-color: gray;
}

figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption, figure[typeof~="mw:Image/Thumb"] > figcaption, figure[typeof~="mw:Video/Thumb"] > figcaption, figure[typeof~="mw:Audio/Thumb"] > figcaption, figure[typeof~="mw:Image/Frame"] > figcaption, figure[typeof~="mw:Video/Frame"] > figcaption, figure[typeof~="mw:Audio/Frame"] > figcaption {
  display: table-caption;
  caption-side: bottom;
  line-height: 1.4em;
  word-break: break-word;
  padding: 0 6px 6px 6px;
}

.CollapsibleListSpaces p {
	display: none;
}

.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
  background-color: #555252;
}
/* Template Editor Colors */
.ve-ui-expandableContent-toggle {
  background-color: gray;
  pointer-events: auto;
}

.ve-ui-expandableContent-fade {
  background: none;
  width: 50px;
  height: 100%;
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: white;
}

.mcf-card-tall {
  height: 100px;
}

.mcf-card-article__thumbnail {
  width: 100%;
  height: 900px;
  margin-top: -90px;
}

.mcf-card-article__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 1px;
  padding: 0 18px;
}

.mcf-card-wiki-articles__header {
  font-size: 16px;
  font-weight: 600;
  padding: 9px;
  position: relative;
  text-align: center;
}

.mcf-card {
  height: 100px;
}

.mcf-card-wiki-articles__list {
  margin: 0;
  overflow-y: scroll;
}

.mcf-card-wiki-articles__circle {
  margin: 2px;
}

.mcf-card-wiki-articles__item {
    margin: 9px;
}

.mcf-en .mcf-card-related-wikis {
  height: 100px;
}

.mcf-card-related-wikis__header {
  padding: 1px 1px 1px 9px;
}

.mcf-card-related-wikis__list {
  margin: 1px 1px 1px 10px;
  overflow-y: scroll;
  height: 60px;
}

.mcf-mosaic {
  max-height: 151px;
  overflow-y: scroll;
  scrollbar-color: gray black;
}

/* CSS Style for the Achievements Table (Template:Achievement) */
.AchTemplate td {
  border: 1px solid #d9cdcd;
  padding: 3px;
}

/* CSS Style for <pre> tag to show code */
.CodeSample {
    display: inline-flex;
    width: fit-content;
    padding: 5px !important;
    margin-top: 1px;
    margin-bottom: 1px;
}

/* CSS Style for Recent Images Module */
li.react-multi-carousel-item.react-multi-carousel-item--active.carousel__item {
	width: 100px !important;
}
li.react-multi-carousel-item.carousel__item {
	width: 100px !important;
}

.carouselContainer .carousel__item > div {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

.recentImage__image {
  height: 61px !important;
  position: relative !important;
  width: 100% !important;
  margin-bottom: 0 !important;
}

div.sc-bBHHxi.jelQqg {
  border-radius: 0 20px 0 20px;
  border: 5px groove #696b68;
  background: linear-gradient(black,#2d0101);
  margin-top: 14px;
}

.carouselContainer.shadowRight::after {
  right: 0px !important;
}

.carouselContainer.shadowLeft::before {
  left: -1px !important;
}

.jelQqg .recentImages__container {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.recentImages__container .carousel__arrow {
  top: calc(160px / 2 - 18px) !important;
}

.carouselContainer .carousel__arrow--right {
  right: calc(9% + 2px) !important;
}

.carouselContainer .carousel__arrow--left {
  left: calc(9% + 2px) !important;
}

/* Remove "Trending Pages" in Categories */
#content .category-page__total-number, #content .category-page__trending-pages-header {
  display: none;
}

#content .category-page__trending-pages {
  display: none;
}