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"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:Global_Lua_Modules/Navbox.css&only=styles"; @import url('https://fonts.googleapis.com/css2?family=Cantarell&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap');

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

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

/** Article background gradient (Dark theme) **/ .theme-fandomdesktop-dark .page__main { background-image: linear-gradient(0deg, #00000070, transparent); }

/** Theme-specific object colors **/ /* Object colors (Dark theme) */ .theme-fandomdesktop-dark .generalobject { background-color:#724987; border:1px solid #d793d4; }

/* Object colors (Light theme) */ .theme-fandomdesktop-light .generalobject { background-color: #c8b9aa; border: 1px solid #fdffdf; }

/** Right rail modifications **/ /* Background color modifications */ .rail-module { background-color: transparent; } .theme-fandomdesktop-dark .page__right-rail { background-image: linear-gradient(0deg, #00000050, transparent); }

/* Hide "Recent Images" from the top of right rail */ .rail-recentImages-module {display:none;}

/** Small fix to prevent Inknut Antiqua from creating scrolls **/ .page-content h2 { overflow: visible; }

/** Theme-specific custom fonts **/ /* Custom font (Dark theme) */ .theme-fandomdesktop-dark, body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, ul.tabbernav {font-family: 'Spectral', sans-serif !important;}

/* Custom font (Light theme) */ .theme-fandomdesktop-light, body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, ul.tabbernav {font-family: 'Cantarell', sans-serif !important;}

/** Link hovering glow **/ a:hover { text-shadow: #fff1ab 0 0 3px; color: #fff1ab !important; text-decoration:none; -webkit-transition: all linear 400ms; -moz-transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; transition: all linear 400ms; }

a { text-decoration:none; -webkit-transition: all linear 400ms; -moz-transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; transition: all linear 400ms; }

/** Theme-specific infobox colors **/ /* Infobox colors (Dark theme) */ .theme-fandomdesktop-dark .portable-infobox { background-image: linear-gradient(0deg, #39235975, transparent); padding: 3px; border-color: rgb(181, 167, 219); }

.theme-fandomdesktop-dark .portable-infobox .pi-title { background: linear-gradient(#4f3478, #3e2563); }

.theme-fandomdesktop-dark .portable-infobox .pi-header { background: linear-gradient(#4f3478, #3e2563); }

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

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

.theme-fandomdesktop-light .portable-infobox .pi-title { background: linear-gradient(#726054, #5e4d42); }

.theme-fandomdesktop-light .portable-infobox .pi-header { background: linear-gradient(#726054, #5e4d42); }

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

/** Theme-specific quote colors **/ /* Quote colors (Dark theme) */ /*.theme-fandomdesktop-dark .quotation { background-image: linear-gradient(#150e2c, #100a21); box-shadow: 0px 0px 4px 0px #e6923e; border: 2px solid rgb(230, 146, 62); }*/

.theme-fandomdesktop-dark .quotation_quote { color: rgb(230, 146, 62); }

/* Quote colors (Light theme) */ /* .theme-fandomdesktop-light .quotation { background-image: linear-gradient(#e1d2c3, #beb2a5); border: 2px solid rgb(114, 96, 84); }*/

.theme-fandomdesktop-light .quotation_quote { color: rgb(114, 96, 84); }

/** Discord widget-specific stuff **/ /* Widget header color (Dark theme) */ .theme-fandomdesktop-dark .discord-widget .widget-header { background-image: linear-gradient(#4f3478, #3e2563); }

/* Widget header color (Light theme) */ .theme-fandomdesktop-light .discord-widget .widget-header { background-image: linear-gradient(#726054, #5e4d42); }

/* Fix to make background image cover entire body */ .discord-widget .widget-body { background-size: cover; }

/* Widget body background image (Dark theme) */ .theme-fandomdesktop-dark .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/f/f4/DiscordDarkBG.png/revision/latest); }

/* Widget body background image (Light theme) */ .discord-widget .widget-theme-light .widget-body, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-body { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/5/5f/DiscordLightBG.png/revision/latest); }

/* User avatar border and nickname colors (Dark theme) */ .theme-fandomdesktop-dark .discord-widget .widget-member-avatar img { border: 2px solid #4f3478; background-image: linear-gradient(#4f3478, #3e2563); }

.theme-fandomdesktop-dark .discord-widget .widget-member .widget-member-name { background-image: linear-gradient(#4f3478, #3e2563); color: #fff; }

/* User avatar border and nickname colors (Light theme) */ .theme-fandomdesktop-light .discord-widget .widget-member-avatar img { border: 2px solid #726054; background-image: linear-gradient(#726054, #5e4d42); }

.theme-fandomdesktop-light .discord-widget .widget-member .widget-member-name { background-image: linear-gradient(#726054, #5e4d42); color: #fff; }

/* Dark footer for both themes */ .discord-widget .widget-footer { background-image: linear-gradient(#161616, #000000); }

/* Light theme specific properties to make it dark */ .discord-widget .widget-theme-light .widget-footer-info, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-footer-info { color: rgba(255,255,255,.7); }

.discord-widget .widget-theme-light .widget-btn-connect, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-btn-connect { color: #e1e1e1; background-color: rgba(255,255,255,.05); border: 1px solid #fff; }

/* 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); }

/* 567koala Games */ /** Nevermoor's Murder Mystery **/ .page-Private_Servers_NMM .main-container, .page-Roles_Nevermoor_s_Murder_Mystery .main-container, .page-Nevermoor_s_Murder_Mystery .main-container, .page-Power-ups_NMM .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/1/14/NMMbg.png/revision/latest); }

/** Viper Enclave **/ .page-Viper_Enclave .main-container { background-image: url(https://static.wikia.nocookie.net/dreamsphere/images/1/15/VEbg.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; }