MediaWiki:Common.css

/* Styles should be imported into this file not independent files (e.g. MediaWiki:Fandomdesktop.css or MediaWiki:Wikia.css) */ /* Settings for Oasis (if anyone uses "OasisRevived" from Developer Wiki individually) and FandomDesktop-Dark only */

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Noto+Sans+JP|Noto+Sans+KR|Noto+Sans+SC|Noto+Sans+TC'); @import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap'); @import url("/zh/load.php?mode=articles&only=styles&articles=MediaWiki:CSS/BoxTheme3.css|MediaWiki:CSS/BoxTheme2.css|MediaWiki:CSS/BoxTheme.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:FontAwesome.css|u:dev:MediaWiki:BalancedDiscord.css|u:dev:MediaWiki:EraIcons.css|u:dev:MediaWiki:PortableNavbox.css|MediaWiki:Links.css|MediaWiki:Template.css|MediaWiki:CardFrame.css");

/* Custom fonts */ body {font-family: 'Rubik',Arial,sans-serif;} /* Default font */ h1, h2, h3, h4 { font-family: 'Rubik', Arial, sans-serif; color:#bd9bca;}
 * lang(ja) {font-family: 'Noto Sans JP', 'Arial Unicode MS', sans-serif;}
 * lang(tc) {font-family: 'Noto Sans TC', 'Arial Unicode MS', sans-serif;}
 * lang(sc) {font-family: 'Noto Sans SC', 'Arial Unicode MS', sans-serif;}
 * lang(kr) {font-family: 'Noto Sans KR', 'Arial Unicode MS', sans-serif;}

/* Top Icons Placement (from YouTube English Wiki) */ .page-header__eraicons {float: right;} div#icons {margin-top: -21px;} .eraicon.wds-dropdown {margin-inline-start: 3px;}

/* Main Page Header (EN only) */ .mp-header { border: 2px double #bd9acb; border-radius: 7px; text-align: center; font-size: 20px; font-weight: bold; vertical-align: middle; color:#bd9acb; background: transparent; padding:1px; } .theme-fandomdesktop-light .mp-header { border: 2px double #291a32; border-radius: 7px; text-align: center; font-size: 20px; font-weight: bold; vertical-align: middle; color:#291a32; background: transparent; padding:1px; } /* Unpatrolled List Display Hotfix */ li.not-patrolled { background:rgba(87, 53, 100, 0.25) }

/* Pop-Up Dialog BG Hotfix */ .mw-notification, .wds-dialog__wrapper { background: url(https://static.wikia.nocookie.net/d4dj/images/d/d1/D4TOCBG.svg/revision/latest/scale-to-width-down/24?cb=20210803135054) fixed; color: #decde5 }

/* AD Area Common Settings */ .mcf-wrapper { background: url(https://static.wikia.nocookie.net/d4dj/images/0/06/D4BrickBG.svg/revision/latest/scale-to-width-down/96?cb=20210915175839) fixed; } .mcf-wrapper .mcf-header /* Header */ { color: #bd9bca; }

/* Background Removal */ .table-scrollable, /* File Info Scrollable Wrapper */ .community-page__contributors-modal-list-item.your-contributions, /* Pop-Up Personal Contribution Rank Label */ .community-page-rail, /* Special:Community - Right Rail Section */ .community-page-module.community-page-module-box, .article-table-wrapper /* Table Wrapper */ { background: transparent; }

/* User Profile BG (Credit: Love-Live! Wiki [love-live], FD-ALL and Oasis Compatible) */ background: url('https://en.d4dj-pj.com/wordpress/wp-content/themes/d4dj-pj_en/assets/images/common/subpage/bg_logo.png'); background-position: right top; background-repeat: no-repeat; background-size: 40%; }
 * 1) userProfileApp {

/* Game Accuracy Judgments */ /* Rainbow Animation CSS Credit: Flipline Studios Chinese Wiki (zh.fliplinestudios) */ @-webkit-keyframes rainbow{ 0%{color: red;} 17%{color: magenta;} 34%{color: #00a4ff;} 51%{color: #16ff00;} 67%{color: #ffc900;} 84%{color: #ff7300;} 100%{color: red;} } .gm-perfect { -webkit-animation: rainbow 1s infinite; -moz-animation: rainbow 1s infinite; -ms-animation: rainbow 1s infinite; animation: rainbow 1s infinite; font-family: 'Orbitron', sans-serif; font-weight: bold; } .gm-great {font-family: 'Orbitron', sans-serif; color:#ff7300 !important; font-weight: bold;} .gm-good {font-family: 'Orbitron', sans-serif; color:#16ff00 !important; font-weight: bold;} .gm-bad {font-family: 'Orbitron', sans-serif; color:#00a4ff !important; font-weight: bold;} .gm-miss {font-family: 'Orbitron', sans-serif; color:#b3b3b3 !important; font-weight: bold;} .gm-auto {font-family: 'Orbitron', sans-serif; color:#ffc900 !important; font-weight: bold;}

/* Reference (FD-ALL and Oasis Compatible) */ ol.references li:target, sup.reference:target, span.citation:target { background: transparent; } .references-small, .refpopups-popup { font-size: 85%; text-align:left; }
 * 1) content sup.reference,
 * 2) content sub.reference,

/* UserTags */ a.tag { color: inherit; }

/* Mark redirects in Special:Allpages and Special:Watchlist (Check OK for both) */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: "(redirect)" } .watchlistredir { font-style: italic; }

/* Article TOC BG Special Effect */ .toc, section.community-page-card-module { background: url(https://static.wikia.nocookie.net/d4dj/images/a/ad/D4BGLogo.svg/revision/latest/scale-to-width-down/24?cb=20210609210618&path-prefix=zh) fixed; }

/* Tweaks to eliminate extraneous margins and spacing on Oasis. */ .iumb p + p, .ooumb p + p { margin: 0; } .WikiaArticle { line-height: 23px; font-size: 13px; } .WikiaArticle h2 { margin-top: 14px; } .WikiaArticle .infoboxcell ul, WikiaArticle .info-boxcell ul { margin: 0 0 0 10px; } .WikiaArticle ol { margin: 0 0 0 2.5em; } .WikiaArticle ul { margin: 0 0 0 1.6em; } .WikiaArticle p + p { margin: 0.4em 0; }

/* Source Editor Header Improvements*/ .EditPageHeader { opacity: .95; background-color: #bd9bca; border-bottom: none; box-shadow: none; color: #fff; } /* Fix wrong colored links */ .EditPageHeader > .wordmark, .EditPageHeader > h2, .EditPageHeader > h1 a, .EditPageHeader .template-classification-type-text > a, .EditPageHeader .template-classification-type-label, .HelpLink, .HelpLink > a, .NotificationsLink, .NotificationsLink > a { color: #fff; }

/* Rail */ .WikiaRail .loading { display: none; }

/* pre */ .WikiaArticle pre { border-radius: 8px; line-height: 130%; width: auto; margin: auto; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; }

/* Band Menu Img */ .fill:hover { opacity: 0.5; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .container_img a img { width: 100%; height: 100%; }

/* Link Colors (Common) */ a:hover { text-decoration:none; }

/* Avatars on Userpages */ .UserProfileMasthead .masthead-avatar .avatar { border: 4px #9d07af; box-shadow: 0px 2px 8px 0px #9d07af } .avatar { border-radius: 4px; }

.UserProfileMasthead .masthead-info h1, .UserProfileMasthead .masthead-info h2 { color: #fff !important; }

/* Tooltips http://dev.wikia.com/wiki/Tooltips */ /***********************************************/ /* Main CSS class of the tooltip */ .main-tooltip { margin-bottom: 5px; padding: 2px 5px; background: #000111; box-shadow: 0 0 15px gray; }

/* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */ padding: 3px 7px 2px 3px; z-index: 6; }
 * 1) tooltip-wrapper {

/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; }

/* Styles for DIVs to make images more portable */ div.loa-img { display: inline-block; } div.loa-img > a > img { max-width: 100%; height: auto; } div.loa-img-left { margin-left: 0; margin-right: auto; } div.loa-img-left>a>img { max-width: 100%; height: auto; } div.loa-img-floatleft { float: left; margin-right:1em; } div.loa-img-floatleft>a>img { max-width: 100%; height: auto; } div.loa-img-center { display: inline-block; margin: auto; } div.loa-img-center>a>img { max-width: 100%; height: auto; } div.loa-img-right { margin-left: auto; margin-right: 0; } div.loa-img-right>a>img { max-width: 100%; height: auto; } div.loa-img-floatright { float: right; margin-left:1em; } div.loa-img-floatright>a>img { max-width: 100%; height: auto; } td#loa-adv-gems { text-align:right; border-right:0; } td#loa-adv-prob { text-align:right; border-left:0; }

.redtowhite { background: -moz-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff0a50), color-stop(16%, #ff2362), color-stop(32%, #ff3b73), color-stop(48%, #ff5384), color-stop(64%, #ff6c96), color-stop(80%, #ff84a7), color-stop(100%, #ff9db9)); background: -webkit-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -o-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -ms-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: linear-gradient(to right, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); }

/* video previews, adapted from NGNL wiki */ .episode-preview img { height: 100%; width: 100%; } .episode-preview-header { animation: slide-in ease-out 1s 3s forwards, fade-out linear 3s 10s forwards; } .episode-preview-header.no-video { animation: slide-in ease-out 1s 3s forwards; } @keyframes slide-in { 100% {		right: -3px; } } @keyframes fade-out { 0% {		opacity: 1; }	100% {		opacity: 0; } }

/* Spoilers */ .spoiler .hidden-text { display:none; } .spoiler:hover .hidden-text { display:block; }

/* Navbox */ table.navbox { border: 1px solid #aaa; clear: both; margin: auto; padding: 1px; text-align: center; width: 100%; } table.navbox+table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: 700; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox, .navbox-subgroup { background: none repeat scroll 0 0 #fdfdfd; } .navbox-list { border-color: #fdfdfd; } .navbox-title, table.navbox th { background: none repeat scroll 0 0 #a5e4a5; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: none repeat scroll 0 0 #c0ecc0; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: none repeat scroll 0 0 #e6f6e6; } .navbox-even { background: none repeat scroll 0 0 transparent; } .navbox-odd { background: none repeat scroll 0 0 #f5fcf5; } .collapseButton { float: right; font-weight: 400; text-align: right; width: auto; } .navbox .collapseButton { width: 6em; }

/* Expand/Collapse link color on collapsibles */ .mw-collapsible-toggle a { color: #fff; }

/* Shows a new text upon hover of the old text */ .otnt { transition: all 500ms ease-in-out; } .old-text, .new-text { display: block; overflow: hidden; transition: all 500ms ease-in-out; } .old-text { height: auto; opacity: 1; width: auto; } .new-text { height: 0; opacity: 0; width: 0; } .otnt:hover .old-text { height: 0px; opacity: 0; width: 0px; } .otnt:hover .new-text { height: auto; opacity: 1; width: auto; } /* Miyake Aoi Comments Section Removal (High-traffic) */ .page-Miyake_Aoi .article-comments-app, .page-Miyake_Aoi a#article-comments-button.wds-button.wds-is-secondary, .page-Miyake_Aoi a.wds-button.wds-is-text.page-header__action-button:not(.has-label), .page-Miyake_Aoi .article-comments-button.button-counter,

/* Subpage Link Removal for Article Relationship Fix */ .page-Dig_Delight_Direct_Drive_Special_Edition .page-header__page-subtitle { display: none; }

/* Setting dark background for tags in light theme to make them legible */ .theme-fandomdesktop-light .page-content ul.wds-tabs, .theme-fandomdesktop-light .poem { background-color: rgba(0,0,0,.95); }