MediaWiki:Fandomdesktop.css

/* Credits to SCP: Silenced, Roblox Wiki & Acepedia for most of the content here */

/* Local CSS - Go here for customising Staff User Profiles  */ @import url("/load.php?articles=MediaWiki:Staff.css&only=styles&mode=articles");

/* Fonts */ @import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&display=swap");

/* Module */ .WikiaRail .rail-module, .ChatEntryPoint, .ChatModule, .WikiaArticle pre, .WikiaRail .module, .WikiaArticle .thumbinner, .WikiaArticleCategories { background: #1A1A1A !important; border: 2px solid #8A8A8A; color: #FFF; border-radius: 5px; vertical-align: text-bottom !important; }

.WikiaRail .rail-module { padding: 20px 15px 15px; margin: 0 0 30px 0; }

a.wds-avatar-stack__avatar { background: none; padding-left: 0; }

.community-page-rail { background-color: #3D3D3D; }

.community-page-rail-module .wds-avatar a { background-image: none; padding-left: unset; }

.community-page-card-module { background-color: #3D3D3D; border: 0px transparent; color: #FFF; }

.community-page-module.community-page-module-box { color: #FFF; }

.community-page-card-module .community-page-card-module-header { align-items: center; background: #3D3D3D; color: #FFF; display: flex; height: 84px; margin-bottom: 24px; padding: 0 18px; }

.community-page-card-module .community-page-card-module-description { align-items: center; background: #3D3D3D; color:#FFF; }

.community-page-card-module .community-page-card-module-list { align-items: center; background: #3D3D3D; color:#FFF; }

.community-page-card-module .community-page-card-module-footer { align-items: center; background: #3D3D3D; color:#FFF; }

.community-page__contributors-modal .community-page-subtle { color: #FFF; font-size: 12px; line-height: 1; }

/*** Quote template styling ***/ .quote, .scriptblock { border-left: 3px solid #6F99BB; margin-left: 9px; } .quote dl { padding: 5px 0; } .quote dl dd { margin-left: 15px; } .scriptblock { margin-bottom: 1em; } .scriptblock li { margin: 0; }

/* Scrollbar */
 * -webkit-scrollbar {

width: 12px; height: 12px; }

body::-webkit-scrollbar { background: #000; }


 * -webkit-scrollbar-thumb {

background: #6F99BB; }


 * -webkit-scrollbar-thumb:hover {

background: #6F99BB; }


 * -webkit-scrollbar-thumb:active {

background: #0A466B; }

/* MessageBox Base */ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: rgba(99, 97, 97, 0.7); /* for dark themed wikis, use #636161 */ border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #d6d6d6; border-radius: 3px; margin-bottom: 5px; min-height: 32px; }

.mbox.mbox-type-important { border-left-color: var(--type-important); }

.mbox.mbox-type-moderate { border-left-color: var(--type-moderate); }

.mbox.mbox-type-minor { border-left-color: var(--type-minor); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #d6d6d6; } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #fff; cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: #777; } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/* MessageBox Design */

.mbox { display: flex; position: relative; background-color: rgba(30, 30, 30, 0.7); border: 2px solid #BFBFBF; border-left-width: 8px; border-left-color: #fff; border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #fff; } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #fff; cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: #777; } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; }

/* Hide header/footer of Discord widget in social card */ .home-social-frame .discord-widget .widget-header, .home-social-frame .discord-widget .widget-footer { display: none; } .home-social-frame .discord-widget-container { margin-top: 10px; } .fadeout img:hover { opacity:0; } .fadeout img:active { opacity:0; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) { visibility: hidden; /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */ }

/* Roblox Interwiki Customization */ /** .RobloxWikis-Head: This controls the top part of the template. .RobloxWikis-HeadButton: The head buttons are the button-like links that link users to the template page, this info page, and the Interwiki Discord. .RobloxWikis-Notice: This part of the template is not always active, as it is usually used for polls for communities' opinions on changes. .RobloxWikis-TableAll: Customizes the table and background. .RobloxWikis-OddRow: Customizes rows A-D and N-S. .RobloxWikis-EvenRow: Customizes rows E-M and T-Z. .RobloxWikis-HeadButton { border: 1px solid #6F99BB; }