MediaWiki:Common.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:MP.css|MediaWiki:Tables.css|MediaWiki:Themes.css|u:dev:MediaWiki:AL.css|u:dev:MediaWiki:ModernWikiActivity.css"); @import url("https://fonts.googleapis.com/css?family=Girassol");

/* Apply fonts */ .UserProfileMasthead .masthead-info h1, .portable-infobox .pi-data-label, .WikiaArticle .pull-quote__text, .WikiaUserPagesHeader .tabs li, .MainPageBox .MainPageHeading, .WikiaRail .rail-module h2, [id^="flytabs_"] .tabs li, .WikiaArticle .pseudo-h1, .ajax-poll .header, .color1 { font-family: "Girassol", cursive; color: #FFFFFF; }

.WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4 { font-family: "Girassol", cursive; }

.WikiaArticle h2 { border-bottom-color: #5450B2; margin-right: 7px; margin-bottom: 0.2em; }

nav.toc h2 { font-family: inherit; color: inherit; margin: 0; }

.WikiaBlogListing .WikiaBlogListingPost .author-details h2 { font-family: inherit; color: inherit; margin: 0; }

.WikiaArticle .editsection { float: right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #D5D4D4; margin-right: 10px; }


 * lang(ja) {

font-family: "Meiryo", sans-serif; }

/* Apply backgrounds */ .WikiaArticle table.article-table > *:first-child > tr:first-child > td, .WikiaArticle table.article-table > *:first-child > tr:first-child > th, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > td, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > th, .WikiaArticle table.wikitable > *:first-child > tr:first-child > td, .WikiaArticle table.wikitable > *:first-child > tr:first-child > th, .portable-infobox .pi-secondary-background:not(.pi-navigation), .WikiaRail .insights-module.insights-light.module h2, .portable-infobox.pi-layout-default .pi-data-label, .portable-infobox ul.pi-image-collection-tabs, .WikiaRail .CommunityCornerModule.module h2, .WikiaRail .content-review-module.module h2, .UserProfileMasthead .masthead-info hgroup, .WikiaArticle .chat-module .chat-headline, .WikiaRail .HotSpotsModule.module h2, div.mw-warning-with-logexcerpt > p, .portable-infobox .pi-data-label, .tabber.tabberlive ul.tabbernav, table.wikitable > * > tr > th, .portable-infobox .pi-title, .WikiaRail .rail-module h2, table.wikitable > tr > th, .WikiaRail .railmodule h2, .WikiaRail .module > h2, .ajax-poll .header, .MainPageHeading { background: #5450B2; }

.WikiaPage { border: 2px solid #5450B2; }

border-radius: 0 0 15px 15px; }
 * 1) mixed-content-footer,
 * 2) WikiaPageBackground,
 * 3) WikiaPage {

.wds-community-header { padding: 0 1px; }

.wds-community-header:before { width: 100%; width: calc(100% - 1px); }

/* Rail Modules - Body */ .WikiaRail .insights-module.insights-light.module, .WikiaRail .CommunityCornerModule.module, .WikiaRail .content-review-module.module, .WikiaRail .FollowedPagesModule.module, .WikiaRail .WikiaBlogListingBox.module, .WikiaRail .HotSpotsModule.module, .WikiaRail .module.railModule, .WikiaRail .rail-module, .WikiaRail .railmodule, .WikiaRail .module { overflow: hidden; background: transparent; padding: 0; border: 2px solid #5450B2; border-radius: 15px; margin: 0 10px 15px; box-sizing: content-box; box-shadow: 3px 3px 5px #CCCCCC; }
 * 1) WikiaRailWrapper.WikiaRail .rail-module,
 * 2) WikiaRailWrapper.WikiaRail .railmodule,
 * 3) WikiaRailWrapper.WikiaRail .module,

.WikiaRail #cql-module-content { display: flex; justify-content: space-around; }

/* Rail Modules - Headers */ .WikiaRail .insights-module.insights-light.module h2, .WikiaRail .CommunityCornerModule.module h2, .WikiaRail .content-review-module.module h2, .WikiaRail .HotSpotsModule.module h2, .WikiaRail .rail-module h2, .WikiaRail .railmodule h2, .WikiaRail .module > h2 { font-size: 14px; font-family: "Girassol", cursive; color: #FFFFFF; padding: 3px 10px; border-bottom: none; }

.WikiaRail .rail-module h2, display: flex; align-items: center; min-height: 30px; }
 * 1) WikiaRail > .module > h2 {

.WikiaRail .CommunityCornerModule.module h2, .WikiaRail .content-review-module.module h2, .WikiaRail .templatedraft-module h2, .WikiaRail .insights-module h2, .WikiaRail .rail-module h2, .WikiaRail .railmodule h2, .WikiaRail .module h2 { margin-bottom: 6px; }

.WikiaRail .WikiaBlogListingBox.module h2 { margin-bottom: 0; }

.WikiaRail #cql-module h2 { margin-bottom: 16px; }

.WikiaRail .activity-module h2, .WikiaRail .module .pseudo-h1 { margin-bottom: 12px; }

/* Rail Modules - Spacing */ .WikiaRail .activity-module .activity-items, .WikiaRail .activity-module .community-page-rail-module, .WikiaRail .chat-module .chat-details, .WikiaRail .FollowedPagesModule ul, .chat-module.ChatWidget .chat-details, .WikiaRail .premium-recirculation-rail .thumbnails, .WikiaRail .templatedraft-module > p, .WikiaBlogListingBox.module p, .WikiaRail .insights-module-list, .WikiaRail .module .more, .WikiaRail .HotSpotsModule.module p, .WikiaRail .HotSpotsModule #myhome-hot-spots, padding: 10px; }
 * 1) myhome-community-corner-content p {

.WikiaRail .WikiaBlogListingBox.module > ul, .WikiaRail .HotSpotsModule.module p, .WikiaRail .HotSpotsModule ul { padding: 0 10px; }

.WikiaRail .templatedraft-module > p:first-of-type, .WikiaRail .WikiaBlogListingBox.module > .more, .WikiaRail .HotSpotsModule #myhome-hot-spots, .WikiaRail .activity-module .activity-items, .WikiaRail .FollowedPagesModule ul, .WikiaRail .insights-module-list { padding-top: 0; }

.content-review-module-header, .content-review-status { margin-left: 10px; }

.WikiaRail .module .content-review-module-header:first-of-type, .WikiaRail .WikiaBlogListingBox.module > ul { margin-top: 0; }

/* Rail Modules - SVGs */ .WikiaRail .rail-module h2.has-icon svg { fill: #000000; }
 * 1) WikiaRail #wikia-recent-activity.activity-module #seemoreactivity-button .wds-icon-small,

border: 0; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; -webkit-transition-property: -webkit-transform, transform; transition-property: -webkit-transform, transform; }
 * 1) WikiaRail .activity-module.rail-module #seemoreactivity-button {

-webkit-transform: rotate(360deg); transform: rotate(360deg); }
 * 1) WikiaRail .activity-module.rail-module #seemoreactivity-button:hover {

/* Rail Modules - Amphibious blog module */ .WikiaArticle .pseudo-h1 { font-size: 1.5rem; text-align: center; border-bottom: 0; }

@media only screen and (max-width: 1595px) { .WikiaArticle .pseudo-h1 { font-size: 1.75rem; line-height: 1.75rem; } }

/* Rail Modules - JavaScript Review Module */ .content-review-module .content-review-module-help { margin: 10px 15px 10px 0; }

/* Rail Modules - Standardize MyStory module */ .WikiaRail #mystory { border-radius: 0; }

.WikiaRail #mystory .fandom-icons { flex-basis: 25px; margin-bottom: 2px; }

.WikiaRail #mystory .wds-avatar { cursor: help; border: 1px solid #5450B2; margin: 5px 0 8px; }

.WikiaRail #mystory .mystory--content { text-align: left; padding: 0 8px; }

.WikiaRail #mystory .mystory--content .mystory--link { width: auto; margin: 10px 0; }

/* Rail Modules - breakpoints */ @media only screen and (max-width: 1024px) { #WikiaRailWrapper { width: calc(100% - 7px); padding-right: 0; padding-left: 0; column-gap: 40px; }

#WikiaRail { flex-direction: row !important;/* override occasional inline style */ justify-content: space-between; align-items: flex-start; max-height: 65% !important;/* override occasional inline style */ }

#WikiaRailWrapper.WikiaRail .rail-module, #WikiaRailWrapper.WikiaRail .railmodule, #WikiaRailWrapper.WikiaRail .module { margin-right: 0; margin-left: 0; }

.mainpage .main-page-tag-rcs { padding: 0; margin-bottom: 15px; } }

@media only screen and (max-width: 1083px) and (min-width: 1024px) { .WikiaRail .rail-module, .WikiaRail .railmodule, .WikiaRail .module { max-width: 280px; } }

@media only screen and (min-width: 1024px) { #WikiaRail { max-height: none !important;/* override occasional inline style */ } }

/* Reupload */ .WikiaArticle .mw-upload-links-box { background: transparent; padding: 11px 10px 10px; border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin: 10px 7px 0 0; }

.WikiaArticle .mw-upload-links-box li + li { border-top: 1px solid #5450B2; }

.WikiaArticle .mw-upload-links-box li * { font-size: 12px; line-height: normal; }

/* Deleted/Blocked Excerpt */ div.mw-warning-with-logexcerpt { overflow: hidden; background: transparent; padding: 0; border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin-right: 7px; }

div.mw-warning-with-logexcerpt > p { display: flex; align-items: center; min-height: 30px; font-weight: bold; font-size: 14px; font-family: "Girassol", cursive; line-height: 22px; color: #FFFFFF; padding: 3px 10px; margin: 0; }

div.mw-warning-with-logexcerpt > ul { margin-right: 10px; }

.WikiaArticle fieldset { border-width: 2px; border-color: #5450B2; box-shadow: 3px 3px 5px #CCCCCC; margin-right: 7px; }

.WikiaArticle .noarticletext { border: none; }

/* Mark redirects in Special:Allpages & Special:Watchlist */ .watchlistredir, .allpagesredirect { font-style: italic; }

.allpagesredirect:after { content: " (redirect)"; color: #808080; }

/* Masthead */ .WikiaUserPagesHeader { background: rgba(13, 13, 13, 0.07); }

.contributions-details.tally a { font-weight: normal; }

.UserProfileMasthead .masthead-info hgroup { padding-top: 14px; }

.UserProfileMasthead .links .user-profile__discord .wds-dropdown__content, .UserProfileMasthead .links .user-profile__discord .wds-dropdown:before, .UserProfileMasthead .links .user-profile__discord .wds-dropdown:after { left: 11%; }

.UserProfileMasthead .links .user-profile__discord .user-profile__discord__icon-with-label { padding-bottom: 5px; cursor: help; }

.UserProfileMasthead .links li:not(.user-profile__discord) { margin-top: -5px; }

.wikia-menu-button .drop:hover ~ .WikiaMenuElement, .wikia-menu-button .WikiaMenuElement:hover { display: block; min-width: 100%; }

.ns-2 #WikiaMainContentContainer #page-creator:first-child, .ns-2 #WikiaMainContentContainer #lastEdited:first-child { margin-top: 5px; } .ns-1200 #WikiaArticle { margin-right: 7px }

.ns-1200 #PageHeader { width: calc(100% - 7px); }

.Board .comments .SpeechBubble.message-main, .Board .SpeechBubble.new-message { border-left: 2px solid #5450B2; }

/* ReferencePopups */ display: flex; flex-direction: column; }
 * 1) WikiaMainContentContainer {

order: 1; align-self: flex-end; margin: 10px 7px 0 0; }
 * 1) WikiaMainContentContainer .refpopups-configure-page {

.refpopups-configure-page ~ #WikiaArticleFooter.WikiaArticleFooter #WikiaArticleComments { margin-top: 0; }

/* Fandom why D: */ .WikiaArticle { min-height: 0; padding-bottom: 10px; box-sizing: border-box; }

.license-description { background: transparent; padding: 14px 10px 13px; border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin: 0 7px 10px 0; }

/* Comment warning */ padding: 0; }
 * 1) WikiaArticleFooter {

padding: 0; border: 0; }
 * 1) WikiaArticleComments,
 * 2) article-comments {

background: transparent; font-weight: normal; font-size: inherit; font-family: inherit; line-height: 1.8em; padding: 10px; border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin-right: 7px; margin-left: 0; }
 * 1) article-comments-counter-header {

margin: 10px 15px 0 0; }
 * 1) WikiaArticleComments .controls {

.WikiaArticleComments #article-comments > .MiniEditorWrapper #article-comm-form.article-comm-form { margin-right: 7px; }

/* General Category Container Styling */ nav.article-categories#articleCategories { border: none; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin: 0 7px 10px 0; }

nav.article-categories#articleCategories:not(.articlePage) { background: transparent; border: 2px solid #5450B2; border-radius: 15px; }

nav.article-categories#articleCategories .container { overflow: hidden; background: transparent; padding-left: 10px; border: 2px solid #5450B2; border-radius: 15px; transition: all 0.3s; }

nav.article-categories#articleCategories.editMode .container { border-bottom: none; }

nav.article-categories#articleCategories div.toolbar { border: 2px solid #5450B2; border-radius: 15px; border-top: 1px solid #5450B2; }

/* Category Bar Buttons */ nav.article-categories#articleCategories .save, nav.article-categories#articleCategories .add { padding: 0 0.8em; border: none; transition: all 0.3s; }

nav.article-categories#articleCategories .secondary { padding: 0 0.8em; border: none; transition: all 0.3s; }

/* Category Input & Dropdown */ nav.article-categories#articleCategories #CategorySelectInput { padding: 0.25em 0.4em; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); margin-top: 0; }

nav.article-categories#articleCategories .ui-autocomplete { border: 4.5px solid transparent; box-shadow: 3px 3px 5px #CCCCCC; margin-left: -2px; }

nav.article-categories#articleCategories .ui-autocomplete .ui-menu-item a { transition: all 0.3s; }

nav.article-categories#articleCategories .ui-autocomplete .ui-menu-item a:hover { background: #3B4243; box-shadow: 3px 3px 5px #CCCCCC; }

/* Unsaved Categories */ nav.article-categories#articleCategories .category.new { color: #CFCFCF; border-color: transparent; box-shadow: 3px 3px 5px #CCCCCC; }

/* Interlang */ overflow: hidden; background: transparent; padding: 8px 20px 6px 10px; border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin: 0 7px 10px 0; }
 * 1) EditPageDialog.preview .modalContent .WikiaArticleInterlang,
 * 2) WikiaArticle.WikiaArticle ~ nav.WikiaArticleInterlang {

padding: 9px 20px 8px 10px; }
 * 1) WikiaArticle.WikiaArticle ~ nav.WikiaArticleInterlang {

margin-bottom: 0; }
 * 1) EditPageDialog.preview .modalContent .WikiaArticleInterlang li,
 * 2) WikiaArticle.WikiaArticle ~ nav.WikiaArticleInterlang li {

font-size: inherit; margin-top: 0; margin-right: 6px; }
 * 1) EditPageDialog.preview .modalContent .WikiaArticleInterlang h3,
 * 2) WikiaArticle.WikiaArticle ~ nav.WikiaArticleInterlang h3 {

/* The actual comments */ .article-comments #article-comments-ul { margin-right: 7px; }

.article-comments li.comment .speech-bubble-message { border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; transition: all 0.4s; }

/* Those speech bubble triangle things that look weird */ .article-comments li.comment .speech-bubble-message:before { display: none; }

.article-comments li.comment .speech-bubble-message:after { border-color: transparent transparent transparent transparent; transition: all 0.4s; }

/* Avatars */ .article-comments .avatar { border: 3px solid #5450B2; }

.article-comments li.comment .avatar { margin: 0.25em 0 0 1em; border-radius: 100%; }

/* Templates - Quote module */ .WikiaArticle .pull-quote { display: flex; flex-wrap: wrap; max-width: 80%; font-size: 1em; line-height: 1.8; margin: 1em auto; }

.WikiaArticle .pull-quote__text { flex-basis: 100%; position: relative; font-style: italic; padding: 0 2em; }

.WikiaArticle .pull-quote__text:before, .WikiaArticle .pull-quote__text:after { position: absolute; font-weight: 700; font-style: normal; font-size: 3em; }

.WikiaArticle .pull-quote__text:before { content: "“"; top: 0; left: 0; line-height: 1; }

.WikiaArticle .pull-quote__text:after { content: "”"; right: 0; bottom: 0; line-height: 0.2; }

.WikiaArticle .pull-quote__source { text-align: left; margin-left: auto; }

.WikiaArticle .pull-quote__source:before { content: "—"; }

.WikiaArticle .pull-quote--right, .WikiaArticle .pull-quote--left { text-align: justify; padding: 1em 0; border: 1px solid #BBBBBB; border-left: 0; border-right: 0; }

.WikiaArticle .pull-quote--right { float: right; margin: 1em 0 1em 2em; }

.WikiaArticle .pull-quote--left { float: left; margin: 1em 2em 1em 0; }

/* Templates - Mboxes, !important to override inline style */ .mbox { background: transparent !important; border-color: #5450B2 !important; }

/* Tags - */ [id^="flytabs_"] ul.tabs, .ns-6 ul.tabs { display: flex; flex-direction: row; border-bottom: none; }

.ns-6 ul.tabs { margin-right: 7px; }

[id^="flytabs_"] .tabs li, .ns-6 .tabs li { flex: 1 auto; float: left; height: 36px; font-weight: bold; font-size: 0.875rem; color: #E59C71; text-align: center; text-transform: uppercase; border-bottom: 4px solid #E59C71; margin: 0; -webkit-transition-property: border-color, color; transition-property: border-color, color; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

[id^="flytabs_"] .tabs li.selected, .ns-6 .tabs li.selected { color: #D5D4D4; border-bottom: 4px solid #D5D4D4; }

[id^="flytabs_"] .tabs li:not(.selected):hover, .ns-6 .tabs li:not(.selected):hover { filter: brightness(1.3); }

[id^="flytabs_"] .tabs li.selected a, [id^="flytabs_"] .tabs li:hover a, [id^="flytabs_"] .tabs li a, .ns-6 .tabs li.selected a, .ns-6 .tabs li:hover a, .ns-6 .tabs li a { display: block; background: none; text-decoration: none; text-shadow: none; border: none; cursor: pointer; }

[id^="flytabs_"] .tabs li.selected a, .ns-6 .tabs li.selected a { cursor: text; color: inherit; }

[id^="flytabs_"] + [id$="content-wrapper"], .ns-6 + [id$="content-wrapper"] { margin-top: 5px; }

.tabBody { min-height: 0; }

/* Tags - */ .tabber.tabberlive { overflow: hidden; padding: 0; border: 2px solid #5450B2; border-radius: 15px; margin: 0 7px 15px 0; box-shadow: 3px 3px 5px #CCCCCC; }

.tabber.tabberlive ul.tabbernav { font-size: inherit; font-family: inherit; text-align: center; padding: 2px 0 1px; border: 0; }

.tabber.tabberlive ul.tabbernav li.tabberactive a, .tabber.tabberlive ul.tabbernav li a { background-color: #FFFFFF; line-height: 22px; color: #000000; padding: 4px; border: none; margin-left: 0; cursor: pointer; }

.tabber.tabberlive ul.tabbernav li.tabberactive a { background-color: transparent; }

.tabber.tabberlive .tabbertab { background: transparent; border: 0; box-sizing: content-box; }

/* Tags - */ div.ajax-poll[id^="ajax-poll"] { overflow: hidden; background: transparent; padding: 0; border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin: 0 7px 15px 0; }

div.ajax-poll[id^="ajax-poll"] div.header { font-size: x-large; line-height: normal; text-align: center; padding: 6px 0 2px; }

.ajax-poll > .center { font-style: italic; padding-top: 5px; }

.ajax-poll > form { padding-bottom: 10px; }

.ajax-poll .pollAnswerVotes { width: auto; margin-right: 10px; }

.ajax-poll #ajax-poll-area > br { display: none; }

.ajax-poll #ajax-poll-area > div:last-child { font-size: smaller; padding: 5px 10px; }

.ajax-poll #ajax-poll-area + input { margin-left: 10px; }

.ajax-poll #ajax-poll-area + input + span { font-style: italic; font-size: smaller; padding-left: 5px !important;/* override inline style */ }

/* Tags - */ .WikiaArticle pre:not([class^="de"]) { background-color: transparent; border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin-right: 7px; }

.mw-geshi [class*="source-"] pre[class*="de"], line-height: 14px; padding: 12px; border: 2px solid #5450B2; border-radius: 15px; box-shadow: 3px 3px 5px #CCCCCC; margin-right: 7px; }
 * 1) mw-content-text > div pre[class*="source-"] {

/* Tags - */ code { background-color: rgba(0, 0, 0, 0.5); padding: 1px 4px; border: 1px solid rgba(0, 0, 0, 0.9); border-radius: 5px; }

/* Tags - */ hr { border: 1px solid #5450B2; box-shadow: 3px 2px 5px #CCCCCC; margin-inline-start: 0; margin-inline-end: 7px; }

.WallGreeting hr { margin-inline-end: 0; }

/* Use SVG wordmark - customization policy compliant per Brandon Rhea */ .wds-community-header__wordmark img, content: url("https://vignette.wikia.nocookie.net/galaxydragon/images/9/9d/Wiki-wordmark.svg"); }
 * 1) EditPageHeader .wordmark img {