MediaWiki:Fandomdesktop.css

/* Main font weight */ .page-content p, .page-content section { font-weight: 500; }

/* Customize Modules */ .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 #ff7a52, -1px -1px 3px #ff7a52 !important; -moz-box-shadow: 1px 1px 3px #ff7a52, -1px -1px 3px #ff7a52 !important; box-shadow: 1px 1px 3px #ff7a52, -1px -1px 3px #ff7a52 !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: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 30px; padding: 15px; background: rgba(255,225,225,1) !important; }

.right-rail-wrapper .module > h2, .right-rail-wrapper .rail-module h2 { background: -webkit-linear-gradient(#d94141, #910000); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #d94141 30%, #910000 70%, #d94141 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #f98d9d; font-weight: 500; font-size: 1.2em !important; line-height: 1em !important; text-align: center; text-shadow: none !important; /*text-transform: uppercase */; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 6px; }

.page__right-rail p, .page__right-rail section { font-weight: 500; }

.right-rail-wrapper .rail-module .wds-button.wds-is-secondary { color: #d94141; border-color: #d94141; }


 * 1) WikiaRail .rail-module .edit-info-user { color: #ef3232; }
 * 2) WikiaRail .activity-icon, .right-rail-wrapper .rail-module h2.has-icon svg { fill: #ef3232; }

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 }

fill: #d43f3f; }
 * 1) wikia-recent-activity #seemoreactivity-button .wds-icon {

/* 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: #d94141; background-image: linear-gradient(#ff8f8f 20%, #bd4035) !important; background-image: -o-linear-gradient(#ff8f8f 20%, #bd4035) !important; background-image: -moz-linear-gradient(#ff8f8f 20%, #bd4035) !important; background-image: -webkit-linear-gradient(#ff8f8f 20%, #bd4035) !important; color:#FFFFFF !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; }

/** FandomDesktop buttons **/

padding-left: 5px !important; padding-right: 5px !important; }
 * 1) articleComments .wds-button {

button.NotificationsDropdown-module_markAllAsRead__2yUse { padding-right: 6px; border-radius: 3px; }

.LightboxModal .LightboxCarousel .carousel-arrow.previous, .LightboxModal .LightboxCarousel .carousel-arrow.next { height: 20px; padding: 1px 3px; border-radius: 3px; }

/* Scroll bar */
 * -webkit-scrollbar {

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

background: #ffffff !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 solid #540000; border-radius: 8px; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(#d94141, #910000); border: 1px solid #ff4350; border-radius: 8px; -webkit-box-shadow: 0 0 6px #d94141; -moz-box-shadow: 0 0 6px #d94141; box-shadow: 0 0 6px #d94141; }
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(#d94141, #910000); border: 1px solid #d94141; border-radius: 8px; -webkit-box-shadow: 0 0 6px #800020; -moz-box-shadow: 0 0 6px #800020; box-shadow: 0 0 6px #800020; }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(#a9001a, #70002d); border: 1px solid #a9001a; border-radius: 8px; -webkit-box-shadow: 0 0 6px #a9001a; -moz-box-shadow: 0 0 6px #a9001a; box-shadow: 0 0 6px #a9001a; }

/* Timer CSS */
 * 1) displayTimer { font-size: 12px !important; }
 * 2) showdate a { color: white !important; }

/* Make the Edit menu drop open 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; }

/* Change the page fonts to something better suited for screen reading. */ .page-content { font-weight: 500 !important; font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 1px; line-height: 1.5em; }

.theme-fandomdesktop-light .page-content { color: #000; } .theme-fandomdesktop-dark .page-content { color: #FFF; }

.page-content i, .page-content em{ font-style:italic; font-weight: 500 !important; } .page-content .mw-headline, .page-header h1 { font-family: 'Droid Serif', Verdana, Helvetica, Arial, serif; }

.page-content h2 { font-weight: 500; border-bottom: 2px solid #a52a2a; margin-bottom: 0.6em; margin-top: 20px; padding-bottom: 4px; }

.page-content h3 { font-weight: 400; }


 * lang(ja) {

font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Noto Sans Japanese', sans-serif; font-weight: 500; }

/* Compact the TOC since it's somewhat ridiculous on some pages */ .page-content .toc { font-size: 90%; font-weight:500; }

/* Fix line-height on lists and headings. It uses pixel values as well which screws it when the font-size is set smaller or larger. */ .page-content li { line-height: 1.6; } .page-content h2 { line-height: 1; }

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

/* User tags fixes */ a.tag { color: inherit; }

div.carousel-container div img.avatar { border:1px solid #ff7baa !important; } li.see-all a { color:#000 !important;background:#ff7baa !important; } ul.carousel li.thumbs a.image img.thumbimage { border:1px solid #ff7baa !important; }

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

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

/* Thumb styling */ .article-thumb, .activityfeed-inserted-media li { -webkit-border-radius:1ex; -moz-border-radius: 1ex; border-radius: 1ex; border:1px solid #ff7baa; 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; } /* Gallery - Rounded Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; } /* Hides image attribution on articles */ div.picture-attribution { display:none !important; }

/* Custom reference box */ .refpopups-box { background: none repeat scroll 0 0 #fff !important; border-color: #a52a2a !important; font-size: 12px !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius:8px; }

/* Link hover */ a:hover { color: #9c0038 !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: #310000 !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; }

/* Back-to-top Button Format */ color: white; }   text-decoration: underline; }
 * 1) backtotop button{
 * 1) backtotop button:hover {

/* Link Preview */ .npage-preview { background: #891100; border: 1px solid #891100; box-shadow: 0 0 5px #DC143C; overflow: hidden; padding: 10px; position: fixed !important; top: 5px !important; } .npage-preview-noimage { display: none; }

/* Portable Infoboxes - adding here temporarily to fix them on FandomDesktop without breaking them on Oasis */

/* Infoboxes */ .portable-infobox { width: 295px; border: 3px solid #721410 !important; border-radius: 10px; background: var(--theme-page-background-color); } .portable-infobox .pi-header, .portable-infobox .pi-title { border-radius: 15px; line-height: 22px; margin-bottom: 3px; text-align: center; } .portable-infobox .pi-header:last-child, .portable-infobox .pi-title:last-child { margin-bottom: 0; } .portable-infobox .pi-title:first-child { border-radius: 4px 4px 0 0; } .portable-infobox .pi-item:only-child { border-radius: 4px; } .portable-infobox .pi-item:last-child .pi-item:last-child { border-radius: 0 0 4px 4px; } .portable-infobox .pi-item:only-child .pi-item:only-child { border-radius: 4px; } .portable-infobox .pi-image { margin: 3px -1px; } .portable-infobox .pi-header, .portable-infobox .pi-title, ul.pi-image-collection-tabs li.current, .pi-data-label { background: linear-gradient(to right, rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.3)), url("https://static.wikia.nocookie.net/the-world-finest-assassin/images/e/e9/MysticEyes.gif") center /  cover no-repeat fixed; flex-basis: 35%; padding: 3px 3px 3px 5px; border-radius: 3px; vertical-align: middle; color: #ffffff; font-weight: normal; font-size: 75%; } .portable-infobox div.pi-data { padding: 0; } .pi-image-collection-tab-content { background-color: transparent; } ul.pi-image-collection-tabs li { border: 2px solid transparent; margin: 0 0 1px; } .pi-tab-link { line-height: 16px !important; } .pi-border-color { border-color: transparent; } .pi-data, .pi-group { border-bottom-width: 2px; } .pi-group .pi-data { padding: 0; } .pi-data-label { border-radius: 0 6px 6px 0; padding: 5px 0 5px 10px !important; } .pi-data-value { padding: 5px 10px; }

.pi-horizontal-group-item.pi-data-label { border-radius: 0; padding: 2px; }

/** Infobox tab adjustments (FandomDesktop)**/ .portable-infobox .wds-tabber, .portable-infobox .wds-tabber .wds-tab__content.wds-is-current { background: var(--theme-page-background-color) !important; border-radius: 7px; } .portable-infobox .pi-item.pi-image { margin: 2px -2px -1px; } .pi-caption { font-style: unset; }

/** Tabber - first level **/ .portable-infobox .pi-item.wds-tabber .wds-tab__content { border: none !important; padding: 0; } .portable-infobox .pi-item.wds-tabber .wds-tabs__tab-label { color: var(--theme-link-color); padding: 0 9px 17px; font-family: "Segoe UI",'Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0 11px; } .portable-infobox .pi-item.wds-tabber .wds-is-current .wds-tabs__tab-label { border-bottom: 2px solid var(--theme-link-color); padding-top: 3px; } .portable-infobox .pi-item.wds-tabber .wds-tabs__wrapper { text-align: center; padding-top: 10px; }

/** Tabber - second level **/ .pi-image-collection span.wds-tabs__tab-label { font-size: 9px; border-bottom: none !important; border-radius: 5px 5px 0 0 !important; border: 1px solid #891100; padding: 0 5px !important; } .theme-fandomdesktop-light .pi-image-collection span.wds-tabs__tab-label { color: #3A3A3A !important; } .theme-fandomdesktop-dark .pi-image-collection span.wds-tabs__tab-label { color: #CECECE !important; } .pi-image-collection .wds-is-current span.wds-tabs__tab-label { font-weight: bold; color: #FFF !important; background: #dd3c3c; padding-bottom: 1px !important; } .pi-image-collection .wds-tabs__wrapper { text-align: center; padding-top: 0 !important; } .pi-image-collection .wds-tab__content { padding: 2px 0 0 !important; margin: -6px -1px -1px !important; } .portable-infobox .pi-image-collection { margin: 0 -4px -1px -3px; } .pi-image-collection .wds-tabs__tab-label { height: 16px !important; margin: 0 2px !important; font-family: "Segoe UI",'Helvetica Neue',Helvetica,Arial,sans-serif !important; letter-spacing: 1px !important; }

/* Title Icons */

.box.titleicons { top: 0.75em; right: 5.25em; } .page-header__categories { padding-right: 15%; }

/* Dark Theme Modifications */

/** Parent tab - non current tabs **/ .theme-fandomdesktop-dark .parenttab-inactive { background-color: #7a384c !important; border-color: #7a384c !important; }

/** Stub template **/ /*** Wiki Improvement ***/ .theme-fandomdesktop-dark .stub-imp { background: #e5cb7b !important; border-left: 5px solid #ab8e36 !important; color: #000 !important; }

/*** Content Referencing ***/ .theme-fandomdesktop-dark .stub-ref { background: #7cc68e !important; border-left: 5px solid #5a9769 !important; color: #000 !important; }

/*** Temporary Stub for Plot Page ***/ .theme-fandomdesktop-dark .stub-plot { background: #a1a1a1 !important; border-left: 5px solid #575757 !important; color: #000 !important; }

/*** Generic Article Stub ***/ .theme-fandomdesktop-dark .stub-gen { background: #83c0d4 !important; border-left: 5px solid #588d9f !important; color: #000 !important; }