MediaWiki:Common.css

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

/* Font - do not move @import from the top of the page */ @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@600&display=swap');

.page__main h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; } .resizable-container { font-family: 'Montserrat', sans-serif; } .page-header__title { font-family: 'Montserrat', sans-serif; }

/* Plainlinks */ .plainlinks a.external::after { display: none; }

/* Infoboxes */ .portable-infobox { overflow: hidden; background: transparent; padding: 0; border: 2px solid #020650; border-radius: 5px; margin-right: 7px; box-shadow: 3px 3px 5px #020650; }

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

.portable-infobox .pi-item { border-bottom: 0; }

.portable-infobox .pi-item:not(.pi-group) { margin-bottom: 1px; }

.portable-infobox .pi-navigation { background: transparent; text-align: center; }

.portable-infobox .pi-image-collection-tabs { text-align: center; }

/* Infobox titles and headers */ .portable-infobox .pi-title { font-weight: bold; font-size: large; line-height: 15px; color: #01021e; text-align: center; padding: 6px 3px; }

.portable-infobox .pi-header { font-size: small; line-height: 10px; color: #01021e; text-align: center; padding: 4px 0; border-bottom: 2px solid #020650; }

/* Images in infoboxes */ .portable-infobox .pi-image .pi-image-thumbnail { max-width: 100%; }

.portable-infobox .pi-caption { text-align: center; padding: 0 2px; }

.portable-infobox .pi-image-collection-tabs { margin: 0; }

.portable-infobox .pi-image-collection-tab-content { background: transparent; }

.portable-infobox ul.pi-image-collection-tabs li { background: #020650; font-weight: normal; color: #01021e; border: none; margin-right: 0; }

.portable-infobox ul.pi-image-collection-tabs li.pi-item-spacing { padding: 2px 4px 1px; }

.portable-infobox ul.pi-image-collection-tabs li.current { background: transparent; color: #01021e; }

/* Data in infoboxes */ .portable-infobox > .pi-group:last-child .pi-item:last-child, .portable-infobox > .pi-item:last-child, .portable-infobox .pi-data-label { margin-bottom: 0; }

.portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { padding: 5px; }

.portable-infobox .pi-data-value ul { list-style-type: disc; }

.portable-infobox .pi-data-value ul, .portable-infobox .pi-data-value ol { margin-left: 4px; list-style-position: inside; }

.pi-data-label { flex-basis: 40%; }

/* Customize Modules */ .right-rail-wrapper .rail-module, .page-content .thumbinner, .page-content.pre, .recirculation-rail.module.group-CONTROL, .toc.show, .right-rail-wrapper.module, .module.AchievementsModule.UserProfileAchievementsModule, .WikiaLatestEarnedBadgesModule.module, .UserProfileAchievementsModule, .AchievementsModule, .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 #c47a02, -1px -1px 3px #c47a02 !c47a02; -moz-box-shadow: 1px 1px 3px #c47a02, -1px -1px 3px #c47a02 !important; box-shadow: 1px 1px 3px #c47a02, -1px -1px 3px #c47a02 !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: 'Montserrat', sans-serif; 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(#c47a02, #c47a02); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #c47a02 30%, #c47a02 70%, #c47a02 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #c47a02; font-weight: 500; font-size: 1.5em !important; line-height: 1em !important; text-align: center; text-shadow: none !important; /*text-transform: uppercase */; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaActivityModule .edited-by a { font-weight:500; padding-top: 8px; padding-bottom: 8px; }

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

.right-rail-wrapper .rail-module .edit-info-user { color: #c47a02; } .right-rail-wrapper .activity-icon, .right-rail-wrapper .rail-module h2.has-icon svg { fill: #c47a02; }

section.recirculation-rail.module { display:none !important; }

/* Article Activity Module Items */ .WikiaActivityModule li { margin: 0; padding: none; font-weight:500; }

/* Discord Widget design*/ .discord-widget .widget-header { background-color: #ffb236; border-bottom: 3px ridge #ffb236; } .discord-widget .widget-footer { border-top: 3px ridge #ffb236; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/kyuukyoku-shinka-shita-full-dive-rpg/images/5/50/Wiki-background/revision/latest?cb=20210512125247); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid #ffb236; background-color: #ffb236; } .discord-widget .widget-member .widget-member-name { background-color: #ffb236; } .discord-widget .widget-btn-connect { color: #fff; background-color: #00d9e0; border: 1px solid #ffb236; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #ffb236; border: 1px solid #ffb236; text-decoration: none; } .discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: #2c1f9c url(https://static.wikia.nocookie.net/love-after-world-domination/images/7/79/DiscordWidgetIcon.png/revision/latest) no-repeat right; background-size: 20px; padding: 5px; border-radius: 5px; } .discord-widget .widget-body::-webkit-scrollbar { width: 10px; } .discord-widget .widget-body::-webkit-scrollbar-track { background: transparent; margin: 3px 0; } .discord-widget .widget-body::-webkit-scrollbar-thumb { background: orange; border: 3px solid orange; border-radius: 10px; }