User:Ursuul/sandbox.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Geshi.css|MediaWiki:MP.css|MediaWiki:Tables.css|MediaWiki:Themes.css|u:dev:MediaWiki:AL.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ModernWikiActivity.css");

/** * @Name:          Cormorant Infant font * @Author:        Christian Thalmann * @License:       SIL OPEN FONT LICENSE Version 1.1 (https://scripts.sil.org/OFL) * @Copyright:     Copyright (c) 2015, Christian Thalmann and the Cormorant Project Authors (github.com/CatharsisFonts/Cormorant) */

/* latin-ext italic */ @font-face { font-family: "Cormorant Infant"; font-style: italic; font-weight: 400; font-display: swap; src: local("Cormorant Infant Italic"), local("CormorantInfant-Italic"), url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyJU44g9vKiM1sORYSiWeAsLN997_Il1RMEbK0UPoDm.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin italic */ @font-face { font-family: "Cormorant Infant"; font-style: italic; font-weight: 400; font-display: swap; src: local("Cormorant Infant Italic"), local("CormorantInfant-Italic"), url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyJU44g9vKiM1sORYSiWeAsLN997_Il2xMEbK0UPg.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin-ext bold italic */ @font-face { font-family: "Cormorant Infant"; font-style: italic; font-weight: 700; font-display: swap; src: local("Cormorant Infant Bold Italic"), local("CormorantInfant-BoldItalic"), url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyKU44g9vKiM1sORYSiWeAsLN997_ItYDYRT48ZFLrvI_2S.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin bold italic */ @font-face { font-family: "Cormorant Infant"; font-style: italic; font-weight: 700; font-display: swap; src: local("Cormorant Infant Bold Italic"), local("CormorantInfant-BoldItalic"), url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyKU44g9vKiM1sORYSiWeAsLN997_ItYDYRQY8ZFLrvIw.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin-ext regular */ @font-face { font-family: "Cormorant Infant"; font-style: normal; font-weight: 400; font-display: swap; src: local("Cormorant Infant Regular"), local("CormorantInfant-Regular"), url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyPU44g9vKiM1sORYSiWeAsLN997_kV2RkDTq8kPw.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin regular */ @font-face { font-family: "Cormorant Infant"; font-style: normal; font-weight: 400; font-display: swap; src: local("Cormorant Infant Regular"), local("CormorantInfant-Regular"), url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyPU44g9vKiM1sORYSiWeAsLN997_cV2RkDTq8.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin-ext bold */ @font-face { font-family: "Cormorant Infant"; font-style: normal; font-weight: 700; font-display: swap; src: local("Cormorant Infant Bold"), local("CormorantInfant-Bold"), url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyIU44g9vKiM1sORYSiWeAsLN9950wwzDohQ4UeNrjfIg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin bold */ @font-face { font-family: "Cormorant Infant"; font-style: normal; font-weight: 700; font-display: swap; src: local("Cormorant Infant Bold"), local("CormorantInfant-Bold"), url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyIU44g9vKiM1sORYSiWeAsLN9950wwzDQhQ4UeNrg.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* 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, .WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .color1 { font-family: "Cormorant Infant", serif; color: #FFFFFF; }

.WikiaArticle h2 { border-bottom-color: #9C473E; 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; }

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

width: 12px; box-shadow: 0 0 8px rgba(205, 163, 158, 0.2); border: 1px solid #D7B5B1; }
 * -webkit-scrollbar-track {

background: transparent; }
 * -webkit-scrollbar-thumb {

background: rgba(156, 71, 62, 0.6); border: 2px solid #9C473E; }
 * -webkit-scrollbar-thumb:hover {

background: rgba(156, 71, 62, 0.8); border: 2px solid #9C473E; }
 * -webkit-scrollbar-thumb:active {

background: rgba(156, 71, 62, 1); border: 2px solid #9C473E; }

/* 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, .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: #9C473E; }

.WikiaPage { border-color: #9C473E; }

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

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

/* 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 { background: #202020; padding: 1px; border: 2px solid #9C473E; margin: 0 10px 15px; box-sizing: content-box; box-shadow: 3px 3px 5px #000000; }
 * 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: "Cormorant Infant", serif; 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: rgba(248, 231, 223, 1); }
 * 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 #9C473E; 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 */ } }

/* ModernWikiActivity */ .activityfeed > li { --mwa-edit: #9C473E; --mwa-link-transform: none; --mwa-text-transform: 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); }

.Board .comments .SpeechBubble.message-main, .Board .SpeechBubble.new-message { border-left-color: #414141; }

.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; }

body.mw-special-Contributions #WikiaMainContentContainer #contentSub > a, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #bodyContent #contentSub > a { background-color: #9C473E; font-weight: normal; font-family: "Cormorant Infant", serif !important;/* override imported !important */ color: #FFFFFF !important;/* override imported !important */ }

body.mw-special-Contributions #WikiaMainContentContainer #contentSub > a:active, body.mw-special-Contributions #WikiaMainContentContainer #contentSub > a:focus, body.mw-special-Contributions #WikiaMainContentContainer #contentSub > a:hover, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #bodyContent #contentSub > a:active, body.mw-special-Contributions #bodyContent #contentSub > a:focus, body.mw-special-Contributions #bodyContent #contentSub > a:hover { background-color: #700D0B; }

.ns-1200 #WikiaArticle { margin-right: 7px }

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

/* 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 { padding-bottom: 10px; }

.license-description { background: #202020; padding: 14px 10px 13px; border: 2px solid #9C473E; box-shadow: 3px 3px 5px #000000; margin: 0 7px 10px 0; }

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

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

background: #202020; font-weight: normal; font-size: inherit; font-family: inherit; line-height: 1.8em; padding: 10px; border: 2px solid #9C473E; box-shadow: 3px 3px 5px #000000; 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; box-shadow: 3px 3px 5px #000000; margin: 0 7px 10px 0; }

nav.article-categories#articleCategories:not(.articlePage) { background: #202020; border: 2px solid #9C473E; }

nav.article-categories#articleCategories .container { background: #202020; padding-left: 10px; border: 2px solid #9C473E; transition: all 0.3s; }

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

nav.article-categories#articleCategories div.toolbar { border: 2px solid #9C473E; border-top: 1px solid #9C473E; }

/* 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 #000000; 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 #000000; }

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

/* Interlang */ background: #202020; padding: 8px 20px 6px 10px; border: 2px solid #9C473E; box-shadow: 3px 3px 5px #000000; 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 { background: #202020; border: 2px solid #9C473E; box-shadow: 3px 3px 5px #000000; transition: all 0.4s; }

.article-comments li.comment .speech-bubble-message.current:hover, .article-comments li.comment .speech-bubble-message.current { background: #332332; border: 2px solid #433542; box-shadow: 3px 3px 5px #000000; transition: all 0.4s; }

.article-comments li.comment .speech-bubble-message.current:hover { background: #4F3F4E; }

.article-comments li.comment .speech-bubble-message.current:after { border-color: transparent #332332 #332332 transparent; }

.article-comments li.comment .speech-bubble-message.current:hover:after { border-color: transparent #4F3F4E #4F3F4E transparent; }

.article-comments li.comment .speech-bubble-message.current .secondary.actionButton { background: #433542; }

.article-comments li.comment .speech-bubble-message:hover { background: #171717; border-color: #610B0B; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); }

.article-comments li.comment .speech-bubble-message.current, .article-comments li.comment .speech-bubble-message { border-radius: 0; }

/* 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 #202020 #202020 transparent; transition: all 0.4s; }

.article-comments li.comment .speech-bubble-message:hover:after { border-color: transparent #171717 #171717 transparent; }

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

.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: #202020 !important; border-color: #9C473E !important; }

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

[id^="flytabs_"] .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 { color: #D5D4D4; border-bottom: 4px solid #D5D4D4; }

[id^="flytabs_"] .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 { display: block; background: none; color: inherit; text-decoration: none; text-shadow: none; border: none; cursor: pointer; }

[id^="flytabs_"] .tabs li.selected a { cursor: text; }

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

/* Tags - */ .tabber.tabberlive { padding: 1px; border: 2px solid #9C473E; margin: 0 7px 15px 0; box-shadow: 3px 3px 5px #000000; }

.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: #39271C; line-height: 22px; color: #FFFFFF; padding: 4px; border: none; margin-left: 0; cursor: pointer; }

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

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

/* Tags - */ div.ajax-poll[id^="ajax-poll"] { background: #202020; padding: 1px; border: 2px solid #9C473E; box-shadow: 3px 3px 5px #000000; 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: #202020; border: 2px solid #9C473E; box-shadow: 3px 3px 5px #000000; margin-right: 7px; }

/* 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 #9C473E; box-shadow: 3px 2px 5px #000000; margin-inline-start: 0; margin-inline-end: 7px; }

/* Username colors */ a[href$="/wiki/User:Sulina"], a[href="/wiki/Message_Wall:Sulina"], a[href="/wiki/User_blog:Sulina"], a[href="/wiki/Special:Contributions/Sulina"] { font-weight: bold; color: #9C473E; }

.Wall .edited-by a[href$="Sulina"] ~ .subtle::after { content: " (Prime Admin)"; font-weight: bold; color: #800000; }