MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/** Bug Fixes **/ /* Fix TOC Menu */ .skin-oasis .toc .toctitle { text-align: center; } /* Fix mw.notify */ .skin-oasis .mw-notification-area { top: 50px; } /* Fix postedit */ .skin-oasis .postedit-container { top: 50px; } /* Fix BannerNotifications */ .skin-oasis .banner-notifications-placeholder { height: auto !important; } /* Fix Template Classification */ .template-classification-entry-point__wrapper { display: inline-block; } /* Fix blog listing page */ .page-header__counter { display: inline-block; margin-left: 5px; } /* Fix editor and source code viewer */ .wikiEditor-ui .CodeMirror, .wikiEditor-ui .ace_editor { border: 1px solid #c8ccd1 !important; border-radius: 4px 4px 0 0; }   width: calc(100% - 6px) !important; resize: vertical; } /* Fix CodeMirror tooltip */ .CodeMirror-lint-tooltip { z-index: 300; } /* Fix gallery - slider */ .wikiaPhotoGallery-slider-body, .fandom-slider { background-color: #000000; } .wikiaPhotoGallery-slider-body .wikiaPhotoGallery-slider-controls .wikiaPhotoGallery-slider-prev, .fandom-slider .fandom-slider__control .fandom-slider__controls__prev, .wikiaPhotoGallery-slider-body .wikiaPhotoGallery-slider-controls .wikiaPhotoGallery-slider-next, .fandom-slider .fandom-slider__control .fandom-slider__controls__next { z-index: 2 !important; } .wikiaPhotoGallery-slider-body .horizontal .description, .wikiaPhotoGallery-slider-body .horizontal .description-background, .wikiaPhotoGallery-slider-body .horizontal .nav { transform: translateY(0) !important; } .fandom-slider.orientation-bottom .fandom-slider__nav { bottom: 0; } .wikiaPhotoGallery-slider-body .horizontal .description, .wikiaPhotoGallery-slider-body .horizontal .description-background, .fandom-slider.orientation-bottom .fandom-slider__nav { height: 85px !important; } .wikiaPhotoGallery-slider-body .horizontal .description, .fandom-slider.orientation-bottom .fandom-slider__nav__caption { width: 270px !important; height: auto; padding: 5px 0 10px 10px; } .wikiaPhotoGallery-slider-body .horizontal .description h2, .fandom-slider.orientation-bottom .fandom-slider__nav__caption h2 { display: block; font-size: 20px; /* font-weight: normal; */ line-height: normal; width: 250px; height: 26px; margin: 0 !important; padding: 0 !important; opacity: 1; overflow: hidden; text-shadow: 0 1px 1px #000; } .wikiaPhotoGallery-slider-body .horizontal .description p, .fandom-slider.orientation-bottom .fandom-slider__nav__caption p { display: block; white-space: normal; font-size: 12px; height: 28px; line-height: 14px; margin: 0 0 .3em; opacity: 1; overflow: hidden; width: 250px; } .wikiaPhotoGallery-slider-body .horizontal .description .read-more-button-wrapper, .fandom-slider.orientation-bottom .fandom-slider__nav__caption .read-more-link { display: block; font-size: 12px; height: 16px; line-height: 10px; } .wikiaPhotoGallery-slider-body .horizontal .description-background { opacity: .5 !important; } .fandom-slider.orientation-bottom .fandom-slider__nav { background-color: rgba(14, 25, 26, .5); } .fandom-slider.orientation-bottom .fandom-slider__nav__thumbs { width: 384px; } .wikiaPhotoGallery-slider-body .horizontal .nav img, .fandom-slider.orientation-bottom .fandom-slider__nav__thumbs > div { width: 90px !important; height: 70px !important; opacity: .8; } .fandom-slider.orientation-bottom .fandom-slider__nav .fandom-slider__nav__thumbs > div img { width: auto; height: 70px !important; } .wikiaPhotoGallery-slider-body .horizontal .nav.selected img, .fandom-slider.orientation-bottom .fandom-slider__nav .current-thumb { border: 1px solid #FFF; opacity: 1; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { right: 10px; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 110px; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 210px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 310px !important; } .wikiaPhotoGallery-slider-body .vertical .wikiaPhotoGallery-slider-controls .wikiaPhotoGallery-slider-next { right: 130px !important; } .fandom-slider.orientation-right .fandom-slider__controls .fandom-slider__controls__next { right: 136px !important; } .wikiaPhotoGallery-slider-body .vertical .description, .wikiaPhotoGallery-slider-body .vertical .description-background, .wikiaPhotoGallery-slider-body .vertical .nav { transform: translateX(0) !important; } .fandom-slider.orientation-right .fandom-slider__nav { right: 0; } .wikiaPhotoGallery-slider-body .vertical .description, .wikiaPhotoGallery-slider-body .vertical .description-background, .fandom-slider.orientation-right .fandom-slider__nav, .fandom-slider.orientation-right .fandom-slider__nav__thumbs { width: 130px !important; } .wikiaPhotoGallery-slider-body .vertical .description, .fandom-slider.orientation-right .fandom-slider__nav__caption { height: 410px; padding: 10px 0 10px 10px; } .fandom-slider.orientation-right .fandom-slider__nav__caption { width: 120px; } .wikiaPhotoGallery-slider-body .vertical .description h2, .fandom-slider.orientation-right .fandom-slider__nav__caption h2 { display: block; font-size: 20px; /* font-weight: normal; */ line-height: normal; width: 110px; height: 47px; max-height: 47px; margin: 0 !important; padding: 0 !important; opacity: 1; overflow: hidden; text-shadow: 0 1px 1px #000; } .wikiaPhotoGallery-slider-body .vertical .description p, .fandom-slider.orientation-right .fandom-slider__nav__caption p { display: block; white-space: normal; font-size: 12px; height: 34px; line-height: 17px; margin: 0 0 .3em; opacity: 1; overflow: hidden; width: 110px; } .wikiaPhotoGallery-slider-body .vertical .description .read-more-button-wrapper, .fandom-slider.orientation-right .fandom-slider__nav__caption .read-more-link { display: block; font-size: 12px; height: 32px; line-height: 34px; } .wikiaPhotoGallery-slider-body .vertical .description-background { opacity: .5 !important; } .fandom-slider.orientation-right .fandom-slider__nav { height: 360px; background-color: rgba(14, 25, 26, .5); } .wikiaPhotoGallery-slider-body .vertical .nav, .fandom-slider.orientation-right .fandom-slider__nav { padding: 0 5px 0 0; } .wikiaPhotoGallery-slider-body .vertical .nav img, .fandom-slider.orientation-right .fandom-slider__nav__thumbs > div { width: 112px !important; height: 52px !important; opacity: .8; } .fandom-slider.orientation-right .fandom-slider__nav .fandom-slider__nav__thumbs > div img { width: 112px !important; height: auto !important; } .wikiaPhotoGallery-slider-body .vertical .nav.selected img, .fandom-slider.orientation-right .fandom-slider__nav .current-thumb { border: 1px solid #FFF; opacity: 1; } /* Fix gallery - slideshow */ .wikia-slideshow-overlay { max-height: 50px; transform: translateY(-100%) !important; font-size: inherit; } .wikia-slideshow-overlay .wikia-slideshow-image-caption { display: block; font-size: 0.95em; margin: 5px; opacity: 1; text-align: left; }
 * 1) wpTextbox1,
 * 1) wpTextbox1 {

/* Fix background image display problem */ body.skin-oasis { background: #012d59 url("https://slot1-images.wikia.nocookie.net/__cb7570037570012/common/skins/oasis/images/themes/opulence.png") top left repeat; }

/* Add interlanguage dropdown icon */ .skin-oasis .page-header__languages span[data-tracking='interwiki-dropdown']:before, .skin-fandomdesktop .page-header__languages .wds-dropdown__toggle:before { content: url('https://images.wikia.com/zhwikia/images/4/43/OOjs_UI_icon_language-ltr.svg'); margin-top: -8px; padding-right: 2px; display: inline-block; position: relative; bottom: -4px; } .skin-fandomdesktop.theme-fandomdesktop-dark .page-header__languages .wds-dropdown__toggle:before { content: url('https://images.wikia.com/zhwikia/images/f/fc/OOjs_UI_icon_language-ltr_white.svg'); }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8b0000; }

/* Fix display problem on code tags */ code, tt, kbd, pre { padding: 1px 4px; font-family: Consolas, 'Eupheima UCAS', Ayuthaya, Menlo, monospace; } code, tt, kbd { border: 1px solid #eaecf0; border: 1px solid var(--theme-border-color); border-radius: 2px; color: #000000; color: var(--theme-page-text-color); background-color: #f8f9fa; background-color: var(--theme-page-background-color--secondary); }

/* Image frame fix */ div.tright, div.tnone, div.tleft { border: 1px solid silver; } div.thumb { margin: 2px; margin-left: 6px; } div.thumbinner { background: inherit; border: none; }   color: inherit; } .thumb.tright, .thumb.tnone, .thumb.tleft, .article-thumb.tright, .article-thumb.tnone, .article-thumb.tleft { width: min-content !important; border: 1px solid #c8ccd1; padding: 4px; background-color: #f8f9fa; } .thumb a img, .article-thumb a img { margin: -1px; border: 1px solid #c8ccd1; background-color: #f8f9fa; } .page-content .thumbcaption { margin: 0; padding: 0; }
 * 1) article div.thumb {

/* Image frame color fix for dark theme */ .skin-fandomdesktop.theme-fandomdesktop-dark .thumb.tright, .skin-fandomdesktop.theme-fandomdesktop-dark .thumb.tnone, .skin-fandomdesktop.theme-fandomdesktop-dark .thumb.tleft, .skin-fandomdesktop.theme-fandomdesktop-dark .thumb a img, .skin-fandomdesktop.theme-fandomdesktop-dark .article-thumb.tright, .skin-fandomdesktop.theme-fandomdesktop-dark .article-thumb.tnone, .skin-fandomdesktop.theme-fandomdesktop-dark .article-thumb.tleft, .skin-fandomdesktop.theme-fandomdesktop-dark .article-thumb a img { background-color: #0b0b0b; } .skin-fandomdesktop.theme-fandomdesktop-dark .thumb .caption, .skin-fandomdesktop.theme-fandomdesktop-dark .article-thumb .caption { color: #ffffff; }

/* Giving headers a little extra space */ .WikiaArticle :not(.fandom-slider__nav__caption) > :not(.toc):not(.toctitle):not(.title-with-icon) > h2:not(.pi-title):not(.pi-header), .mw-parser-output :not(.fandom-slider__nav__caption) > :not(.toc):not(.toctitle):not(.title-with-icon) > h2:not(.pi-title):not(.pi-header) { margin-top: 30px; padding-bottom: 3px; }

/* Styles for sticky table */ .WikiaArticle, .mw-parser-output { overflow-x: visible !important; overflow-y: visible !important; } .stickytable { position: relative !important; } .stickytable:not(.sortable) > * > tr:first-child th, .stickytable.sortable > thead > tr > th { position: sticky !important; top: 0; } .skin-oasis .stickytable:not(.sortable) > * > tr:first-child th, .skin-oasis .stickytable.sortable > thead > tr > th { top: 55px; }

/* Infobox template style */ .infobox { background-color: #dfe6e9; border: 1px solid #bcc2c4; color:#3a3a3a; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox p { margin-top: 0; margin-bottom: 0; } .infobox img { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .infobox ul, .infobox ol { margin: 0 !important; } .infobox ul li, .infobox ol li { list-style-position: outside; padding-left: 0; margin-left: 1em; } .infobox ul li { list-style-type: square; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* PortableInfobox template style */ .portable-infobox { box-sizing: content-box; width: 292px !important; border: 1px solid #aaa; padding: 3px; background-color: #dfe6e9 !important; } .theme-fandomdesktop-dark .portable-infobox { background-color: #323c3c !important; } .portable-infobox > .pi-header:first-child { padding: 15px 5px; } .portable-infobox .pi-image { padding: 2px 0; } .portable-infobox .pi-image img { width: 292px; height: auto; } .portable-infobox .pi-caption { padding: 3.9px 2px 1.9px 2px !important; text-align: center; color: #3a3a3a; } .theme-fandomdesktop-dark .portable-infobox .pi-caption { color: #e6e6e6; } .portable-infobox .pi-header { background-color: #002fa7; } .portable-infobox .pi-group .pi-header { margin: 1px 0; padding: 1px; font-size: 14px; line-height: 1.4; } .portable-infobox .pi-data { padding: 2px; } .portable-infobox .pi-data .pi-data-label { -ms-flex-preferred-size: 105px; -webkit-flex-basis: 105px; -moz-flex-basis: 105px; flex-basis: 105px; padding-right: 5px; } .portable-infobox .pi-data .pi-data-value { -ms-flex-preferred-size: 175px; -webkit-flex-basis: 175px; -moz-flex-basis: 175px; flex-basis: 175px; padding-left: 0; } .portable-infobox .pi-panel { display: flex; flex-direction: column; } .portable-infobox .pi-section-navigation { height: 35px; } .portable-infobox .pi-section-label { height: 30px; text-transform: none; } .portable-infobox .pi-data-value ol, .portable-infobox .pi-data-value ul { list-style-position: outside; margin-left: 1em !important; } .portable-infobox.pi-theme-volume { width: 242px !important; } .portable-infobox.pi-theme-volume .pi-image img { width: 242px; } .portable-infobox.pi-theme-volume .pi-data .pi-data-label { flex-basis: 80px; } .portable-infobox.pi-theme-volume .pi-data .pi-data-value { flex-basis: 140px; } .portable-infobox.pi-theme-volume .pi-navigation { padding: 0; background-color: #3366cc; color: #ffffff; flex-basis: 192px; font-size: 15px; line-height: 22px; } .portable-infobox.pi-theme-volume .pi-navigation a { color: #ffffff; }

/* Forum formatting */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; /* background: url(/images/4/4e/Forum_new.gif) center left no-repeat; */ padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Babel */ div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99b3ff; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; width: 238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align: center; font-size: 14pt; width: 45px; height: 45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size: 8pt; padding: 4pt; line-height: 1.25em; } .lang-block0 { border: 1px solid #ffb3b3; } td.lang-code0 { background-color: #ffb3b3; color: black; } td.lang-description0 { background-color: #ffe0e8; color: black; } .lang-block1, .lang-block2, .lang-block3 { border: 1px solid #99b3ff; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99b3ff; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #e0e8ff; color: black; } .lang-blockN { border:1px solid #6ef7a7; } td.lang-codeN { background-color: #6ef7a7; color: black; } td.lang-descriptionN { background-color: #c5fcdc; color: black; }