MediaWiki:Fandomdesktop.css

/*=============*/ /*  Fonts     */ /*=============*/ @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap%27'); @import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap'); @import url('https://fonts.googleapis.com/css?family=Muli');

/*=============*/ /* Page Content */ /*=============*/ .page__main { font-family: 'Josefin Sans'; font-weight: 700; }

.page-content { font-size:13px !important; line-height:20px !important; color: #8b0000 ; font-family: 'Josefin Sans'; font-weight: 700; word-spacing: 0px; margin-bottom: 10px; margin-top:2px; }

b { font-weight: 900; color:#000000; }

.mw-parser-output a { font-weight: inherit; }

.page-content p { font-weight: inherit; margin-top:2px; margin-bottom: 10px; line-height: 1.65; }

.page-content section { font-weight: inherit; margin-top:10px; margin-bottom: 2px; line-height: 1.65; }

.mw-parser-output>p+ul { margin-top: inherit; }

.page-content ul.wds-tabs { background:#FFEFD1; border:1px solid #443B32; }

.wds-tabs__tab { color:#443B32; height: 37px; }

/*=============*/ /*  Headers   */ /*=============*/

.page-header { font-family: 'Courgette'; } .page-content h2 { border-bottom: 2px solid FireBrick; padding:0px; font-family: "Courgette"; margin-top: 10px; font-weight: 500; color:#8b0000; }

.page-content h3 { font-weight: 600; color:SkyBlue; font-family: 'Nanum Gothic'; margin-top: 15px; margin-bottom: -4px; }

.page-content h4 { font-weight: 600; font-family: 'Nanum Gothic'; color:ForestGreen; margin-bottom: -4px; }

/*=============*/ /*  Cosmetic  */ /*=============*/

.wikia-gallery-caption-below .lightbox-caption { color: #776C60; }

.page-content .floatleft { margin: 0 8px 0px 0; }

.bottomline { border-top: 2px solid #443B32; margin-top:10px; margin-bottom:-2px; width: 100%; }

/*=====================*/ /* Portable infoboxes */ /*====================*/ .portable-infobox { width: 295px; border: 3px solid #DC143C !important; border-radius: 10px; background: var(--theme-page-background-color); }

.portable-infobox .pi-header, .portable-infobox .pi-title { border-radius: 15px; }

.portable-infobox .pi-image-collection { margin: 2px; }

.portable-infobox .pi-image-collection-tabs { text-align: center; background: transparent; display: flex; flex-wrap: wrap-reverse; justify-content: center; }

.portable-infobox .pi-item.pi-image { display:flex; flex-direction: column-reverse; margin: 2px; }

.portable-infobox .pi-collapse-closed > *:nth-child(n+2) { display:none; }

.portable-infobox .pi-image-collection-tab-content .pi-item.pi-image { margin: auto; }

.portable-infobox .pi-image figcaption.pi-caption, .portable-infobox .pi-tab-link.pi-item-spacing { font-size: 9px; border: 1px solid crimson; /* to be overridden by more specific rules if necessary */ border-bottom: 0px; padding: 2px 5.5px; border-radius: 5px 5px 0 0; line-height: normal; margin-bottom: 0; margin-top: 0; }

.portable-infobox .pi-image figcaption.pi-caption { margin-left: auto; margin-right: auto; text-align: center; min-width: 35%; }

.portable-infobox .pi-tab-link.pi-item-spacing { margin-left: 3px; margin-right: 1.2px; max-width: none; }

.portable-infobox .pi-image figcaption.pi-caption, .portable-infobox .pi-image-collection-tabs .current { background-color: crimson; color: white; }

.portable-infobox .pi-image a.image-thumbnail { border: 1px solid crimson; border-right: 2px solid crimson; border-bottom: 2px solid crimson; border-radius: 8px; padding: 2px 0.5em; }

.portable-infobox .pi-image img.pi-image-thumbnail, .portable-infobox .pi-image-collection-tab-content img { max-width: 275px; height: auto; }

.portable-infobox .pi-item-spacing { margin: 1px; padding: 0; }

.portable-infobox .pi-title { font-size: 100%; color: #ffffff; border-radius: 5px; text-shadow: 3px 3px 3px #333333; background: #DC143C; padding: 5px; }

.portable-infobox .pi-header { border-radius: 5px; padding: 5px; color: #ffffff; background: #DC143C; text-align: center; vertical-align: middle; font-size: 85%; line-height: 1em; }

.portable-infobox .pi-data .pi-data-label { flex-basis: 35%; padding: 3px 3px 3px 5px; border-radius: 3px; vertical-align: middle; background: #DC143C; color: #ffffff; font-weight: normal; font-size: 75%; }

.portable-infobox table.pi-horizontal-group { border-spacing: 2px 0; border-collapse: separate; }

.portable-infobox .pi-horizontal-group-item.pi-data-label { padding-left: 3px; border-radius: 3px; background: #DC143C; color: #ffffff; font-weight: normal; font-size: 75%; vertical-align: middle; }

.portable-infobox .pi-data .pi-data-value { margin-top: auto; padding: 3px; flex-basis: 60%; flex-grow: 2; font-size: 75%; margin-right: 3px; margin-left: 3px; }

.portable-infobox .pi-data-value { text-align: right; border-bottom: 1px solid #DB143c; background: var(--theme-page-background-color); }

.portable-infobox .pi-data-value li { text-align: left; }

/*===================*/ /* Table of Contents */ /*===================*/ .page-content #toc { border: 2px groove #8b0000; border-radius: 10px 10px 10px 10px; }

.toc ul li a { font-weight:700; color:#B56937; }

/*=======================================*/ /* Removes arrow icon on external links */ /*======================================*/ .page-content a.external:after, .page-content a[href^="gopher://"]:after { background-image: none; content: none; }

/*===============*/ /* BG BOXES  */ /*===============*/ .bgbox { background: url('https://i.imgur.com/MNsFaGM.png'); background-attachment: fixed; overflow: auto; background-position: center; } .bgboxmain { background: url('https://i.imgur.com/tBDFFp8.png'); background-position: center; overflow: auto; background-attachment: fixed; }

.commentbox { background: url('https://i.imgur.com/tBDFFp8.png'); background-position: center; background-attachment: fixed; font-size:13px !important; font-weight: 700; color: #594E42; }

/*=============*/ /* Community Header */ /*=============*/ .fandom-community-header__local-navigation .first-level-item a { color:#ffffff; font-family:'Muli'; }

.wiki-tools .wds-button.wds-is-secondary { color:#ffffff; }

.fandom-community-header .fandom-community-header__community-name { color:#ffffff; font-family:'Muli'; font-weight: 700; font-size:19px; }

.wds-dropdown__toggle-chevron { color:#ffffff; }

.page-counter__value { color:#ffffff; }

.page-counter__label { color:#ffffff; }

/*=============*/ /* Scrollbar */ /*=============*/
 * -webkit-scrollbar {

width: 10px; box-shadow: 0 0 6px rgba(255,50,0,0.6); }
 * -webkit-scrollbar-track {

background: white !important; -webkit-box-shadow: inset 0 0 6px rgba(255,130,231,0.1); -moz-box-shadow: inset 0 0 6px rgba(255,130,231,0.1); box-shadow: inset 0 0 6px rgba(255,130,231,0.1); border: 1px inset #F9F29F; border-radius: 8px; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(FireBrick, #8b0000); border: 1px groove FireBrick; border-radius: 8px; -webkit-box-shadow: 0 0 6px SkyBlue; -moz-box-shadow: 0 0 6px FireBrick; box-shadow: 0 0 6px FireBrick; }
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(SkyBlue, SkyBlue); border: 1px inset #F9F29F; border-radius: 8px; -webkit-box-shadow: 0 0 6px SkyBlue; -moz-box-shadow: 0 0 6px SkyBlue; box-shadow: 0 0 6px SkyBlue; }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(black, white); border: 1px outset #F9F29F; border-radius: 8px; -webkit-box-shadow: 0 0 6px #8b0000; -moz-box-shadow: 0 0 6px #8b0000; box-shadow: 0 0 6px #8b0000; }

/*=============*/ /* Make the Edit Menu Drop Down on Hover */ /*=============*/ .page-header > .wikia-menu-button > .WikiaMenuElement { display: block; min-width: 100%; /* Wikia's scripts only set this when opened 1st time */ visibility: hidden; /* visibility has a stair-step transition, !=0% is visible, 0% is hidden */ -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.4s; -webkit-transition-delay: 0.1s; transition-property: opacity, visibility; transition-duration: 0.4s; transition-delay: 0.1s; opacity: 0; } .page-header > .wikia-menu-button .drop:hover ~ ul, .page-header > .wikia-menu-button > .WikiaMenuElement:hover { visibility: visible; opacity: 1; }

/* - - - - -  - - - - - */ div.tright, div.tleft { border: 1px groove #F9F29F; } div.thumbinner { background: inherit; border: none; color: inherit; }  color: inherit; }
 * 1) content div.thumb {

/* - - - - -  - - - - - */ .page-content .thumb { position: relative; } .page-content .thumb > .magnify { position: relative; /* relative to .thumb */ right: 3px; bottom: 4px; opacity: 0.15; margin: 0; padding: 0; float: none; } .page-content .thumb > .magnify:hover { /* Reveal on hover */ opacity: 1; }

/* - - - - -  - - - - - */ .page-content .editsection { font-weight: 500; float: right !important; margin-right: 10px !important; }

/* - - - - -  - - - - - */ .page { border: 1px groove #F0131E; -moz-box-shadow: 0 0 2px #F0131E; -webkit-box-shadow: 0 0 2px #F0131E; box-shadow: 0 0 2px SkyBlue; border-radius: 3px; }	height: 23px; width: 23px; }
 * 1) title-seriesicons img {

/* - - - - -  - - - - - */ margin: 0 0 20px 0; } .editpage-sourcewidemode-on .edit-widemode-hide { display: none; }
 * 1) WikiaPageHeader {

/* - - - - -  - - - - - */ .article-thumb, .activityfeed-inserted-media li { -webkit-border-radius: 1ex; -moz-border-radius: 1ex; border-radius: 1ex; border:1px groove #F9F29F; overflow: hidden; empty-cells: hide; } figcaption { margin: 5px; } .article-thumb figcaption .caption { margin: 5px; font-size: 12px; } .page-content .article-thumb p:last-child, .page-content .article-thumb p + p:last-child { padding: 0; }

/* - - - - -  - - - - - */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; }

/* - - - - -  - - - - - */ div.picture-attribution {display:none !important; }

/* - - - - -  - - - - - */ a:hover { color: #8b0000 !important; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } a:hover a:active { color: #F9F29F !important; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }

/* - - - - -  - - - - - */ color: white; }   text-decoration: underline; }
 * 1) backtotop button{
 * 1) backtotop button:hover {

/* - - - - -  - - - - - */ .cp-modal .cp-window { background-color: white !important; color: black !important; }

/* - - - - -  - - - - - */ .WikiaNotifications li div { border-radius: 4px; box-shadow: 1px 0 1px FireBrick; color: white; margin-right: 0px; max-width: 175px; overflow: auto; padding: 10px 20px; position: relative; }

/* - - - - -  - - - - - */ .npage-preview { background: SkyBlue; border: 1px groove SkyBlue; box-shadow: 0 0 5px #8b0000; overflow: hidden; padding: 10px; position: fixed !important; top: 5px !important; } .npage-preview-noimage { display: none; }

/* - - - - -  - - - - - */ display: none; }
 * 1) mixed-content-footer {

/* - - - - -  - - - - - */ .right-rail-wrapper .rail-module, .content-review-module.module, .templatedraft-module.module, .page-content .thumbinner, .page-content.pre, .recirculation-rail.module.group-CONTROL, .toc.show, .right-rail-wrapper.module, .recirculation-rail.module.group-LATERAL_BOTH, .WikiaBlogListingBox.module, .community-page-entry-point-module.module, .module.contributors-module, .module.community-policy-module, .module.recent-activity-module, .module.help-module, .rail-module.activity-module { -webkit-box-shadow: 1px 1px 3px #0476F2, -1px -1px 3px SkyBlue !important; -moz-box-shadow: 1px 1px 3px SkyBlue, -1px -1px 3px #0476F2 !important; box-shadow: 1px 1px 3px #0476F2, -1px -1px 3px SkyBlue !important; letter-spacing: 1px; line-height: 1.5em; border-image: none; /* - - - - - <-webkit-border: 2px solid white; -moz-border: 2px solid white; border: 2px solid white;> - - - - - */ -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: 500; font-family: 'Nanum Gothic'; margin: 0 0 30px; padding: 15px; background: rgba(224,255,255,0.2) !important; } .right-rail-wrapper .module > h2, .right-rail-wrapper .rail-module h2 { background: -webkit-linear-gradient(FireBrick, #8b0000); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #0476F2 30%, #8b0000 70%, #F9F29F 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #0476F2; font-weight: 500; font-size: 1.2em !important; line-height: 1em !important; text-align: center; text-shadow: none !important; /* - - - - -  - - - - - */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 6px; } .right-rail-wrapper .rail-module .wds-button.wds-is-secondary { color: FireBrick; border-color: #F9F29F; } } } section.recirculation-rail.module { display:none !important; } .page__right-rail { background-color: var(--theme-page-background-color); padding: 18px 18px 0; } h2.rail-module__header { text-align: center !important; width: 100%; } .rail-module h2.has-icon { display: inline-block; } .right-rail-wrapper { padding: 0 6px }
 * 1) WikiaRail .rail-module .edit-info-user { color: #F9F29F;
 * 1) WikiaRail .activity-icon, .right-rail-wrapper .rail-module h2.has-icon svg { fill: #F9F29F;

/* - - - - - <Flatten the Rail Modules> - - - - - */ .right-rail-wrapper > .module, .right-rail-wrapper > #TOP_RIGHT_BOXAD, .right-rail-wrapper > #MIDDLE_RIGHT_BOXAD, .right-rail-wrapper > #LEFT_SKYSCRAPER_2 { background: transparent; border-width: 0 0 1px 0; } .right-rail-wrapper > .module + .module { border-top: 0; margin-top: 0px; } .right-rail-wrapper > .HotSpotsModule.module { background-position: center bottom; } .right-rail-wrapper > .WikiaActivityModule.module, .right-rail-wrapper > .HotSpotsModule.module .LatestPhotosModule .carousel-container, #WikiaRail > .CommunityCornerModule.module { margin-bottom:5px; font-weight:500; }

/* - - - - - <Customizing Buttons> - - - - - */ .CategorySelect.articlePage .add, .addVideo, .addPhotos, a.secondary.button.policies-link, .save-button, .create-new-board-button, a.button.admin-link, a.button.policies-link, .WikiaSearch .wikia-button, .right-rail-wrapper .module .wikia-button, .right-rail-wrapper #RIGHT_SKYSCRAPER .wikia-button, .page-footer .buttons a, .right-rail-wrapper .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo, .page-header a.wikia-button, div.UserProfileActionButton a.wikia-button, div.buttons a.wikia-button, .page-footer .wikia-button, .community-page-entry-point-button, .popular-tools-group, .wikia-single-button a, body:not(.codeeditor) button:not(.wds-button), .button, .resizable-container button, .resizable-container a.wikia-button, .wikia-button, .modalWrapper a.wikia-button, .modalWrapper button.CategorySelectAdd, .wikia-single-button a, .wikia-menu-button, .wikia-menu-button a, .wikia-menu-button span, .resizable-container input[type="submit"], .modalWrapper input[type="submit"], .modal input[type="submit"], input[type="reset"], input[type="button"], .page-side-tool { background: FireBrick; background-image: linear-gradient(#8b0000 20%, black) !important; background-image: -o-linear-gradient(FireBrick 20%, black) !important; background-image: -moz-linear-gradient(#8b0000 20%, black) !important; background-image: -webkit-linear-gradient(#8b0000 20%, black) !important; color: white !important; box-shadow: none !important; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; }   padding-left: 5px !important; padding-right: 5px !important; }
 * 1) articleComments .wds-button {