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.
/* All CSS here will be loaded for users of the Cosmos skin */
/* Root var colors */
:root {
--theme-body-background-color: #f7f7f7;
/* NAMESPACE COLOR VARIABLES */
--theme-page-background-color-mod: rgba(216, 233, 210, 0.75); /* mods namespace bg (reef green) #d9ead3 75% opacity*/
--theme-page-background-color-com: rgba(226, 241, 247, 0.75); /* community namespace bg (light grayish blue) #e2f1f7 75% opacity*/
--theme-page-background-color-res: rgba(252, 230, 207, 0.75); /* resources namespace bg (almond off-white, almost yellow) #fce5cd 75% opacity*/
--theme-page-background-color-ifw: rgba(217, 211, 233, 0.75); /* everwind namespace bg (heliotrope violet) #d9d2e9 75% opacity*/
--theme-banner-background-color-mod: #486c3b; /* mods namespace banner bg */
--theme-banner-background-color-com: #6c5239; /* community namespace banner bg */
--theme-banner-background-color-res: #8c6741; /* resources namespace banner bg */
--theme-banner-background-color-ifw: #503c7c; /* everwind namespace banner bg */
--theme-footer-background-color-mod: #486c3b; /* mods namespace banner bg */
--theme-footer-background-color-com: #6c5239; /* community namespace banner bg */
--theme-footer-background-color-res: #8c6741; /* resources namespace banner bg */
--theme-footer-background-color-ifw: #503c7c; /* everwind namespace banner bg */
/* END OF NAMESPACE STUFF*/
--theme-body-background-image: url(http://everwind.jandenhale.com/images/tile_background.png);
--theme-body-text-color: #000;
--theme-banner-background-color: #37535f;
--theme-footer-background-color: #34495E;
--theme-footer-links-list-color: #95A5A6;
--theme-footer-links-list-link-color: #EAEDED;
--theme-suggestions-results-background-color: #d6e2ef;
--theme-suggestions-results-text-color: #000;
--theme-suggestions-results-current-text-color: #fff;
--theme-suggestions-results-special-child-hover-text-color: #000;
--theme-suggestions-results-special-hover-background-color: #2a4b8d;
--theme-suggestions-results-special-hover-text-color: #fff;
--theme-diff-line-border-color: #aaffc7;
--theme-diff-line-background-color: #d7d7d7;
--theme-diff-addedline-diffchange-background-color: #aaffc7;
--theme-diff-deletedline-border-color: #ef6881;
--theme-diff-deletedline-diffchange-border-color: #ef6881;
--theme-recentchanges-plusminus-pos: #00A400;
--theme-recentchanges-plusminus-neg: #c5312d;
--theme-discussion-button-text-color: #000;
--theme-edit-button-background-color: #37535f;
--theme-edit-button-text-color: #fff;
--theme-gallery-image-background-color: #f8f9fa;
--theme-containerTem-background-color: #37535f;
--theme-page-actionLinks-item-hover-bg-color: #d1d1d1a0;
}
.cosmos-header__wordmark {
width: auto;
max-width: 250px;
height: 100px;
margin: 20px;
float: left;
.cosmos-header:before {
border-radius: 10px 10px 0 0;
}
.cosmos-button {
padding: 8px 10px;
}
#cosmos-articleHeader-actions .cosmos-button {
height: 15px;
}
#cosmos-banner {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 55px;
padding: 0;
margin: 0;
background-color: var(--theme-banner-background-color);
font-size: 15px;
}
#cosmos-banner-search {
display: flex;
width: 100%;
margin: 0 10px;
background-color: var(--theme-banner-background-color);
}
#cosmos-banner-userOptions {
display: flex;
align-items: center;
margin: 0 10px;
background-color: var(--theme-banner-background-color);
}
#cosmos-footer {
width: 100%;
border: 0;
margin: 0;
background-color: var(--theme-footer-background-color);
opacity: 0.7;
}
#cosmos-footer-footerContent {}
#cosmos-footerContent-footerLinks {
padding-top: 15px;
}
#cosmos-footerLinks-info {
padding: 0;
margin: 0;
}
.cosmos-footerLinks-list {
padding: 0;
margin: 0;
color: var(--theme-footer-links-list-color);
font-size: 10pt;
list-style: none;
}
.cosmos-footerLinks-list li a {
color: var(--theme-footer-links-list-link-color);
}
#cosmos-footerLinks-places > li {
display: inline;
padding: 0 0 5px 0;
}
#cosmos-footerLinks-places > li:not( :first-child ):before {
color: var(--theme-footer-links-list-link-color);
content: ' | ';
}
.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: var(--theme-suggestions-results-background-color);
color: var(--theme-suggestions-results-text-color);
}
body > .suggestions .suggestions-result-current, body > .suggestions .suggestions-result-current .highlight {
color: var(--theme-suggestions-results-current-text-color) !important;
}
body > .suggestions .suggestions-special *:hover {
color: var(--theme-suggestions-results-special-child-hover-text-color);
}
body > .suggestions .suggestions-special:hover {
background-color: var(--theme-suggestions-results-special-hover-background-color);
color: var(--theme-suggestions-results-special-hover-text-color) !important;
}
.mw-special-ApiSandbox .oo-ui-selectWidget {
max-height:400px;
}
#cosmos-articleHeader-title {
max-width: 65%;
}
#cosmos-header-articleHeader {
align-items: flex-start;
}
#cosmos-articleHeader-title .mw-indicators {
display: none !important;
}
.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: var(--theme-diff-line-border-color) !important;
background-color: var(--theme-diff-line-background-color) !important;
}
.diff-addedline .diffchange {
background: var(--theme-diff-addedline-diffchange-background-color) !important;
}
.diff-deletedline {
border-color: var(--theme-diff-deletedline-border-color) !important;
}
.diff-deletedline .diffchange {
background-color: var(--theme-diff-deletedline-diffchange-border-color) !important;
}
.mw-rcfilters-ui-overlay {
z-index: 100 !important;
}
#cosmos-articleHeader-title #cosmos-title-text {
margin-right: 5px;
}
.mw-specialpages-list {
-webkit-columns: 16em 2;
-moz-columns: 16em 2;
columns: 16em 2;
}
#profile-image {
z-index: 2;
}
body * {
font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
h2, h3, h4, h5 {
margin-bottom: 4px !important;
}
h4 {
font-size: 1.07em;
scale: 97%;
}
.cosmos-button-text {
margin: 0 !important;
}
#mw-content, .mw-content-banner, .mw-content-bottom-ads {
background-color: var(--theme-body-background-color);
background-size: 613px;
background-image: var(--theme-body-background-image);
}
.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;
}
#catlinks {
padding-top: 10px !important;
position: relative;
}
#catlinks > div {
position: relative;
}
/* 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;
border-radius: 10px;
background: var(--theme-page-background-color) url("http://everwind.jandenhale.com/images/logo.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: var(--theme-recentchanges-plusminus-pos);
}
.mw-plusminus-neg {
color: var(--theme-recentchanges-plusminus-neg);
}
/* ############################################ */
/* ### Top Banner CSS ### */
/* ### User:Eckserah ### */
/* ############################################ */
.mw-content-banner {
height: auto;
border-color: black;
border-width: 2px 0;
border-style: dashed solid;
}
.mw-content-bottom-ads {
height: auto;
border-color: black;
border-width: 0;
border-top-width: 2px;
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, .rightBoxContainer30 {
flex: 30%;
}
.leftBoxContainer50 {
flex: 50%;
}
.rightBoxContainer50 {
flex: 50%;
}
.leftBoxContainer30 {
flex: 30%;
}
.leftBoxContainer80 {
flex: 80%;
}
.rightBoxContainer20 {
flex: 20%;
}
.fullBoxContainer {
flex: 100%;
}
/* ############################################ */
/* ### Number of articles ### */
/* ### User:Kate 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;
}
/* ############################################ */
/* ### Headings ### */
/* ### User:Kate Aces ### */
/* ############################################ */
/*
.mw-headline {
font-family: 'Work Sans',sans-serif;
text-transform: uppercase;
padding-top: 3px;
font-weight: 500;
color: #000000;
}*/
.snd_move_break {
display: none;
}
#toc > ul {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
#toc {
overflow:hidden;
}
body #mw-content-banner,
body #mw-content,
.mw-body h1.firstHeading,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body #mw-content-text {
color: var(--theme-body-text-color);
}
#ca-talk.cosmos-button.cosmos-button-secondary {
color: var(--theme-discussion-button-text-color);
stroke: var(--theme-discussion-button-text-color);
}
#cosmos-articleHeader-actions .cosmos-button-primary {
background-color: var(--theme-edit-button-background-color);
color: var(--theme-edit-button-text-color);
stroke: var(--theme-edit-button-text-color)
}
/* ############################################ */
/* ### Gallery thumbnail background ### */
/* ### User:Eckserah ### */
/* ############################################ */
li.gallerybox div.thumb {
background-color: var(--theme-gallery-image-background-color);
}
/* ############################################ */
/* ### Interlang icons ### */
/* ### User:Eckserah ### */
/* ############################################ */
#interlang-links p {
margin: 0;
}
#interlang-links {
margin-left: 20px;
}
#interlang-links .interlang-icon {
border: 1px solid transparent;
border-radius: 5px;
}
/* ############################################ */
/* ### Better action list hover actions ### */
/* ### User:Eckserah ### */
/* ############################################ */
#cosmos-actionsList-list a:hover {
background-color: inherit;
}
#cosmos-actionsList-list li:hover {
background-color: var(--theme-page-actionLinks-item-hover-bg-color);
}
/* ############################################ */
/* ### Sidebar Theme Junk ### */
/* ### User:RurinGas ### */
/* ############################################ */
@media screen {
#p-Navigation.wds-dropdown,
#p-Fallout.wds-dropdown,
#p-Fallout_2.wds-dropdown,
#p-Fallout_3.wds-dropdown,
#p-Fallout_New_Vegas.wds-dropdown,
#p-Fallout_4.wds-dropdown,
#p-Fallout_76.wds-dropdown,
#p-Utilities.wds-dropdown,
#p-Mod.wds-dropdown{
display: none;
}
}
#content {
margin: 0 40px;
}
#mw-content {
padding: 10px 0;
}
/* ############################################ */
/* ### Gimped Footer Image Resize ### */
/* ### User:RurinGas ### */
/* ############################################ */
[src="https://images.fallout.wiki/6/6c/IWF_Member.png"] {
max-width: 88px;
height: auto;
}
/* ############################################ */
/* ### Trepidatious word wrap fix ### */
/* ### User:RurinGas ### */
/* ############################################ */
#mw-content-text {
overflow-wrap: normal;
}
/* ############################################ */
/* ### Bumping Scroll to top Button up ### */
/* ### User:RurinGas ### */
/* ############################################ */
#scrollUpButton {
bottom: 65px;
}
/* ############################################ */
/* ### Color by namespace ### */
/* ### User:Wana ### */
/* ############################################ */
/* Mods namespace color*/
.ns-4000 #mw-content{ background-color: var(--theme-page-background-color-mod);}
/* Community namespace color*/
.ns-4500 #mw-content{ background-color: var(--theme-page-background-color-com);}
/* Resources namespace color*/
.ns-3002 #mw-content{ background-color: var(--theme-page-background-color-res);}
/* Projects namespace color*/
.ns-3000 #mw-content{ background-color: var(--theme-page-background-color-ifw);}
/* Falloutwiki namespace color*/
.ns-4 #mw-content{ background-color: var(--theme-page-background-color-ifw);}
/* Userpages namespace color*/
.ns-2 #mw-content{ background-color: var(--theme-page-background-color-com);}
/* Fix for adsense temporarily */
.user-anon #cosmos-banner {
position: static !important;
}
/* ############################################ */
/* ### Changes for collapsible button ### */
/* ### User:Eckserah ### */
/* ############################################ */
#mw-content .mw-collapsible:not(.mw-enhanced-rc):not(.mw-disable-button):not(#mw-history-search):not(.oo-ui-fieldsetLayout-header) a:not(.new).mw-collapsible-text {
color: var(--theme-edit-button-text-color);
text-decoration: underline;
}
.mw-collapsible:not(.mw-enhanced-rc):not(.mw-disable-button):not(#mw-history-search):not(.oo-ui-fieldsetLayout-header) .mw-collapsible-toggle-default:before, .mw-collapsible:not(.mw-enhanced-rc):not(.mw-disable-button):not(#mw-history-search):not(.oo-ui-fieldsetLayout-header) .mw-collapsible-toggle-default:after {
display: none;
}
.mw-collapsible:not(.mw-enhanced-rc):not(.mw-disable-button):not(#mw-history-search) .mw-collapsible-toggle:not(.oo-ui-fieldsetLayout-header) {
background-color: #b5b3ec21;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #ababab;
border-radius: 5px;
}
/* ############################################ */
/* ### Fringe-case fixes for above ### */
/* ### User:Rurin ### */
/* ############################################ */
.infoboxcollapse .mw-collapsible-toggle-expanded::after, .infoboxcollapse .mw-collapsible-toggle-collapsed::after, .infoboxcollapse .mw-collapsible-toggle {
visibility: initial;
font-size: 25px;
display: block !important;
border: 0 !important;
background-color: transparent !important;
}
.infoboxcollapse .mw-collapsible-toggle-expanded::after {
content: "<";
}
.infoboxcollapse .mw-collapsible-toggle-collapsed::after {
content: ">";
}
.infobox .mw-collapsible-toggle {
background-color: unset;
border: unset;
}
