MediaWiki:Fandomdesktop.css

/* de:MediaWiki:Fandomdesktop.css * es:MediaWiki:Fandomdesktop.css * fr:MediaWiki:Fandomdesktop.css * it:MediaWiki:Fandomdesktop.css * ja:MediaWiki:Fandomdesktop.css * pl:MediaWiki:Fandomdesktop.css * pt-br:MediaWiki:Fandomdesktop.css * ru:MediaWiki:Fandomdesktop.css * th:มีเดียวิกิ:Fandomdesktop.css */ /* CSS placed here will affect users of the FandomDesktop skin */ /* To find stuff specific to dark / light skin search for dark or light as they are further down the page */

/* Everything that affects both themes */ /* Import custom font that doesn't look ugly */ div#content { font-family: 'Montserrat', helvetica, arial, sans-serif; font-size: 14px; }

/* Hex background on content */ main.page__main { background: rgba(var(--theme-page-background-color--rgb), 0.95); }

main.page__main::before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; background: url(https://static.wikia.nocookie.net/arksurvivalevolved_gamepedia/images/b/b7/Hex_grid.png/revision/latest) repeat; /**/   z-index: -1; opacity: 0.7; }

/* For elements which only display in the mobile view */ .mobileonly { display: none; }

/* Light theme colors */ .theme-fandomdesktop-light { /* Ambox */ --ark-ambox-background-color: #ddd; /* Table of Contents */ --ark-toc-background-color: #fefeff50; /* Template:Navbox */ --ark-navbox-title-text-color: #c4ded6; --ark-navbox-title-link-color: #70C0B6; --ark-navbox-title-background-color: #13473f; --ark-navboxgroup-title-background-color: #ffffffb0; --ark-navboxgroup-title-text-color: #222; --ark-navboxgroup-title-border-color: #a2a9b1; /* Legacy infobox */ --ark-infobox-background-color: #111; --ark-infobox-border-color: #fff; /* Arkitexure */ --ark-arkitex-background-color: #c0cfc9; --ark-arkitex-border-color: #44685e; --ark-arkitex-accent-color: #13473f; --ark-arkitex-left-color: #EDF3EB; --ark-arkitex-right-color: #fff; /* Template:PaintRegion */ --ark-paintregion-background-color: #EDF3EB; --ark-paintregion-border-color: #C0CFC9; /* Template:DossierText & Template:Quote */ --ark-cite-quote-color: #7d5f2a; --ark-dossier-background-color: #e1d8c494; --ark-dossier-border-color: #7d5f2a; --ark-dossier-text-color: #3c2a09; --ark-dossiernote-background-color: #f7eedf; --ark-dossiernote-border-color: #7d5f2a; /* Module:LootTable */ --ark-loottable-background-color: #ced5d29a; --ark-loottable-header-color: #b3ccce80; --ark-loottable-bar-color: var(--theme-accent-color); /* Difficulty level colors */ --ark-difficulty-gamma: #48BF15; --ark-difficulty-beta: #17B5D8; --ark-difficulty-alpha: #D85847; --ark-difficulty-none: #BCEEFA; /* Template:Mission */ --ark-mission-background-color: #e6e8e8bb; /* Template:HoverNote */ --ark-hovertext-text-color: var(--theme-accent-color); /* Kibble tables */ --ark-kibbletable-border-color: #ccc; --ark-kibbletable-background-color: #fff; /* Scrollable background */ --ark-header-background-image: url(https://static.wikia.nocookie.net/arksurvivalevolved_gamepedia/images/f/fd/Site-background-light-top.png/revision/latest); }

/** Light theme background **/ /* Force the document to 100% height of the viewport at minimum, to fix background cut-off in editor and short pages */ body.theme-fandomdesktop-light, .theme-fandomdesktop-light .main-container { min-height: 100vh; } /* Custom scrolling body background & header font fixes */ .theme-fandomdesktop-light { background-image: var(--theme-body-background-image); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; } .theme-fandomdesktop-light .main-container { position: relative; } .theme-fandomdesktop-light .fandom-community-header__background { background-image: var(--ark-header-background-image); position: absolute; inset: 0 0 0 -66px; /* negating global nav width */ height: auto; width: auto; background-position: center 0; background-size: 2560px; /* image width */ max-height: 4028px; /* image height */ } .theme-fandomdesktop-light .fandom-community-header__background::before { display: none; } /* Header background for visibility on light theme */ .theme-fandomdesktop-light .fandom-community-header { background: linear-gradient(to bottom, rgba(var(--theme-page-background-color--rgb), 0.05), rgba(var(--theme-page-background-color--rgb), 0.8)), radial-gradient(farthest-side at left bottom, rgba(var(--theme-page-background-color--rgb), 0.90) 5%, rgba(var(--theme-page-background-color--rgb), 0.05)) 5%, radial-gradient(farthest-side at right bottom, rgba(var(--theme-page-background-color--rgb), 0.90) 5%, rgba(var(--theme-page-background-color--rgb), 0.05)) 5%; padding: 8px 10px 12px; border-radius: 3px 3px 0 0; } .theme-fandomdesktop-light .community-header-wrapper { height: 168px; /* 148px + 12px + 8px */ } .theme-fandomdesktop-light .page { margin-top: 0; } .theme-fandomdesktop-light .community-header-wrapper.wds-is-hidden ~ .page, .theme-fandomdesktop-light.ve-active .page { margin-top: 50px; } /** END Light theme background **/

/* Dark theme colors */ .theme-fandomdesktop-dark { /* Text color */ --theme-page-text-color: #A0DDEC; --theme-page-text-color--hover: #88E9FF; --theme-page-text-color--rgb: 160, 221, 236; --theme-community-header-color: #d9e3ea; /* Ambox */ --ark-ambox-background-color: #0000004D; /* Table of Contents */ --ark-toc-background-color: rgba(var(--theme-border-color--rgb), 0.2); /* Template:Navbox */ --ark-navbox-title-text-color: #88E9FF; --ark-navbox-title-link-color: #7f9dff; --ark-navbox-title-background-color: #2768A5; --ark-navboxgroup-title-background-color: #000000C0; --ark-navboxgroup-title-text-color: #80E7FF; --ark-navboxgroup-title-border-color: #3F737F; /* Legacy infobox */ --ark-infobox-background-color: #000; --ark-infobox-border-color: #7FE7FF; /* Arkitexure */ --ark-arkitex-background-color: #021d31d6; --ark-arkitex-border-color: #7FE7FF; --ark-arkitex-accent-color: #235361; --ark-arkitex-left-color: #2d74bea6; --ark-arkitex-right-color: #6e92c036; /* PaintRegion */ --ark-paintregion-background-color: #1D558C; --ark-paintregion-border-color: #4E99C1; /* Template:DossierText & Template:Quote */ --ark-cite-quote-color: #2d74bed9; --ark-dossier-background-color: #6e92c036; --ark-dossier-border-color: #2d74bea6; --ark-dossier-text-color: #88E9FF; --ark-dossiernote-background-color: #1a3b4d; --ark-dossiernote-border-color: #2d74be; /* Module:LootTable */ --ark-loottable-background-color: #021e289a; --ark-loottable-header-color: #0b58599a; /* Difficulty level colors */ --ark-difficulty-gamma: #4edb17; --ark-difficulty-beta: #19cff9; --ark-difficulty-alpha: #f76450; --ark-difficulty-none: #BCEEFA; /* Template:Mission */ --ark-mission-background-color: #003E4C; --ark-mission-text-color: #BCEEFA; /* Template:HoverNote */ --ark-hovertext-text-color: #4FB5FF; /* Kibble tables */ --ark-kibbletable-border-color: #2d74bea6; --ark-kibbletable-background-color: #6e92c036; }

/* Restore Hydra line height */ .page-content p, .page-content section, body { line-height: 1.6; }

/* Restore pre-FD table header text centering */ .wikitable > tr > th, .wikitable > * > tr > th { text-align: center; }

/* Restore pre-FD Hydra/Vector table paddings. */ .article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { padding: 0.2em 0.4em; }

/* Nested list margin fix */ .page-content ol > li > ol, .page-content ol > li > ul, .page-content ul > li > ol, .page-content ul > li > ul { margin: 0.3em 0 0.3em 1.6em; }

/* Make definition list heading padding closer to H4 */ .page-content dl { margin: 2px 0 6px; } .page-content dl+p { margin: 0 0 1.2em; }

/* Reduce paragraph (and list) margins */ .page-content p { margin: 0 0 12px; } .page-content p + ol, .page-content p + ul, .page-content section + ol, .page-content section + ul { margin-top: -7px; } .page-content p + p { margin-top: 12px; } .page-content ol, .page-content ul { margin: 6px 0 9px 18px; }

/* Fix lists in tabbers with mw-empty-elt disabled */ .wds-tab__content > .mw-empty-elt:first-child + ul { margin-top: 7px; }

/* Make ~12/08/2021 Fandom changes apply to code blocks */ .mw-parser-output p + pre { margin-top: -6px; } .mw-parser-output pre + p { margin-top: 14px; }

/* Make self-links bold */ .mw-selflink.selflink { font-weight: bold; color: inherit; }

/* Template:tocright */ .tocright { float: right; padding-left: 1.4em; } body:not(.is-content-expanded) .page-content .tocright { max-width: 325px; } body:not(.is-content-expanded) .page-content .tocright .toctitle { min-width: 300px !important; }

/* Make ToCs float to the right on pages with no infobox */
 * 1) content .mw-parser-output > #toc { float: right; clear: right; margin-left: 1.4em; }
 * 2) content .mw-parser-output .info-framework ~ #toc,
 * 3) content .mw-parser-output .infobox-tabber ~ #toc { float: none; clear: none; margin-left: 0; }

/* Fix a Fandom JS bug that causes ToC icon to duplicate on a hook used by RailModule */ .toctitle > h2 > .wds-icon + .wds-icon { display: none; }

/* Table of contents background and margins */ background: var(--ark-toc-background-color); margin: 16px auto 16px 0; }
 * 1) content #toc {

/* word line breaking */ .page-content pre { white-space: pre-wrap; }

/* Used by Template:FP heading */ .fpheading { border: 3px solid #4F6D68; border-radius: 0.3em; text-align: center; color: var(--theme-page-text-color); font-size: 130%; margin-bottom: 5px; padding: 2px; }

/* Front page font color (overiding Common.css) */ .fpbox { color: var(--theme-page-text-color); }

/* Copy to clipboard */ .copy-clipboard { background-color: white; color: black; font-family: Courier, monospace; padding: 0.2em; }

.copy-clipboard button { padding: 0 0 0 1em; border: none; background: none; cursor: pointer; font-family: FontAwesome; }

/* Make spacing seem more consistent for page indicators around the rest of the UI. Excluding mod namespace, since the mod indicator has different requirements. */ body:not(.ns-10004) .page-header__indicators { margin-bottom: 0.5em; margin-top: -6px; }

/* Page status indicators */ .mw-indicator a.image:first-child:last-child img { vertical-align: middle; }	font-size: 24px; line-height: 32px; vertical-align: top; font-weight: 200 } .indicator-dlc { vertical-align: text-bottom; padding-left: 2px; } /* Split platform exclusivity, event and DLC indicators with a vertical line */ .mw-indicator[id^="mw-indicator-DLC"] + .mw-indicator[id^="mw-indicator-zPlatform"], border-left: 2px solid rgba(var(--theme-page-dynamic-color-2--rgb), 0.4); padding-left: 6px; } /* Downsize DLC indicators in narrow view */ body:not(.is-content-expanded) .mw-indicator[id^="mw-indicator-DLC"] { font-size: 12px; } body:not(.is-content-expanded) .mw-indicator[id^="mw-indicator-DLC"] img { height: 14px; width: 14px; }
 * 1) mw-indicator-mod > a:last-child {
 * 1) mw-indicator-EventContent + .mw-indicator[id^="mw-indicator-zPlatform"],
 * 2) mw-indicator-EventContent + .mw-indicator[id^="mw-indicator-DLC"] {

/*Achievement styling*/ .achieve_container { width: 600px; padding-left: 10px; vertical-align: bottom; background: var(--ark-paintregion-background-color); border: 0.3em inset var(--ark-paintregion-border-color); }

.achieve_container .achieve_name { display: inline-block; position: relative; top: 7px; font-size: 1.25em; color: var(--theme-page-text-color); }

.achieve_icon { width: 64px; height: 64px; vertical-align: top; }

.achieve_avail { display: inline-block; height: 0px; margin-right: 5px; }

.achieve_unavail { display: inline-block; height: 0px; margin-right: 5px; overflow: wrap; }

.gray_circle { display: block; position: relative; top: -19px; background: lightgray; border-radius: 50%; height: 30px; width: 30px; }

/* Float & margin on interactive region maps */ .interactive-regionmap-table { float: right; clear: right; margin-left: 1em; }

body:not(.is-content-expanded) .narrow-no-float { float: none; }

/* Limit size of interactive region maps when not in narrow view */ .interactive-regionmap { max-width: 400px; max-height: 400px; }

.is-content-expanded .interactive-regionmap { max-width: none; max-height: none; }

/* .magnify for interactive region maps */ .mw-content-ltr .magnify { float: right; margin-left: 3px; margin-right: 0; }

div.magnify a { display: block; background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2215%22 height=%2211%22 viewBox=%220 0 11 15%22%3E %3Cg id=%22magnify-clip%22 fill=%22%23fff%22 stroke=%22%23000%22%3E %3Cpath id=%22bigbox%22 d=%22M1.509 1.865h10.99v7.919H1.509z%22/%3E %3Cpath id=%22smallbox%22 d=%22M-1.499 6.868h5.943v4.904h-5.943z%22/%3E %3C/g%3E %3C/svg%3E"); text-indent: 15px; white-space: nowrap; overflow: hidden; width: 15px; height: 11px; }

/* Ambox style */ .ambox { max-width: 80%; margin: 1em auto; border: 1px solid #999999; border-collapse: collapse; border-left-style: solid; border-left-width: 10px; background-color: var(--ark-ambox-background-color); }

/* Remove top margin above first ambox in the article */ .mw-parser-output > .ambox:first-child { margin-top: 0; }

.ambox-icon { width: 60px; padding: 2px 0 2px 0.5em; text-align: center; }

.ambox-DLC-icon { width: 115px; padding: 2px 0 2px 0.5em; text-align: center; }

.ambox-type { padding: 0.25em 0.5em; }

.ambox-info { margin-top: 0.5em; font-size: smaller; }

.ambox-blue { border-left-color: #0000aa; }

.ambox-gray { border-left-color: #555555; }

.ambox-green { border-left-color: #00aa06; }

.ambox-purple { border-left-color: #a655b2; }

.ambox-red { border-left-color: #aa0000; }

.ambox-yellow { border-left-color: #aaaa00; }

.ambox-cyan { border-left-color: #00ABA2; }

.ambox-orange { border-left-color: #ffa500; }

/* Old infobox style */ .infobox { float: right; width: 23em; margin-left: 1em; margin-right: 1em; margin-bottom: 0.5em; padding: 2px; background-color: var(--ark-infobox-background-color); border: 1px solid var(--ark-infobox-border-color); }

.infobox-table { width: 100%; padding: 0; background-color: var(--ark-infobox-background-color); border: 1px solid var(--ark-infobox-background-color); }

.infobox-header { padding: 0.1em; font-size: 130%; text-align: center; }

.infobox-section { border-radius: 0.3em; text-align: center; margin-bottom: 5px; padding: 2px; }

.infobox-centered { text-align: center; }

.infobox-centered img { max-width: 100%; height: auto; }

.infobox .slideboxlightshow { max-width: calc(23em - 4px); height: auto; }

.infobox .slideboxlightshow a, .infobox .slideboxlightshow img { max-width: 100%; }

.infobox-row { vertical-align: top; }

.infobox-row-name { text-align: left; white-space: nowrap; font-weight: bold; }

.infobox-spacer { height: 0.5em; }

/* Arkitexure and Infobox shared */ .infobox-header, .infobox-section, .info-module { border-bottom: 3px solid var(--ark-arkitex-accent-color); border-image: linear-gradient(to right, transparent 1%, var(--ark-arkitex-accent-color) 15%, var(--ark-arkitex-accent-color) 85%, transparent 99%) 1; }

/* "ARKITEXURE"-STYLE INFOBOX */ /* used for creature and other more custom infoboxes */ /* Arkitexure rounded borders */ .info-arkitex { border-radius: 2px; }

.info-arkitex-left { border-radius: 2px 0 0 2px; float: left; display: block; }

.info-arkitex-right { border-radius: 0 2px 2px 0; float: right; align-self: stretch; display: block; }

.info-X2-25, .info-X3-33.info-unit-caption, .info-X2-40 { background: var(--ark-arkitex-left-color); }

.info-X2-75, .info-X2-60, .info-X3-33, .info-X4-25, .info-X2-50 { background: var(--ark-arkitex-right-color); }

/* Arkitexure full container */ .info-framework { float: right; width: 410px; max-width: 100%; margin: 0 0 8px 8px; padding: 5px 5px 0 5px; overflow: hidden; background: var(--ark-arkitex-background-color); border: 2px solid var(--ark-arkitex-border-color); }

/* Arkitexure individual module (sub-container) */ .info-module { display: inline-block; width: 100%; text-align: right; margin: 0; padding: 4px 4px 0 4px; overflow: hidden; }

/* Hide bottom separator if this is the last Arkitexure module */ .info-module:last-child { border-bottom: none; }

/* Arkitexure "sub-module" component */ .info-unit { display: inline-block; width: 100%; text-align: center; margin: 0; padding: 0; overflow: hidden; }

.info-unit-row { display: flex; flex-direction: row; align-items: flex-start; width: 100%; padding: 0; margin: 0; overflow: hidden; }

.info-unit-comment { display: flex; justify-content: flex-end; font-size: 11px; }

/* Suppress list margins for item lists inside cells */ .info-arkitex .info-unit-row ul.itemlist { margin: 0; }

/* Arkitexure cell, intended for one total column, 100% width */ .info-X1-100 { width: 100%; margin: 1px; padding: 5px 2px 5px 2px; }

.info-masthead { display: flex; align-items: center; justify-content: center; min-height: 38px; height: auto; font-size: 24px; }

.info-column { display: flex; flex-direction: column; align-items: center; }

.info-sound-div { margin: 5px 0 -5px 0; }

/* Arkitexure cell, intended for two total columns, 25% width */ .info-X2-25 { display: flex; align-items: center; justify-content: center; width: 25%; margin: 1px; padding: 5px 8px 5px 8px; }

/* Arkitexure cell, intended for two total columns, 75% width */ .info-X2-75 { display: flex; align-items: center; justify-content: center; width: 75%; margin: 1px; padding: 5px 8px 5px 8px; height: auto; font-size: 24px; }

/* Arkitexure cell, intended for two total columns, 40% width */ .info-X2-40 { width: 40%; margin: 1px; padding: 5px 8px 5px 8px; text-align: right; }

/* Arkitexure cell, intended for two total columns, 60% width */ .info-X2-60 { width: 60%; margin: 1px; padding: 5px 8px 5px 8px; text-align: left; }

/* Arkitexure cell, intended for three total columns, 33% width */ .info-X3-33 { width: 33.33%; margin: 1px; padding: 5px 8px 5px 8px; text-align: center; align-self: stretch; }

/* Arkitexure cell, intended for four total columns, 25% width */ .info-X4-25 { width: 25%; margin: 1px; padding: 5px 8px 5px 8px; text-align: center; align-self: stretch; }

/* Infobox creature: lower line height on release dates */ @media only screen and (min-width:1500px) { .info-arkitex .info-X3-33 .mw-formatted-date { display: block; line-height: 1.5; } }

/* Arkitexure cell, intended for two total columns, 50% width */ .info-X2-50 { width: 50%; margin: 1px; padding: 5px 8px 5px 8px; text-align: center; }

.info-unit-caption { text-align: center; padding: 0 8px 0 8px; background: none; font-weight: 500; }

/* Arkitexure spawn map tabber */ .info-spawn>.tabber { display: inline-block; }

/* Reskinned compact-ish Template:SpawningMap, Template:LootTable and .structureSelector tabbers */ .spawningMap>.wds-tabber .wds-tabs, .structureSelector .wds-tabber .wds-tabs { flex-wrap: wrap; justify-content: center; overflow-x: hidden; }

.spawningMap>.wds-tabber .wds-tabs__tab-label, .loottable .wds-tabber .wds-tabber .wds-tabs__tab-label, .structureSelector .wds-tabber .wds-tabs__tab-label, .railModule .wds-tabber .wds-tabs__tab-label { height: 30px; letter-spacing: 0; margin: 0 8px; font-size: 13px; }

/* Official server rates rail module */ .railModule .wds-tabber .wds-tabs { flex-wrap: wrap; overflow-x: hidden; } .railModule .wds-tabber .wds-tab__content { border: 1px solid var(--theme-accent-color); padding: 0 0.5em 7px; }

/* Cleaner Template:SpawningMap tabber borders in Arkitex */ .info-spawn>.tabber, .info-spawn>.spawningMap>.tabber { border: 2px solid var(--ark-arkitex-border-color); }

.info-spawn>.tabber .spawningMap .wds-tabs { border-bottom: 2px solid var(--ark-arkitex-border-color); }

.info-spawn>.tabber .spawningMap .wds-tabs__wrapper.with-bottom-border { border-bottom: none; }

/* Notice label for SpawningMaps in the infobox */ .info-spawningmap-event { padding: 0.2em; background: var(--ark-arkitex-right-color); border-bottom: 1px solid rgba(var(--theme-page-dynamic-color-1--rgb),0.25); }

/* Center spawning maps in wikitables */ .wikitable .spawningMap-container { margin: 0 auto; }

/* Navbox template style */ table.navbox { clear: both; font-size: 88%; margin: 1em 0; padding: 1px; font-size: 90%; width: 100%; }

.navbox-title a, div#content .navbox-title a.external { color: var(--ark-navbox-title-link-color); }

.theme-fandomdesktop-dark .navbox-list { border-bottom: 1px solid rgba(0, 0, 0, 0.5); color: #88E9FF; }

/* Border between adjacent navboxes */ table.navbox+table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 0.5em; padding-right: 0.5em; white-space: nowrap; text-align: center; }

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color: var(--ark-navboxgroup-title-background-color); color: var(--ark-navboxgroup-title-text-color); border: 1px solid var(--ark-navboxgroup-title-border-color); }

.navbox { border: 1px solid var(--theme-accent-color); }

.navbox-list { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.navbox-subgroup>tbody>tr { display: flex; align-items: stretch; }

.navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; }

/* Level 1 color */ .navbox-title, table.navbox th { font-weight: bold; font-size: 120%; color: var(--ark-navbox-title-text-color); background: var(--ark-navbox-title-background-color); }

table.navbox .navbox-title .mw-collapsible-toggle { font-weight: normal; }

/* Level 2 styling */ .collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; }

.navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; }

table.collapsed tr.collapsible { display: none; }

/* Template:Navbar */ .va-navbar { position: absolute; padding-left: .5em; }

/* Nav Creatures */ /* Color settings can be found in the theme specific sections */ .navbox-creature-item { display: inline-block; margin: 2px; overflow: hidden; vertical-align: middle; width: 50px; text-align: center }

/* Do not set any negative bottom margin on Nav creatures to avoid a scrollbar. */ .navbox.navbox-creature { margin-bottom: 0; }

/* Template:HoverText */ .hover-text { cursor: help; border-bottom: 1px dotted var(--ark-hovertext-text-color); }

/* Template:Mission */ .mission { border: 1px solid var(--theme-accent-color); background: var(--ark-mission-background-color); color: var(--ark-mission-text-color, inherit); }

.mission-dif-gamma { color: var(--ark-difficulty-gamma); }

.mission-dif-beta { color: var(--ark-difficulty-beta); }

.mission-dif-alpha { color: var(--ark-difficulty-alpha); }

.mission-dif-none { color: var(--ark-difficulty-none); }

/* Template:Photo */ .photo-nav, .photo-nav a:link, .photo-nav a:visited { font-weight: bold; }

.photo-gallery, .photo-gallery a:link, .photo-gallery a:visited { color: #000 !important; }

.photo-gallery img { opacity: .8; }

.photo-gallery img:hover { opacity: 1; }

.photo-nav li:hover img { filter: brightness(120%); }

li.photo-bg { margin: 8px 6px; padding: 5px; position: relative; display: inline-block; min-height: 152px; vertical-align: top; text-align: center; /* For IE 7 */ zoom: 1; *display: inline; }

div.photo-text { position: relative; top: 4px; padding: 6px 0 6px 0; font-size: 16px; }

/* Tiles (Template:Tile) */ .tile_container { margin: 4px 0px 8px 8px; padding: 0; position: relative; display: inline-block; width: 105px; height: 105px; vertical-align: middle; text-align: center; border-radius: 15px; }

.tile_inner { position: relative; top: 6px; left: 0; font-size: 14px; font-weight: bold; }

/* Image-specific tweak to get it to display with a height of 75px */ .tile_inner img[src*="PS.svg"] { height: 75px; }

/* Lower paragraph margins in patch notes on main page */ margin-top: 1em; }
 * 1) fp-4 .fpbody .mw-collapsible + p {

display: inline-block; margin-bottom: 0.6em; }
 * 1) fp-4 .fpbody p:first-child i {

margin: 0.3em; }
 * 1) fp-4 .fpbody p {

/* Restore pre-FD centered captions in galleries */ .gallerybox .gallerytext p { text-align: center; }

/* Template:PaintRegions */ .paintregion { background: var(--ark-paintregion-background-color); border: 0.3em inset var(--ark-paintregion-border-color); }

/* Template:DossierText */ .dossier-background { border-radius: 0.5em; border-left-width: 1em; margin-bottom: 1em; background: var(--ark-dossier-background-color); border: 2px solid var(--ark-dossier-border-color); color: var(--ark-dossier-text-color); }

.dossier-text { display: flow-root; padding: 0.4em; }

.dossier-text .dossier-cite-left { margin-right: 0.2em; }

.dossier-text-note { background: var(--ark-dossiernote-background-color); margin: -1.3em 0.3em 1em; padding: 0.3em 0.5em; border: 2px solid var(--ark-dossiernote-border-color); border-radius: 0.2em; width: 100%; box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.2); }

body.is-content-expanded .dossier-text-note { float: right; max-width: 235px; margin-bottom: 0; }

/* Template:DossierText predictable paragraph margin */ .dossier-text p { margin: 0 0 1em; }

/* Template:DossierText & Template:Quote cite signs */ .dossier-cite-left, .quote-left, .dossier-cite-right, .quote-right { font-size: 3.3em; font-family: 'Times New Roman', serif; font-weight: bold; padding: 4px 2px 2px; width: 0.5em; color: var(--ark-cite-quote-color); }

.dossier-cite-left, .quote-left { vertical-align: top; }

.dossier-cite-right, .quote-right { vertical-align: bottom; }

/* Template:Explorer Note */ .explorer-note { display: inline-block; vertical-align: top; width: 47%; margin: 1em; }

.explorer-note-main { border-radius: 0.25em; border-left-width: 1em; background: var(--ark-dossier-background-color); border: 2px solid var(--ark-dossier-border-color); }

/* Styling for kibble tables */ .kibble-table, .kibble-table-new { font-size: .9em; border-left-width: 0.5em; border-bottom-width: 0.5em; margin: 0 .5em .5em 0; border-left: solid var(--ark-kibbletable-border-color); border-bottom: solid var(--ark-kibbletable-border-color); background-color: var(--ark-kibbletable-background-color); }

.kibble-table { text-align: center; float: left; }

.kibble-table-new { text-align: left; padding: .5em; }

/* Used by some templates for graying table cells */ .gray { background-color: #0000003A; }

/* Module:LootTable */ .loottable { background: var(--ark-loottable-background-color); border: 2px solid var(--ark-loottable-bar-color); border-radius: 2px; border-left-width: 6px; display: flex; align-items: stretch; }

.loottable-leftbar { background: var(--ark-loottable-bar-color); padding: 2px; }

.loottable > div:last-child { flex-grow: 1; }

.loottable > div:last-child > dl:first-child, .loottable > div:last-child > .tabber > .wds-tabs__wrapper { background: var(--ark-loottable-header-color); }

.loottable > div:last-child > dl:first-child { padding: 1em 1em 0; margin: 0; }

.loottable .wds-tab__content .wds-tab__content { padding: 0 1.5em 0 calc(1.5em - 5px); }

.loottable .wds-tabber .wds-tabber .wds-tabs { flex-wrap: wrap; justify-content: flex-start; overflow-x: hidden; }

.loottable .wds-tab__content > h3.with-separator { border-top: 3px solid var(--ark-arkitex-accent-color); padding: 1em 1em 0; margin: 0 -1em 0.5em; }

.loottable-frame { border: 1px solid rgba(var(--theme-accent-color--rgb),0.5); padding: 0.25em 0.8em; margin: 0 0 0.2em; background: #ffffff10; border-radius: 2px; }

/* Template:AttackInfo */ .dino-attacks { display: flex; flex-wrap: wrap; gap: 3px 8px; } .dino-attack-info { width: 100%; margin: 0; } body:not(.is-content-expanded) .dino-attack-info { width: 100%; } .dino-attack-info th { width: 150px; } .dino-attack-info ul b { font-weight: 600; } .dino-attack-species-label { font-size: 11px; font-weight: 700; text-transform: uppercase; line-height: 16px; margin: 4px 12px -4px; } .dino-attack-species-label > a:last-child { vertical-align: middle; } @media screen and (min-width: 1650px) { .dino-attack-info { width: 540px; } } @media screen and (min-width: 1910px) { .dino-attack-info { width: 650px; } } @media screen and (min-width: 2080px) { .dino-attack-info { width: 745px; } } @media screen and (min-width: 2250px) { .dino-attack-info { width: 810px; } } @media screen and (min-width: 2400px) { .dino-attack-info { width: 900px; } }

/* Admin list */ .adminlist-background { float: right; padding: 0.5em; }

/*Map Template fixes*/ .full-container { background: var(--ark-dossier-background-color); }

/* Tabbers with Arkitexure infoboxes */ .structureSelector .wds-tabs__wrapper.with-bottom-border, .infobox-tabber .wds-tabs__wrapper.with-bottom-border, .info-framework .wds-tabs__wrapper.with-bottom-border { background: var(--ark-arkitex-right-color); border-radius: 2px; }

.structureSelector .wds-tabs__wrapper.with-bottom-border, .infobox-tabber .wds-tabs__wrapper.with-bottom-border { border-top: 2px solid var(--ark-arkitex-border-color); border-left: 2px solid var(--ark-arkitex-border-color); border-right: 2px solid var(--ark-arkitex-border-color); }

.structureSelector .wds-tabs__tab.wds-is-current, .infobox-tabber .wds-tabs__tab.wds-is-current, .info-framework .wds-tabs__tab.wds-is-current { background: var(--ark-arkitex-left-color); }

/* Pseudo Links */ .pseudo-link { color: var(--theme-link-color); } .pseudo-link:hover { color: var(--theme-link-color--hover); text-decoration: underline; }

/* Theme-specific */ /* Everything light theme specific below this line */ .theme-fandomdesktop-light .adminlist-background { background-color: #c0cfc9; border: black solid 1px; }

/* Arkitexure specific theming */ .theme-fandomdesktop-light .infobox-header, .theme-fandomdesktop-light .infobox-section { color: #000; }

/* Light theme NavBox Creatures specific */ .theme-fandomdesktop-light .navbox-creature-item div { background-color: white; border-radius: 100px; }

.theme-fandomdesktop-light .creature_roster li:hover>div { box-shadow: inset 0 0 3px rgba(170, 170, 204, 0.5), inset 0 0 4px rgba(17, 17, 17, 0.5); }

.theme-fandomdesktop-light .navbox-creature-item .nav-white { background-color: white; }

.theme-fandomdesktop-light .navbox-creature-item .nav-yellow { background-color: #fffbd1; }

.theme-fandomdesktop-light .navbox-creature-item .nav-brown { background-color: #ffe6d1; }

.theme-fandomdesktop-light .navbox-creature-item .nav-purple { background-color: #edd1ff; }

.theme-fandomdesktop-light .navbox-creature-item .nav-orange { background-color: #ffe1b7; }

.theme-fandomdesktop-light .navbox-creature-item .nav-grey { background-color: #d6d6d6; }

.theme-fandomdesktop-light .navbox-creature-item .nav-green { background-color: #cdffc9; }

.theme-fandomdesktop-light .navbox-creature-item .nav-cyan { background-color: #c2f6ff; }

.theme-fandomdesktop-light .navbox-creature-item .nav-pink { background-color: #ffc2f3; }

.theme-fandomdesktop-light .navbox-creature-item .nav-red { background-color: #ffd1d1; }

/* Light theme Template:Photo specific */ .theme-fandomdesktop-light .photo-nav, .theme-fandomdesktop-light .photo-nav a:link, .theme-fandomdesktop-light .photo-nav a:visited { color: #fff !important; text-shadow: 1px 1px 4px black, 0 0 1em teal, 0 0 0.2em black; }

.theme-fandomdesktop-light li.photo-bg { background: #fff; border: 1px solid #fff; box-shadow: 0 0 8px #333; }

.theme-fandomdesktop-light .redish-background { background-color: #d6baba; }

/* Light theme Tiles (Template:Tiles) */ .theme-fandomdesktop-light .tile_container { background: linear-gradient(white, lightgray); border: 1px solid black; }

.theme-fandomdesktop-light .tile_container:hover { background: #fff; }

/* ExplorerNote changelog table fix */ .theme-fandomdesktop-light .explorernot-change-tableend { background: #dddddd !important; }

/* Status effect styling */ .theme-fandomdesktop-light table.status-effect-backg { text-align: left; margin-top: 1em; margin-bottom: 1em; background: #EDF3EB; border: 0.3em inset #C0CFC9; }

/* Patch Notes */ .theme-fandomdesktop-light .PN-normal { background: #f2f2f2; font-weight: bold; text-align: center; width: 35px; }

/* Used by Table of Tekgrams and Template:CreatureTableRow */ .theme-fandomdesktop-light .cell-green { background-color: #90EE90 !important; }

.theme-fandomdesktop-light .cell-yellow { background-color: #FFD700 !important; }

.theme-fandomdesktop-light .cell-pink { background-color: #e3a4a4 !important; }

.theme-fandomdesktop-light .cell-grey { background-color: #BDBDBD !important; }

.theme-fandomdesktop-light .ctc-notice { display: inline-block; border: 1px solid black; background: lightgray; padding: 10px; }

/* Used by Template:PurchaseTableRow, Template:Infobox item section, Template:Infobox item section mod, and Template:Infobox purchase section */ .theme-fandomdesktop-light .text-white { color: #666 }

.theme-fandomdesktop-light .text-green { color: #060 }

.theme-fandomdesktop-light .text-blue { color: #006 }

.theme-fandomdesktop-light .text-purple { color: #606 }

.theme-fandomdesktop-light .text-yellow { color: #660 }

.theme-fandomdesktop-light .text-red { color: #600 }

.theme-fandomdesktop-light .text-cyan { color: #699 }

.theme-fandomdesktop-light .text-orange { color: #820 }

/* Everything dark theme specific below this line */ .theme-fandomdesktop-dark .adminlist-background { background-color: #021d31d6; border: 1px solid #7FE7FF; }

/*Source Editor visual fixes*/ .theme-fandomdesktop-light .CodeMirror { background-color: whitesmoke; color: black; }

/* Dark theme ambox */ /* Used on the community portal */ .theme-fandomdesktop-dark .feature { border: 1px solid rgba(200, 200, 200, 0.2); border-radius: 5px; padding: 10px; }

.theme-fandomdesktop-dark .page { position: relative; border: 1px solid #7FE7FF; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.75); }

/* End base framework */

.theme-fandomdesktop-dark .jslink:hover { text-decoration: underline; cursor: pointer; }

.theme-fandomdesktop-dark div#content a.new { color: #E51616; }

/* End links */ /* Dark theme infobox */

.theme-fandomdesktop-dark .infobox-table { background-color: #021d31d6; }

.theme-fandomdesktop-dark .infobox-header, .theme-fandomdesktop-dark .infobox-section { color: #88E9FF; }

.theme-fandomdesktop-dark .infobox-table { background-color: #021d31d6; }

/* Dark theme Template:Nav Creatures */ .theme-fandomdesktop-dark .navbox-creature-item div { background-color: #2d74be; }

.theme-fandomdesktop-dark .creature_roster li:hover>div { box-shadow: inset 0 0 3px #aac, inset 0 0 4px #111; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-white { background-color: #D5F2F2; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-yellow { background-color: #E5DFAC; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-brown { background-color: #e5c6ac; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-purple { background-color: #CEACE5; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-orange { background-color: #FAD6A5; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-grey { background-color: #C4C4C4; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-green { background-color: #a6ffa9; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-cyan { background-color: #86e0f0; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-pink { background-color: #ffb0eb; }

.theme-fandomdesktop-dark .navbox-creature-item .nav-red { background-color: #e5acb1; }

/* Dark theme Template:Photo */ .theme-fandomdesktop-dark .photo-nav, .theme-fandomdesktop-dark .photo-nav a:link, .theme-fandomdesktop-dark .photo-nav a:visited { color: black !important; text-shadow: 1px 1px 4px #fff, 0 0 1em #fff, 0 0 0.2em #fff; }

.theme-fandomdesktop-dark li.photo-bg { background: #c4c4c4; border: 1px solid #b7b7b7; box-shadow: 0 0 8px #333; }

.theme-fandomdesktop-dark .redish-background { background-color: #cf4c4c8a; }

/* Dark theme Tiles (Template:Tile) */ .theme-fandomdesktop-dark .tile_container { background: #021d31; color: #88E9FF; border: 1px solid #7FE7FF; }

.theme-fandomdesktop-dark .tile_container:hover { background: #3191b9fc; color: #ddd; border-color: #7FE7FF; }

/* ExplorerNote changelog table fix */ .theme-fandomdesktop-dark .explorernot-change-tableend { background: #262729ab !important; color: #88E9FF; }

/* Status effect styling */ .theme-fandomdesktop-dark table.status-effect-backg { text-align: left; margin-top: 1em; margin-bottom: 1em; background: #1D558C; border: 0.3em inset #4E99C1; }

/* Patch Notes */ .theme-fandomdesktop-dark .PN-normal { font-weight: bold; text-align: center; width: 35px; }

/* Template:Explorer Note */ .theme-fandomdesktop-dark .explorer-note { color: #88E9FF !important; }

/* Used by Table of Tekgrams and CreatureTableRow */ .theme-fandomdesktop-dark .cell-green { background-color: #004C07 !important; }

.theme-fandomdesktop-dark .cell-yellow { background-color: #7F6A00 !important; }

.theme-fandomdesktop-dark .cell-pink { background-color: #7F0000 !important; }

.theme-fandomdesktop-dark .cell-grey { background-color: #454545 !important; }

.theme-fandomdesktop-dark .ctc-notice { display: inline-block; border: 1px dashed yellow; background: #0000007a; padding: 10px; }

/* Tweak for illegible css code highlighting */ .theme-fandomdesktop-dark .mw-highlight .nc, .theme-fandomdesktop-dark .mw-highlight .nn { color: #8E8ECC; }

/* Used by Template:PurchaseTableRow, Template:Infobox item section, Template:Infobox item section mod, and Template:Infobox purchase section */ .theme-fandomdesktop-dark .text-white { color: #FFF }

.theme-fandomdesktop-dark .text-green { color: #0F0 }

.theme-fandomdesktop-dark .text-blue { color: #0059FF }

.theme-fandomdesktop-dark .text-purple { color: #F0F }

.theme-fandomdesktop-dark .text-yellow { color: #FF0 }

.theme-fandomdesktop-dark .text-red { color: #F00 }

.theme-fandomdesktop-dark .text-cyan { color: #0FF }

.theme-fandomdesktop-dark .text-orange { color: #F90 }

/* Styling for collapsible toggle */ .theme-fandomdesktop-dark .mw-collapsible-toggle.mw-collapsible-toggle-expanded a, .theme-fandomdesktop-dark .mw-collapsible-toggle.mw-collapsible-toggle-collapsed a { color: var(--ark-collapsible-text-color); }

/* Invert colors for better visibility */ .theme-fandomdesktop-dark img[src*="/PS.svg/"] { filter: invert(100%); }

/* Source Editor visual fixes */ .theme-fandomdesktop-dark .CodeMirror { background-color: black; color: whitesmoke; }

.theme-fandomdesktop-dark .cm-mw-ext3-ground { background-color: #c234c442; }

/* Math fixes for dark theme */ .theme-fandomdesktop-dark img.mwe-math-fallback-image-inline { filter: invert(100%); }

/** List styles for ARK Additions (courtesy of User:Emptylord) **/

/* (1) table-list */ .tlist ul { margin: 0; padding: 0; text-align: left; } .tlist li { margin: 0; display: inline-block; white-space: nowrap; } .tlist.twrap li { white-space: normal; }

.fluidcolumn_4 li { width: 20em; } .fluidcolumn_8 li { width: 10em; }

.multicolumn_8 li { width:12.5%; } .multicolumn_5 li { width:20.0%; } .multicolumn_4 li { width:25.0%; } .multicolumn_3 li { width:33.3%; } .multicolumn_2 li { width:50.0%; }

/* (2) horizontal list */ .hlist dl { line-height: 1.5em; } .hlist dl, .hlist ol, .hlist ul { margin: 0; } .hlist dd, .hlist dt, .hlist li { display: inline; margin: 0; } /* Display nested lists inline */ .hlist dl dl, .hlist ol ol, .hlist ul ul { display: inline; } /* Nowrap list items */ .hlist dd, .hlist dt, .hlist li { white-space: nowrap; } /* But allow parent list items to be wrapped */ .hlist dd dl, .hlist dt dl, .hlist li ol, .hlist li ul { white-space: normal; } /* Generate interpuncts */ .hlist dt:after { content: ":"; } .hlist dd:after, .hlist li:after { content: " ·"; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* Add parens around nested lists */ .hlist dl dl dd:first-child:before, .hlist ol ol li:first-child:before, .hlist ul ul li:first-child:before { content: "("; } .hlist dl dl dd:last-child:after, .hlist ol ol li:last-child:after, .hlist ul ul li:last-child:after {   content: ")"; font-weight: normal; } /* Put numbers in ordered lists */ .hlist.hnum ol li { counter-increment: level1; } .hlist.hnum ol li:before { content: counter(level1) " "; } .hlist.hnum ol ol li { counter-increment: level2; } .hlist.hnum ol ol li:first-child:before { content: "(" counter(level2) " "; } .hlist.hnum ol ol li:before {   content: counter(level2) " "; } /* (3) plain lists */ .plainlist ul {    line-height: inherit;    list-style: none none;    margin: 0; } .plainlist ul li {    margin-bottom: 0; }