MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur.css&only=styles";

/* Light & Dark Themeing */ /* Page border glow (Dark theme) */ .theme-fandomdesktop-dark .resizable-container .page { box-shadow: 0 0 18px rgb(54, 30, 110, 0.5); }

/* Page border glow (Light theme) */ .theme-fandomdesktop-light .resizable-container .page { box-shadow: 0 0 18px rgb(209, 196, 184, 0.5); }

body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, ul.tabbernav {font-family:system-ui !important;}

/** Infobox **/ /*** Dark ***/ .theme-fandomdesktop-dark .portable-infobox { background-image: linear-gradient(0deg, #874a8475, transparent); padding: 5px; border-color: rgb(130 127 138); }

.theme-fandomdesktop-dark .portable-infobox .pi-title { background-color: #635d9587; }

.theme-fandomdesktop-dark .portable-infobox .pi-header { background-color: #635d9587; }

.theme-fandomdesktop-dark .portable-infobox .pi-image { padding: 10px 0; }

/*** Light ***/ .theme-fandomdesktop-light .portable-infobox { padding: 5px; background-image: linear-gradient(0deg, #828ae773, transparent); border-color: #fdffdf; }

.theme-fandomdesktop-light .portable-infobox .pi-title { background-color: #7677ab; }

.theme-fandomdesktop-light .portable-infobox .pi-header { background-color: #7677ab; }

.theme-fandomdesktop-light .portable-infobox .pi-image { padding: 10px 0; }

/* Dream Backgrounds */ /** Universal settings, which makes the backgrounds work **/ .page__main { background-color: rgba(var(--theme-page-background-color--rgb), 0.825); }

.main-container { background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; }

/* Dream Game */ /** Surface Dreams **/ .page-Ten-Mou .main-container, .page-Ten-Mou_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/3/3d/Ten_Mou_Background.png/revision/latest); }

.page-Graveyard_Sea .main-container, .page-Graveyard_Sea_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/d/d7/Graveyard_Sea_Background.png/revision/latest); }

.page-Pink_Swamp .main-container, .page-Pink_Swamp_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/6/62/Pink_Swamp_Background.png/revision/latest); }

.page-Vulcanic_Heights .main-container, .page-Vulcanic_Heights_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/f/f3/Vulcanic_Heights_Background.png/revision/latest); }

.page-Ocean_Lab .main-container, .page-Ocean_Lab_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/9/97/Ocean_Lab_Background.png/revision/latest); }

.page-Fissure_Outpost .main-container, .page-Fissure_Outpost_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/2/2e/Fissure_Outpost_Background.png/revision/latest); }

.page-TenterHook .main-container, .page-TenterHook_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/8/8a/Tenterhook_Background.png/revision/latest); }

/** Depth Dreams **/ .page-Owl .main-container, .page-Owl_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/5/58/OwlBackground.png/revision/latest); }

.page-BallRoom .main-container, .page-BallRoom_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/f/f6/BallRoom_Background.png/revision/latest); }

.page-Coming_Storm .main-container, .page-Coming_Storm_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/3/35/Coming_Storm_Background.png/revision/latest); }

.page-Herakleia_Depths .main-container, .page-Herakleia_Depths_Interactbles .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/4/4d/Herakleia_Depths_Background.png/revision/latest); }

.page-Dying_Mall .main-container, .page-Dying_Mall_Intearactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/b/bd/Dying_Mall_Background.png/revision/latest); }

.page-The_Garden_of_Fulfillment .main-container, .page-The_Garden_of_Fulfillment_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/f/f4/Garden_of_Fulfillment_Background.png/revision/latest); }

.page-Debris .main-container, .page-Debris_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/8/8e/Debris_Background.png/revision/latest); }

.page-Autumnal_Resolute_2 .main-container, .page-Autumnal_Resolute_2_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/b/b1/Autumnal_Resolute_2_Background.png/revision/latest); }

/** Abyssal Dreams **/ .page-Infinite_Silver .main-container, .page-Infinite_Silver_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/0/02/Infinite_Silver_Background.png/revision/latest); }

.page-Frozen_Edge .main-container, .page-Frozen_Edge_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/1/1f/Frozen_Edge_Background.png/revision/latest); }

.page-Frospitality .main-container, .page-Frospitality_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/b/b7/Frospitality%21%21%21.png/revision/latest); }

/** Bonus **/ .page-Lil_Big_World .main-container, .page-Lil_Big_World_Interactables .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/3/39/Lil_Big_World_Background.png/revision/latest); }

/* Main page button CSS made by Lact!!! */ /* Thank you Lact!!! */ .MainpageTable { table-layout:fixed; margin: auto; max-width: 75%; }

.ImageDescriptor { position:absolute; left:0; right:0; bottom:0; height:25px; display:flex; align-items:center; text-align:center; justify-content:center; border-top: 1px solid #d793d4; background-color: rgba(152, 111, 228, 0.329); transition: 0.33s; }

.MainpageTable th > div { position:relative; overflow:hidden; }

.MainpageTable div img { transition: 0.5s }

.SecondaryMainpageImage { opacity:0; position:absolute; left:0; right:0; bottom:0; }

.MainpageTable th:hover .ImageDescriptor { height:35px; background-color:#724987; }

.MainpageTable th:hover .SecondaryMainpageImage { opacity: 1; transition: 0.5s; }

.MainpageTable th:hover .PrimaryMainpageImage { opacity: 0; transition: 0.5s; }