MediaWiki:Cosmos.css

/* All CSS here will be loaded for users of the Cosmos skin */ /* Root var colors */ .theme-dark { --theme-body-dynamic-color-1: #fff; --theme-body-dynamic-color-1--rgb: 255,255,255; --theme-body-dynamic-color-2: #e6e6e6; --theme-body-dynamic-color-2--rgb: 230,230,230; --theme-page-dynamic-color-1: #000; --theme-page-dynamic-color-1--rgb: 0,0,0; --theme-page-dynamic-color-1--inverted: #fff; --theme-page-dynamic-color-1--inverted--rgb: 255,255,255; --theme-page-dynamic-color-2: #3a3a3a; --theme-page-dynamic-color-2--rgb: 58,58,58; --theme-sticky-nav-dynamic-color-1: #fff; --theme-sticky-nav-dynamic-color-1--rgb: 255,255,255; --theme-sticky-nav-dynamic-color-2: #e6e6e6; --theme-sticky-nav-dynamic-color-2--rgb: 230,230,230; --theme-link-dynamic-color-1: #fff; --theme-link-dynamic-color-1--rgb: 255,255,255; --theme-link-dynamic-color-2: #e6e6e6; --theme-link-dynamic-color-2--rgb: 230,230,230; --theme-accent-dynamic-color-1: #fff; --theme-accent-dynamic-color-1--rgb: 255,255,255; --theme-accent-dynamic-color-2: #e6e6e6; --theme-accent-dynamic-color-2--rgb: 230,230,230; --theme-body-background-color: #090b0f; --theme-body-background-color--rgb: 9,11,15; --theme-body-text-color: #fff; --theme-body-text-color--rgb: 255,255,255; --theme-body-text-color--hover: #cccccc; --theme-sticky-nav-background-color: #182e44; --theme-sticky-nav-background-color--rgb: 24,46,68; --theme-sticky-nav-text-color: #fff; --theme-sticky-nav-text-color--hover: #cccccc; --theme-page-background-color: #feffff; --theme-page-background-color--rgb: 254,255,255; --theme-page-background-color--secondary: #f1f2f2; --theme-page-background-color--secondary--rgb: 241,242,242; --theme-page-text-color: #3a3a3a; --theme-page-text-color--rgb: 58,58,58; --theme-page-text-color--hover: #6d6d6d; --theme-page-text-mix-color: #9c9d9d; --theme-page-text-mix-color-95: #f4f5f5; --theme-page-accent-mix-color: #8f9598; --theme-page-headings-font: 'Work Sans'; --theme-link-color: #1764b7; --theme-link-color--rgb: 23,100,183; --theme-link-color--hover: #0b325c; --theme-link-label-color: #fff; --theme-accent-color: #202a30; --theme-accent-color--rgb: 32,42,48; --theme-accent-color--hover: #485f6d; --theme-accent-label-color: #fff; --theme-border-color: #cdcece; --theme-border-color--rgb: 205,206,206; --theme-alert-color: #bf0017; --theme-alert-color--rgb: 191,0,23; --theme-alert-color--hover: #59000a; --theme-alert-color--secondary: #bf0017; --theme-alert-label: #fff; --theme-warning-color: #cf721c; --theme-warning-color--rgb: 207,114,28; --theme-warning-color--secondary: #ce711b; --theme-warning-label: #000; --theme-success-color: #0c742f; --theme-success-color--rgb: 12,116,47; --theme-success-color--secondary: #0c742f; --theme-success-label: #fff; --theme-message-color: #753369; --theme-message-label: #fff; --theme-community-header-color: #ffffff; --theme-community-header-color--hover: #ffffff; --theme-background-image-opacity: 76%; --theme-page-text-opacity-factor: 0.85; --theme-body-text-opacity-factor: 0.7; --theme-link-color--visited: #33806f; --theme-link-color--external: #3366bb; --theme-page-background-color--secondary: #e6f4fa; --theme-page-background-color--tertiary: #bfd2df; --theme-page-background-color--quaternary: #e1f2f5; --theme-page-background-color--quinary: #95b4ca; --theme-page-background-color--light: #f9f9f9; --theme-page-background-color--gray: #ddd; --theme-border-color-alt: #818181; --ace-background-color: #A9CAD9; --ace-text-color: #2a2a2a; --ace-table-background-color: #E6F4FA; --ace-table-text-color: #000; --ace-table-heading-background-color: #e5cb69; }

.cosmos-header:before { border-radius: 10px 10px 0 0; }

.cosmos-button { padding: 8px 10px; }

height: 15px; }
 * 1) cosmos-articleHeader-actions .cosmos-button {

position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 55px; padding: 0; margin: 0; background-color: #537d90; font-size: 15px; }
 * 1) cosmos-banner {

display: flex; width: 100%; margin: 0 10px; background-color: #537d90; }
 * 1) cosmos-banner-search {

display: flex; align-items: center; margin: 0 10px; background-color: #537d90; }
 * 1) cosmos-banner-userOptions {

width: 100%; border: 0; margin: 0; background-color: #34495E; opacity: 0.7; }	#cosmos-footerContent-footerLinks { padding-top: 15px; }	#cosmos-footerLinks-info { padding: 0; margin: 0; }	.cosmos-footerLinks-list { padding: 0; margin: 0; color: #95A5A6; font-size: 10pt; list-style: none; }	.cosmos-footerLinks-list li a { color: #EAEDED ; }	#cosmos-footerLinks-places > li { display: inline; padding: 0 0 5px 0; }	#cosmos-footerLinks-places > li:not( :first-child ):before { color: #EAEDED; content: ' | '; }
 * 1) cosmos-footer {
 * 1) cosmos-footer-footerContent {}

.va-documentation-links a { background-image: none !important; padding-right: 0 !important; }

section[data-item-name="images"] img { max-height: 300px; max-width: 270px !important; }

.thumbimage { background-color: transparent !important; border: 0 !important; }

.thumbcaption { border: 0 !important; padding: 0 !important; }

.thumbinner { background-color: transparent !important; }

.thumbinner .magnify a.internal { background-image: none !important; }

.thumbinner .magnify { display: none; }

.mw-highlight pre, #cosmos-pageBody-content pre { font-family: monospace !important; }

body > .suggestions .suggestions-results, body > .suggestions .suggestions-special { background-color: #d6e2ef; color: #000000; }

body > .suggestions .suggestions-result-current, body > .suggestions .suggestions-result-current .highlight { color: #FFFFFF !important; }

body > .suggestions .suggestions-special *:hover { color: #000000; }

body > .suggestions .suggestions-special:hover { background-color: #2a4b8d; color: #FFFFFF !important; }

.mw-special-ApiSandbox .oo-ui-selectWidget { max-height:400px; }

max-width: 65%; }
 * 1) cosmos-articleHeader-title {

align-items: flex-start; }
 * 1) cosmos-header-articleHeader {

display: none !important; }
 * 1) cosmos-articleHeader-title .mw-indicators {

.CodeMirror-lines * { font-family: monospace; }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #FFFFFF !important; }

.diff-addedline, .diff-deletedline { border-color: #aaffc7 !important; background-color: #d7d7d7 !important; }

.diff-addedline .diffchange { background: #aaffc7 !important; }

.diff-deletedline { border-color: #ef6881 !important; }

.diff-deletedline .diffchange { background-color: #ef6881 !important; }

.mw-rcfilters-ui-overlay { z-index: 100 !important; }

margin-right: 5px; }
 * 1) cosmos-articleHeader-title #cosmos-title-text {

.mw-specialpages-list { -webkit-columns: 16em 2; -moz-columns: 16em 2; columns: 16em 2; }

z-index: 2; }
 * 1) profile-image {

body * { font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; }

h2, h3, h4, h5 { margin-bottom: 5px !important; }

h4 { font-size: 1.07em; }

.cosmos-button-text { margin: 0 !important; }

background-color: #f7f7f7; background-size: 613px; background-image: url(https://fallout.wiki/images/7/7d/Vaultboybgfull.png); }
 * 1) mw-content, .mw-content-banner {

.cosmos-userButton-label { margin-top: 0 !important; } .va-hatnote { display:flex; } .va-hatnote > div { line-height: 1.2em; }

.va-hatnote .va-hatnote-image img { vertical-align: baseline; margin-top: 0.1em; }

padding-top: 10px !important; position: relative; }
 * 1) catlinks {

position: relative; }
 * 1) catlinks > div {

/* Below is the code for the image on the right of the categories box  */ /* Written by Eckserah, inspired by Halopedia.org Nimbus skin categ box */ div#catlinks::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #f7f7f7 url(https://fallout.wiki/images/1/16/FO76_ui_condition_01.png) no-repeat top right; opacity: 0.25; background-size: 6%; background-position: 98% -10%; }

div.gallerytext { font-size: 75% !important; }

.ui-autocomplete { z-index: 3 !important; }

.anon-allowed-page .cosmos-header__local-navigation { visibility:hidden !important; }

.va-transcript-text { font-family: monospace !important; }

.va-transcript-text * { font-family: monospace !important; }

/* ############################################ */ /* ###      Recent changes byte drip       ### */ /* ############################################ */

.mw-plusminus-pos { color: #00A400; } .mw-plusminus-neg { color: #c5312d; }

/* ############################################ */ /* ###           Top Banner CSS            ### */ /* ###           User:Eckserah             ### */ /* ############################################ */

.mw-content-banner { height: 125px; border: 2px solid black; border-left: 0; border-right: 0; border-style: dashed solid; }

.topBannerMobile { display: none; }

/* ############################################ */ /* ###        Home page box alignment      ### */ /* ###           User:Eckserah             ### */ /* ############################################ */

.mainBoxContainer { width: 100%; display: flex; flex-wrap: wrap; }

.leftBoxContainer { flex: 70%; }

.rightBoxContainer { flex: 30%; }

/* ############################################ */ /* ###         Testing mobile css          ### */ /* ###           User:Eckserah             ### */ /* ############################################ */

@media (max-width: 480px) { .portable-infobox { float: none !important; }	#cosmos-articleHeader-title { max-width:100%; }	.mw-content-banner { height: auto; }	.topBannerMobile { display: block; }	.topBanner { display: none; } } @media screen and (max-width: 800px) { .topBannerMobile img, .topBanner img { width: 100%; height: auto; } } @media screen and (max-width: 850px) and (min-width: 481px) { .toc { width: auto; }	#cosmos-articleHeader-title { max-width:100%; }	.mw-content-banner { height: auto; } }

@media screen and (max-width: 1033px) { .mainBoxContainer { flex-direction: column; flex-wrap: nowrap; } }

/* ############################################ */ /* ###         Number of articles          ### */ /* ###           User:Kid Aces             ### */ /* ############################################ */

.cosmos-header__counter-label { display: block; margin-top: 3px; font-size: 12px; line-height: 1; text-transform: uppercase; } .cosmos-header__counter-value { display: block; font-size: 20px; line-height: 1; }