MediaWiki:Fandomdesktop.css

/* CSS placed here will only affect users of the FandomDesktop skin */

.theme-fandomdesktop-light { --theme-accent-label-color: #063b5e; --theme-accent-border-color: #AFCFE2; --theme-page-background-color--secondary: #f5f5f5; --theme-border-color: #b3b3b3; }

.theme-fandomdesktop-dark { --theme-accent-label-color: #fff; --theme-accent-border-color: #f37f20; --theme-page-background-color--secondary: #1e1f28; }

/* ================================================================== */ /* Dark theme-specific styles */ /* ================================================================== */

/* Make certain icons and logos more visible */ .theme-fandomdesktop-dark .math-image, .theme-fandomdesktop-dark img[data-image-name*="Playstation"], /* For Playstation 3, Playstation 4, etc */ .theme-fandomdesktop-dark img[data-image-name="Amazon.svg"], .theme-fandomdesktop-dark img[data-image-name="Android.svg"], .theme-fandomdesktop-dark img[data-image-name="Pickaxe mask.png"], .theme-fandomdesktop-dark img[data-image-name="Axe mask.png"], .theme-fandomdesktop-dark img[data-image-name="Hammer mask.png"], .theme-fandomdesktop-dark img[data-image-name="Auto icon.png"] { filter: hue-rotate(180deg) invert(100%); } .theme-fandomdesktop-dark img[data-image-name="3DS.svg"] { filter: hue-rotate(180deg) invert(100%) saturate(450%) contrast(150%); } .theme-fandomdesktop-dark img[data-image-name="Tux.svg"] { filter: drop-shadow(0 0 1px #f2f2f2); }

/* Used in Community/Admin noticeboard headers */ .theme-fandomdesktop-dark .highlightbody { color: var(--theme-page-text-color); background: var(--theme-page-background-color--secondary); }

.theme-fandomdesktop-dark .notice-banner > div, .theme-fandomdesktop-dark .message-box.msgbox-color-blue, .theme-fandomdesktop-dark .message-box.msgbox-color-orange, .theme-fandomdesktop-dark .message-box.msgbox-color-yellow, .theme-fandomdesktop-dark .message-box.msgbox-color-purple, .theme-fandomdesktop-dark .message-box.msgbox-color-red, .theme-fandomdesktop-dark .message-box.msgbox-color-green, .theme-fandomdesktop-dark .message-box.msgbox-color-pink { background: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); border-color: var(--theme-border-color); }

/* Expert/Master tab colors in Npc/drop infobox */ .theme-fandomdesktop-dark .npc.infotable.c-expert .terraria th, .theme-fandomdesktop-dark .npc.infobox.c-expert .section .title, .theme-fandomdesktop-dark .npc.infobox.c-expert .drops.items li:first-child, .theme-fandomdesktop-dark .npc.infobox.c-expert .drops.items li.caption, .theme-fandomdesktop-dark .drop.infobox.c-expert th { background-color: #9b7049; color: var(--theme-page-text-color); border-color: #FFCA67; } .theme-fandomdesktop-dark .npc.infotable.c-expert .terraria, .theme-fandomdesktop-dark .npc.infotable.c-expert .terraria th, .theme-fandomdesktop-dark .npc.infotable.c-expert .terraria td, .theme-fandomdesktop-dark .npc.infobox.c-expert .drops.items li, .theme-fandomdesktop-dark .drop.infobox.c-expert td, .theme-fandomdesktop-dark .drop.infobox.c-expert th { border-color: #FFCA67; } .theme-fandomdesktop-dark .npc.infotable.c-master .terraria th, .theme-fandomdesktop-dark .npc.infobox.c-master .section .title, .theme-fandomdesktop-dark .npc.infobox.c-master .drops.items li:first-child, .theme-fandomdesktop-dark .npc.infobox.c-master .drops.items li.caption, .theme-fandomdesktop-dark .drop.infobox.c-master th { background-color: #996669; color: var(--theme-page-text-color); border-color: #FFBABA; } .theme-fandomdesktop-dark .npc.infotable.c-master .terraria, .theme-fandomdesktop-dark .npc.infotable.c-master .terraria th, .theme-fandomdesktop-dark .npc.infotable.c-master .terraria td, .theme-fandomdesktop-dark .npc.infobox.c-master .drops.items li, .theme-fandomdesktop-dark .drop.infobox.c-master td, .theme-fandomdesktop-dark .drop.infobox.c-master th { border-color: #FFBABA; }

/* More visible +byte diff */ .theme-fandomdesktop-dark .mw-plusminus-pos { color: var(--theme-success-color); } /* More visible -byte diff */ .theme-fandomdesktop-dark .mw-plusminus-neg { color: var(--theme-alert-color); }

/* ================================================================== */ /* Main layout */ /* ================================================================== */

/* Override background set in Common.css */ html body { background-image: none; background-color: var(--theme-body-background-color); }

/* Override background set in Common.css */ div#content { background-color: unset; color: unset; border-top: 0; border-bottom: 0; margin-right: unset; } @media(max-width:980px) { div#content { margin: auto; } }

table { border-collapse: separate; }

.terraria { border-spacing: revert; }

.oo-ui-textInputWidget-type-text > input.oo-ui-inputWidget-input, .oo-ui-textInputWidget-type-search > input.oo-ui-inputWidget-input { border-radius: 0; border-width: 1px; }

/* ================================================================== */ /* Page layout */ /* ================================================================== */

.page-header { margin-bottom: 6px; } .page-header__bottom { border-bottom: 1px solid var(--theme-border-color); }

.page-content { padding-top: .4em; }

.page-content dl { margin: 0; }

/* Reduce size of categories on the top and bottom of pages */ .page-header__categories, .CategorySelect.articlePage { font-size: 85%; }

/* Prevent links from being bolded */ .page-content .mw-parser-output a { font-weight: revert; }

.page-content p + p { margin-top: 0.7em; }

.page-content p, .page-content section { margin: 0; }

/* Hide empty list items */ .mw-hide-empty-elt .mw-empty-elt { display: none; }

/* ================================================================== */ /* Special pages */ /* ================================================================== */

/* Special:RecentChanges */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed), .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--theme-border-color); }

/* ================================================================== */ /* Template styles */ /* ================================================================== */

/* All portable infoboxes */ .portable-infobox .pi-title { padding: 5px; } .portable-infobox .pi-header { font-size: 12px; } .portable-infobox .pi-collapse .pi-header:first-child::after { right: 12px; }

/* Template:Only4theme */ .theme-fandomdesktop-light .theme-special:not(.light) { display: none; } .theme-fandomdesktop-dark .theme-special:not(.dark) { display: none; }

/* Template:Drop infobox */ /* Move the sort arrows to the left of the text for the first two headings (they're on the right by default) */ .drop.infobox th:first-child.headerSort::after, .drop.infobox th:nth-child(2).headerSort::after { left: 6px; }

/* ================================================================== */ /* Main page */ /* ================================================================== */

body.mainpage .page-header { display: flex; align-items: center; justify-content: flex-end; } body.mainpage .page-header__bottom { border-bottom: 0; } body.mainpage .page-header__title-wrapper { display: none; } body.mainpage #ca-edit { display: none; } body.mainpage .page-header__languages .wds-dropdown__toggle, body.mainpage .page-header__variants .wds-dropdown__toggle { margin-bottom: 0; } body.mainpage .page-header__actions { margin-left: 3px; padding-top: 0; }