MediaWiki:Background.css

/** * Pure CSS full-background restoration in the FandomDesktop skin * @note  Remove this entire import if a skin-supported top background is desired. * @author Ursuul  */

/* Images */ .skin-fandomdesktop { --full-background-image: url("https://static.wikia.nocookie.net/swordartonline/images/5/50/Wiki-background/revision/latest"); }

/* Screens equal to or smaller than 16:9 1080p */ @media screen and (min-width: 1084px) and (max-width: 1920px) and (max-height: 1080px) { .skin-fandomdesktop { --full-background-image: url("https://static.wikia.nocookie.net/swordartonline/images/d/da/Wiki-background05x.jpg/revision/latest"); } }

/* Screens wider or taller than 16:9 1080p */ @media screen and (min-width: 1921px) and (max-width: 2560px) and (max-height: 1440px), screen and (min-height: 1081px) and (max-height: 1440px) and (min-width: 1084px) { .skin-fandomdesktop { --full-background-image: url("https://static.wikia.nocookie.net/swordartonline/images/d/d8/Wiki-background067x.jpg/revision/latest"); } }

/* Screens wider or taller than 16:9 1440p */ @media screen and (min-width: 2561px), screen and (min-height: 1441px) and (min-width: 1084px) { .skin-fandomdesktop { --full-background-image: url("https://static.wikia.nocookie.net/swordartonline/images/8/8a/Wiki-background.jpg/revision/latest"); } }

/* Tablet exempted-implementation (due to tablet bugs) */ @media (hover: hover) and (pointer: fine) { .skin-fandomdesktop { background: linear-gradient(               rgba(0, 0, 0, 0.4),                rgba(0, 0, 0, 0.4)            ), var(--full-background-image) center top/cover no-repeat fixed; }

.theme-fandomdesktop-dark { background-image: linear-gradient(               rgba(0, 0, 0, 0.7),                rgba(0, 0, 0, 0.7)            ), var(--full-background-image); }

.skin-fandomdesktop .fandom-community-header__background { visibility: hidden; } }

/* Make header text legible against the background in light mode */ .fandom-community-header .fandom-community-header__community-name, .fandom-community-header .wds-tabs__tab-label.first-level-item { overflow: visible; text-shadow: 0 2px 5px #000000; }