MediaWiki:Wikia.css

/***********************************************************************/ /******************************* Imports *******************************/ /***********************************************************************/ @import url("https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i|Merienda+One"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css|MediaWiki:Staff.css|MediaWiki:Gadget-WikiaNotifs.css|MediaWiki:Colors.css|u:dev:MediaWiki:AL.css|u:dev:MediaWiki:Global_Lua_Modules/NavboxBuilder.css|u:dev:MediaWiki:PrettyUserTags.css|u:dev:MediaWiki:ContribsButtons.css|u:diepio:MediaWiki:Global.css"); /***********************************************************************/ /****************************** Doc & ToC ******************************/ /***********************************************************************/ /* DOCUMENTATION * @Contributors:  DW Code Administrators  * @Notes:         * ( . ) = section code e.g. (B.2) = Link Hover Glow */ /* SECTION A — USER TAGS * Subsection 1 — User Tags Setup * Subsection 2 — Individual Tags */ /* SECTION B — DEFAULT WIKI ALTERATIONS * Subsection 1 — Rail Module Styling * Subsection 2 — Link Hover Glow * Subsection 3 — Loader, Visualizer, & Edit Styles * Subsection 4 — Extensions & Default Tag Styles * Subsection 5 — Threads & Comments * Subsection 6 — Banner Styles * Subsection 7 — Era Icons * Subsection 8 — WikiaArticle Styling * Subsection 9 — Toolbar & WikiaNotifs * Subsection 10 — Activity & BlogList Feeds * Subsection 11 — Tooltips & Popovers * Subsection 12 — Category Page Galleries * Subsection 13 — Help Page Quick-Fix * Subsection 14 — Pagination Quick-Fix * Subsection 15 — Tabview Styling */ /* SECTION C — INVOKABLE STYLING * Subsection 1 — Table Styling * Subsection 2 — WDS Button Recreation * Subsection 3 — Tabber Styling for Detail Div * Subsection 4 — Polls * Subsection 5 — Plain Links * Subsection 6 — Miscellaneous Classes & IDs * Subsection 7 — Universal Navbox Styles * Subsection 8 — Template Styles * Subsection 9 — Reference Popups */ /* SECTION D — SPECIFIC PAGES * Subsection 1 — Welcome Message * Subsection 2 — Special:Community * Subsection 3 — History Articles Navigation * Subsection 4 — Miscellaneous Pages * Subsection 5 — Personal Greeting Pages * Subsection 6 — Main Page Modules * Subsection 7 — Special:Contributions */ /* SECTION E — NEEDED AT BOTTOM OF STYLESHEET FOR CASCADE * Subsection 1 — Bug Fixes * Subsection 2 — Miscellaneous * Subsection 3 — Keyframes */ /****************************** Variables ******************************/ /* These variables define the core colors and other values for our CSS */ /* so that they can easily be modified if necessary, like for a theme. */ /* Under the current naming system, --primary and --primary accent are */ /* primary colors which define the theme, while other variables like  */ /* --secondary and --tertiary are background colors. */
 * root {

--primary: #0088AA;/* default: cyan blue */ --primary-accent: #006688;/* default: teal blue */ --primary-light: #11CFFF;/* default: light cyan blue */ --secondary: #3B4243;/* default: bluish grey */ --secondary-accent: #333B3D;/* default: darker bluish grey */ --tertiary: rgba(238, 238, 255, 0.035);/* default: medium grey */ --tertiary-accent: rgba(0, 0, 0, 0.085);/* default: darker grey */ --links: #44C4F8;/* default: light blue */ --links-background: rgba(68, 196, 248, 0.1);/* default: slight blue tint */ --links-glow: #00FFFF;/* default: cyan */ }/**/

/***********************************************************************/ /************************ User Tags Setup (A.1) ************************/ /***********************************************************************/ /* General Tag limitations */ .UserProfileMasthead .masthead-info .tag-container .usergroup-fs ~ .usergroup-hi, .skin-monobook .tag-container .usergroup-fs ~ .usergroup-hi, .UserProfileMasthead .masthead-info .tag-container .tag:nth-child(3) ~ .tag, .skin-monobook .firstHeading .tag-container .tag:nth-child(3) ~ .tag, display: none; }
 * 1) discussion-bio {

.UserProfileMasthead .masthead-info .tag-container .tag, .skin-monobook .tag-container .tag { text-shadow: none; }/**/

/* Profile Masthead Theme */ .WikiaUserPagesHeader { background: none; }

.UserProfileMasthead .masthead-avatar .avatar { border: 4px solid #006688; border: 4px solid var(--primary-accent, #006688); border-radius: 5px; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25); }

.UserProfileMasthead .masthead-info { background: #3B4243; background: var(--secondary, #3B4243); background-size: 100%; border: 4px solid #333B3D; border: 4px solid var(--secondary-accent, #333B3D); border-top: none; border-radius: 10px; }

.UserProfileMasthead .masthead-info hgroup { background: #0088AA; background: var(--primary, #0088AA); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border: 4px solid #006688; border: 4px solid var(--primary-accent, #006688); border-bottom: none; box-shadow: 0 1px 4px rgba(0, 0, 0, .3); margin: 0 -4px; }

.UserProfileMasthead .masthead-info h1, .UserProfileMasthead .masthead-info h2 { color: #EEEEEE; }

.UserProfileMasthead .masthead-info .tag + .tag, .UserProfileMasthead .masthead-info .tag { box-shadow: 1px 3px 0 rgba(0, 0, 0, 0.2); margin: 0 3px 0 0; }

.UserProfileMasthead .masthead-info hgroup > span:first-of-type { margin-left: 3px; }

.UserProfileMasthead .masthead-info hgroup > span.tag-container { margin-left: 6px; }

.UserProfileMasthead .masthead-info-lower:before { border-color: #3B4243 #3B4243 transparent transparent; border-color: var(--secondary, #3B4243) var(--secondary, #3B4243) transparent transparent; }/**/

/* Strip the masthead down for blocked users * .usergroup-blocked.UserProfileMasthead { min-height: 0; padding: 0 10px 0 0; }

@media only screen and (max-width: 1023px) { .usergroup-blocked.UserProfileMasthead { padding: 0; } }

.usergroup-blocked.UserProfileMasthead .masthead-info .user-identity-box-edit, .usergroup-blocked.UserProfileMasthead .masthead-info-lower, .usergroup-blocked.UserProfileMasthead .masthead-info:after, .usergroup-blocked.UserProfileMasthead + .tabs-container #pseudotalkpages-li, .usergroup-blocked.UserProfileMasthead .masthead-avatar, .usergroup-blocked.UserProfileMasthead .details, .usergroup-blocked.UserProfileMasthead input, .usergroup-blocked.UserProfileMasthead h2 { display: none; }

.usergroup-blocked.UserProfileMasthead .masthead-info { border-bottom: none; margin: 0 0 10px; }

.usergroup-blocked.UserProfileMasthead hgroup { padding: 2px 15px; border-bottom: 4px solid #006688; border-radius: 0; }

.usergroup-blocked.UserProfileMasthead h1 { font-size: x-large; }/**/

/***********************************************************************/ /************************ Individual Tags (A.2) ************************/ /***********************************************************************/ /* Pre-script execution + non-UserTags tag style */ .UserProfileMasthead .masthead-info hgroup > .tag { color: #FFF; background: #006DB8; border: 2px outset #ADD; border-radius: 12px; padding: 2px 5px; }/**/

/* Official Staff Tags */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bureaucrat { background: #000000; color: #FFFFFF; border-color: #EFEFEF; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-com { background: #00FFFF; border-color: #00FFFF; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-mod { background: #00FF00; border-color: #00FF00; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-sen { background: #FFFF00; border-color: #FFFF00; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-rollback { background: #C40000; color: #FFFFFF; border-color: #C40000; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-content-moderator, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-threadmoderator, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-chatmoderator { background: #CE9D5C; border-color: #CE9D5C; }/**/

/* VIP Tags */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-vip, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-mvp { font-weight: normal; background: #2B662B; color: #FFFFFF; border-color: #26996E; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-sa { background-color: #5D8AA8; border-color: #5D8AA8; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-fs { background-color: #C0C0C0; border-color: #C0C0C0; }/**/

/* Other Tags */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-em { background: #FF0000; background: -webkit-linear-gradient(left, #FF0000, #FFA500, #008000, #0000FF, #4B0082, #EE82EE); background: -o-linear-gradient(left, #FF0000, #FFA500, #008000, #0000FF, #4B0082, #EE82EE); background: -moz-linear-gradient(left, #FF0000, #FFA500, #008000, #0000FF, #4B0082, #EE82EE); background: linear-gradient(to right, #FF0000, #FFA500, #008000, #0000FF, #4B0082, #EE82EE); color: #FFFFFF; border-color: #4B0082; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-hi, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-ins, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-alt { background: #FFFFFF; border-color: #FFFFFF; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-autoconfirmed, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-inactive { background: #2B662B; color: #FFFFFF; border-color: #00FFB6; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-founder, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-rot, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-ef { background: #000000; color: #FFFFFF; border-color: #000000; }/**/

/***********************************************************************/ /********************** Rail Module Styling (B.1) **********************/ /***********************************************************************/ /* General */ .WikiaSearch .side-articles.RailModule, .WikiaRail .custom-cql#mwModule, .WikiaSearch .exact-wiki-match, .WikiaRail .rail-module, .WikiaRail #cql-module, background: #3B4243; background: var(--secondary, #3B4243); border-radius: 3px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); padding: 0 15px 15px; border: 4px solid #333B3D; border: 4px solid var(--secondary-accent, #333B3D); border-top: none; margin: 0 10px 10px; transition: box-shadow 0.35s; }
 * 1) WikiaRail > .module {

.WikiaSearch .search-tabs { margin-bottom: 0.5em; }

.WikiaSearch .side-articles.RailModule { display: inline-block; width: auto; overflow: visible; }

.WikiaSearch .top-wiki-articles.RailModule { padding-bottom: 0; }

.WikiaSearch .side-articles.RailModule .side-article.result { display: flex; width: 100%; padding: 0.5em 0; }

.WikiaSearch .side-articles.RailModule .side-article.result .side-article-thumbnail { flex: 0 2 15%; height: auto; }

.WikiaSearch .side-articles.RailModule .side-article.result .side-article-text { font-size: x-small; }

.WikiaSearch .side-articles.RailModule:not(.fandom-stories) .side-article.result:first-of-type { padding-top: 0; border-top: 0; }

.WikiaSearch .side-articles.RailModule .side-article.result:last-of-type { padding-bottom: 0; border-bottom: 0; }

.WikiaSearch .fandom-stories.RailModule .side-article.result { flex-flow: column wrap; height: 0; }

.WikiaSearch .fandom-stories.RailModule .side-article.result .side-article-category { margin: -1px 0 12px 0; }

.WikiaSearch .fandom-stories.RailModule .side-article.result .side-article-text { flex: 2 0 100%; display: flex; flex-flow: column nowrap; width: 150px; }

.WikiaSearch .fandom-stories.RailModule .side-article.result .side-article-text .fandom-story-link { order: 2; }

.WikiaSearch .exact-wiki-match__result { margin: 0 -15px -20px; }

.WikiaSearch .exact-wiki-match__content { background: transparent; border: 0; }

.WikiaRail .chat-module.rail-module .start-a-chat-button { white-space: nowrap; padding: 5px 10px; margin-left: 5px; }

.WikiaRail .chat-module.rail-module .avatars .more-users-count { margin-left: 4px; }

background: #0088AA; background: var(--primary, #0088AA); border-radius: 3px; padding: 5px 10px 5px; border: 4px solid #006688; border: 4px solid var(--primary-accent, #006688); margin: 0 10px 10px; }
 * 1) railwam-log-alert {

.WikiaSearch .side-articles.RailModule .side-article.result:after, .WikiaSearch .side-articles.RailModule:after, .WikiaPage .WikiaPageContentWrapper:after, .railwam-data-element { display: none; }/**/

/* Headers */ .WikiaSearch .side-articles.RailModule .side-articles-header, .WikiaSearch .exact-wiki-match .exact-wiki-match__header, .WikiaRail .module > .blog-empty-user-blog .pseudo-h1, .WikiaRail .RewardModule.rail-module h2, .WikiaRail .chat-module.rail-module h2, .WikiaRail .chat-module.rail-module h2, .WikiaRail .CommunityCornerModule h2, .WikiaRail .custom-cql#mwModule > h2, .WikiaRail .rail-module > h2, .WikiaRail #cql-module > h2, display: flex; align-items: center; min-height: 30px; background: #0088AA; background: var(--primary, #0088AA); border-radius: 3px 3px 0 0; font-size: 1rem; color: #E0E0E0; padding: 5px 0 5px 10px; border: 4px solid #006688; border: 4px solid var(--primary-accent, #006688); border-bottom: none; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); margin: 0 -19px 10px; }
 * 1) WikiaRail > .module > h2 {

.WikiaSearch .side-articles.RailModule .side-articles-header, .WikiaSearch .exact-wiki-match .exact-wiki-match__header, .WikiaRail .module > .blog-empty-user-blog .pseudo-h1, .WikiaRail .RewardModule.rail-module h2, .WikiaRail .chat-module.rail-module h2, .WikiaRail .chat-module.rail-module h2, .WikiaRail .CommunityCornerModule h2, .WikiaRail .custom-cql#mwModule > h2, .WikiaRail .rail-module > h2, .WikiaRail #cql-module > h2, .WikiaSearch .side-articles.RailModule .side-articles-header > a, .WikiaSearch .exact-wiki-match .exact-wiki-match__header > a, .WikiaRail .module > .blog-empty-user-blog .pseudo-h1 > a, .WikiaRail .RewardModule.rail-module h2 > a, .WikiaRail .chat-module.rail-module h2 > a, .WikiaRail .chat-module.rail-module h2 > a, .WikiaRail .CommunityCornerModule h2 > a, .WikiaRail .custom-cql#mwModule > h2 > a, .WikiaRail .rail-module > h2 > a, .WikiaRail #cql-module > h2 > a,    color: #E0E0E0; }
 * 1) WikiaRail > .module > h2,
 * 1) WikiaRail > .module > h2 > a {

.modal > header { border: 4px solid rgba(0, 0, 0, 0.2); border-bottom: 0px; }

.modal > section { border: 4px solid rgba(0, 0, 0, 0.2); border-bottom: 0px; border-top: 0px; }

.modal > footer { border: 4px solid rgba(0, 0, 0, 0.2); border-top: 0px; }

.modalWrapper { border: 4px solid #2E2E2E; }

.WikiaSearch .exact-wiki-match .exact-wiki-match__header { margin-bottom: 0; }

.WikiaArticle .pseudo-h1 { font-weight: bold; font-size: 1.5rem; text-align: center; border-bottom: 0; }

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

/* Module icons, most universal first & JS extensions last */ .chat-module .chat-headline:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/8/8c/Grey-penta.svg"); margin: 0 7px -3px 0; }

.insights-module h2:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/4/48/Bulb.svg"); margin: 0 7px -3px 0; }

.WikiaBlogListingBox.module .blog-empty-user-blog .pseudo-h1:before, .WikiaBlogListingBox.module > h2:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/6/68/Pencil.svg"); margin: 0 7px -2px 0; }

.WikiaSearch .fandom-stories.RailModule .side-articles-header:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/7/7b/FANDOM.svg"); margin: 0 7px -6px 0; }

.WikiaSearch .exact-wiki-match .exact-wiki-match__header:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/2/2b/Search.svg"); margin: 0 7px -5px 0; }

.WikiaSearch .top-wiki-articles.RailModule .side-articles-header:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/a/ad/Bar.svg"); margin: 0 7px -3px 0; }

content: url("https://vignette.wikia.nocookie.net/ursuul/images/1/14/Forum.svg"); margin: 0 7px -1px 0; }
 * 1) ForumActivityModule h2:before {

content: url("https://vignette.wikia.nocookie.net/ursuul/images/5/58/Link.svg"); margin: 0 7px -5px 0; }
 * 1) ForumRelatedThreadsModule h2:before {

.FollowedPagesModule h2:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/0/01/Eye.svg"); margin: 0 7px -4px 0; }

.HotSpotsModule h2:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/f/f7/Activity.svg"); margin: 0 7px -5px 0; }

.CommunityCornerModule > h2:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/f/f5/Checklist.svg"); margin: 0 7px -3px 0; }

.content-review-module h2:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/b/b4/Gear.svg"); margin: 0 7px -4px 0; }

.templatedraft-module > h2:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/0/04/Infobox.svg"); margin: 0 7px -4px 0; }

.custom-rail-header:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/a/a9/Bull.svg"); margin: 0 7px -1px 0; }

.DiscordIntegratorModule .activity-heading:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/6/63/SpeechBubble.svg"); margin: 0 7px -5px 0; }

.RewardModule .activity-heading:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/8/85/Medal.svg"); margin: 0 7px -3px 0; }

content: url("https://vignette.wikia.nocookie.net/ursuul/images/6/68/Code-interior.svg"); margin: 0 7px -5px 0; }/**/
 * 1) cql-module h2:before {

/* Hover Styles */ .WikiaRail .rail-module:not(.DiscordIntegratorModule):hover, .WikiaRail #cql-module:hover, .WikiaRail .custom-cql#mwModule:hover, box-shadow: 0 1px 4px rgba(0, 0, 0, .2); position: relative; z-index: 2; }
 * 1) WikiaRail > .module:hover {

.WikiaRail .DiscordIntegratorModule:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, .2); }/**/

/* Medals (!importants necessary for inline style override) */ .rail-module.RewardModule > .RewardContainer { padding: 0 0 15px 0 !important; }

.WikiaRail .RewardModule .RewardSection img, .WikiaRail .RewardModule .button { box-shadow: 0 1px 4px rgba(0, 0, 0, .2); }

.WikiaRail .RewardModule .RewardSection img:hover, .WikiaRail .RewardModule .button:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, .3); }

.WikiaRail .RewardModule .RewardCount { background-color: #0088AA !important; background-color: var(--primary, #0088AA) !important; border: 1px solid #006688 !important; border: 1px solid var(--primary-accent, #006688) !important; color: white !important; }

.badgetootipwindow { background-color: #35494d !important; border: 2px solid #313e42 !important; border-top-width: 2.5px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); color: white !important; }

.badgetooltiparrow { border-bottom: 10px solid #313e42 !important; }/**/

/* Chat Module */ .WikiaRail .rail-module.chat-module { margin-top: 10px; }/**/

/* Weekly Updates Module */ .WikiaRail #custom-rail-bloglist .WikiaBlogListingBox { overflow: hidden; background: transparent; padding: 0; border: none; margin-bottom: 0; }

.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox > h2 { display: none; }

.WikiaRail #custom-rail-bloglist .author-details h2 { display: inline; border-bottom: none; }

.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox ul .WikiaBlogListingPost { padding: 10px 0 15px; }

.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox ul .WikiaBlogListingPost:first-child { padding-top: 0; }

.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox ul .WikiaBlogListingPost .post-summary { padding-bottom: 0; }/**/

/* Keep JavaScript Review module first for content reviewers */ .ns-8 #WikiaRail { display: flex; flex-direction: column; }

.ns-8 #WikiaRail .rail-module:not(.content-review-module), .ns-8 #WikiaRail > .module:not(.content-review-module) { order: 2; }/**/

/* SeeMoreActivityButton */ .skin-oasis.oasis-dark-theme #wikia-recent-activity #seemoreactivity-button { color: #E0E0E0; border: 0; transition-duration: 0.75s; transition-property: transform; }

.skin-oasis.oasis-dark-theme #wikia-recent-activity #seemoreactivity-button:hover { transform: rotate(360deg); }/**/

/* Additional styling */ .WikiaRail .FollowedPagesModule.module h2 { font-weight: bold; font-size: 1rem; min-height: 30px; margin-bottom: 16px; }

.WikiaRail .HotSpotsModule.module h2, .WikiaRail .content-review-module.module h2, .WikiaRail .CommunityCornerModule.module h2, .WikiaRail .insights-module.insights-dark.module h2 { color: #CCCCCC; min-height: 30px; margin-bottom: 16px; padding-right: 2px; }

.WikiaRail .CommunityCornerModule.module h2 { margin-bottom: 0; border-radius: 0; border-top: none; }

.WikiaRail .content-review-module.module .content-review-module-help { display: none; }

z-index: 3; }
 * 1) WikiaAdInContentPlaceHolder.rail-sticky-module {

.WikiaRail .WikiaBlogListingBox ul { border: 0; margin-top: 0; }
 * 1) custom-rail-bloglist .WikiaBlogListingBox ul,

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

.WikiaRail #railwam-log-alert { margin: 0 10px 10px; padding: 5px 10px 5px; background: #0088AA; background: var(--primary, #0088AA); border: 4px solid #006688; border: 4px solid var(--primary-accent, #006688); font-size: 1em; }

.WikiaRail #cql-module-content { margin-top: -4px; }

@media only screen and (max-width: 1023px) { .WikiaSearch .side-articles.RailModule, .WikiaSearch .exact-wiki-match, .main-page-tag-rcs .rail-module, .WikiaRail .rail-module { width: 285px; } }

@media only screen and (max-width: 1023px) { .WikiaRail .module, .WikiaRail .admin-dashboard-module, .main-page-tag-rcs .module, .main-page-tag-rcs .admin-dashboard-module { box-sizing: content-box; width: 285px; } }

@media only screen and (max-width: 1023px) { .WikiaRail #custom-rail-bloglist .WikiaBlogListingBox { width: auto; } }/**/

/* Special:Search */ .Search .SearchInput { width: calc(100% - 8px); background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-sizing: border-box; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-top: 4px; margin-left: 4px; }

.WikiaSearch > .SearchInput button.wikia-button:not(.secondary) { background: #0088AA !important; background: var(--primary, #0088AA) !important; border: 2px solid #006688 !important; border: 2px solid var(--primary-accent, #006688) !important; margin-top: -1px; }

.WikiaSearch .side-articles-footer > a, .WikiaSearch .exact-wiki-match > a, .WikiaRail .module .more { display: inline-block; float: right; background: transparent; font-weight: 600; font-size: 0.625rem; color: #44C4F8; color: var(--links, #44C4F8); line-height: 1.3em; letter-spacing: .15px; text-align: center; text-transform: uppercase; text-decoration: none; text-shadow: none; padding: 5px 12px 4px; border-style: solid; border-width: 1px; border-color: #44C4F8; border-color: var(--links, #44C4F8); border-radius: 3px; cursor: pointer; outline: 0; transition-duration: .75s; transition-property: background-color, border-color, color, filter; -webkit-appearance: none; }

.WikiaSearch .side-articles-footer > a:hover, .WikiaSearch .exact-wiki-match > a:hover, .WikiaRail .module .more:hover { filter: opacity(75%); }

.WikiaSearch .side-articles-footer > a, .WikiaSearch .exact-wiki-match > a { line-height: 1.2rem; margin: -30px 0 0; }/**/

/* Chat Entry Point Guidelines */ .chat-entry { text-align: center; padding-top: 0.5em; border-top: 1px solid #5C5C5C; margin: -0.5em 0; }

.chat-entry b { font-weight: bold; }

.ChatHeader, color: #FFFFFF; }/**/
 * 1) ChatHeader {

/* Insights Module Tweak */ .insights-module-item .insights-red-dot.highlighted { background-color: #F04F54; }/**/

/* Hot Topics Module */ .HotSpotsModule li .myhome-hot-spots-fire { font-weight: 600; }

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-1 { background-color: #F04F54; border: 2px solid #B33B3F; }

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-2 { background-color: #F99F54; border: 2px solid #BF772F; }

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-3 { background-color: #FFE46B; border: 2px solid #BFAE4E; }

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-4 { background-color: #00E06C; border: 2px solid #00A851; }

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-5 { background-color: #00B0E1; border: 2px solid #0083A8; }/**/

/* Back to Top Style */ text-decoration: underline; }/**/
 * 1) backtotop button:hover {

/* Level left content w/ the right rail */ margin-top: 0; }
 * 1) mw-content-text > .portable-infobox:first-child + .portable-infobox + dl,
 * 2) mw-content-text > .portable-infobox:first-child + .portable-infobox + p,
 * 3) mw-content-text > .portable-infobox:first-child + dl,
 * 4) mw-content-text > .portable-infobox:first-child + p,
 * 5) mw-content-text > figure:first-child + figure + dl,
 * 6) mw-content-text > figure:first-child + figure + p,
 * 7) mw-content-text > .floatleft + figure + p,
 * 8) mw-content-text > figure:first-child + dl,
 * 9) mw-content-text > figure:first-child + p,
 * 10) mw-content-text > .floatleft + p,
 * 11) mw-content-text > dl:first-child,
 * 12) mw-content-text > p:first-child {

.WikiaArticle .floatleft { margin: 0 10px 5px 0; }/**/

/***********************************************************************/ /************************ Link Hover Glow (B.2) ************************/ /***********************************************************************/ /* Installation */

a { color: #44C4F8; color: var(--links, #44C4F8); text-decoration: none; }

a:hover { text-shadow: 0 0 1.5px var(--links-glow, #00FFFF); }/**/

/* Redlinks */ a.new:hover, text-shadow: 0 0 2px #BA0000; }/**/
 * 1) quickbar a.new:hover {

/* Thread Histories */ text-shadow: 0 0 2px #999 !important; }/**/
 * 1) WallHistory .msgid:hover,
 * 2) WallThreadHistory .msgid:hover {

/* Welcome Message Links */ text-shadow: #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px; }/**/
 * 1) welcomelink a {

/* Exemptions */ .embeddable-discussions-post-actions a, .media-gallery-inner a, .WikiaRail .rail-module.activity-module ul.activity-items li.activity-item div.edit-info a.edit-info-user, .wds-button, .wds-notification-card .wds-notification-card__outer-body:hover, .tabs .selected a:hover, .UserProfileMasthead .discussion-details a:hover, .SpeechBubble .permalink:hover, .plainlinks:hover, .AdminDashboardTabs .tab:hover, .tab:hover, a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover, .noshadow, a.wikia-button.secondary:hover, .Wall .comments .SpeechBubble .msg-title a:hover, .Wall .speech-bubble-message .voting-controls a:hover, .EditPage .module_page_controls .preview_box .preview_icon:hover { text-shadow: none !important; }
 * 1) noshadow,
 * 1) noshadow2:hover,
 * 2) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-for-wiki-list a:hover,

.Wall .timestamp a:hover { text-decoration: underline; text-shadow: none; }

.wds-community-header a { text-shadow: none; }/**/

/***********************************************************************/ /*************** Loader, Visualizer, & Edit Styles (B.3) ***************/ /***********************************************************************/ /* Loader */ div.loading-message { color: #FFFFFF !important; font-family: "Ubuntu"; font-size: 0.75rem; font-weight: bold; text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important; vertical-align: middle; }

background-image: url(https://vignette.wikia.nocookie.net/diepio/images/2/2f/Loading3.gif); background-size: 104px 104px; background-repeat: no-repeat; background-position: center; background-color: transparent; overflow: visible; height: 104px; width: 104px; vertical-align: middle; }/**/
 * 1) EditPageEditor .loading-indicator .loading-message .loading-throbber {

/* Loader */ .loader { display: block; margin:0 auto; width: 29px; height: 29px; position: relative; border: 4px solid rgb(0, 176, 225); animation: loader-border 2.3s infinite ease; -o-animation: loader-border 2.3s infinite ease; -ms-animation: loader-border 2.3s infinite ease; -webkit-animation: loader-border 2.3s infinite ease; -moz-animation: loader-border 2.3s infinite ease; }

.loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: rgb(0, 176, 225); animation: loader-box 2.3s infinite ease-in; -o-animation: loader-box 2.3s infinite ease-in; -ms-animation: loader-box 2.3s infinite ease-in; -webkit-animation: loader-box 2.3s infinite ease-in; -moz-animation: loader-box 2.3s infinite ease-in; }/**/

/* Visualizer */ .visualizer { -moz-transition: all 0.55s ease; -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; border-style: solid; border-color: #929292; border-width: 4.5px; border-radius: 100%; transform: scale(.75, .75); width: 140px; height: 140px; background-image: url("http://img09.deviantart.net/5cd7/i/2011/306/5/3/3d_speaker___transparent_png_by_differentkev-d4eud3l.png"); background-position: center; background-size: cover; }

.visualizer:hover { transform: scale(1, 1); border-style: solid; border-color: #555555; border-width: 1px; border-radius: 100%; box-shadow: 0 0 1px 1px #212121; }

.visualizer:active { transform: scale(2, 2); position: relative !important; z-index: 5 !important; border-color: rgba(0, 0, 0, 0); box-shadow: 0 0 100px 100px rgba(0, 0, 0, 0); }/**/

/* Create Page Icon Replace */ .sprite.new { background-position: 0 !important; background-image: url("https://vignette.wikia.nocookie.net/diepio/images/9/92/Yellow.png") !important; }/**/

/***********************************************************************/ /**************** Extensions & Default Tag Styles (B.4) ****************/ /***********************************************************************/ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; }

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

.watchlistredir { font-style: italic; }/**/

/* Header Font */ h3, h4, h5, h6 { font-family: "Ubuntu", "Helvetica", "Arial", sans-serif; }

h1 { font-family: "Ubuntu"; font-weight: bold; color: #D6D6D6; }

.page-header__title { font-family: inherit; }

h2 { font-family: "Ubuntu"; }/**/

/* FANDOM why? */ em { font-style: italic; }

strong { font-weight: bold; }/**/

/* Make code tags more prominent */ code { color: #FFFFFF; background-color: #282828; border: 1px solid #1C1C1C; border-radius: 5px; font-style: normal; padding: .5px 2.5px; }/**/

/* Preformatted (pre) tags & Syntaxhighlight tags */ .css.source-css { background-color: #032B35; }

.WikiaArticle pre, .pre { border: 3px solid rgba(0, 0, 0, 0.08); line-height: 140%; width: auto; margin: 10px auto; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: pre\9; }

.css.source-css pre.de1, .css.source-css pre.de2 { background-color: #032B35; padding: 12px; }/**/

/* Modernize abbr tags */ abbr { text-decoration: none; border: 0; }/**/

/* Lock Forums Banner */ div#forum-warning-banner.warning-banner-expired, div#forum-warning-banner.warning-banner-warning { background: rgb(66, 63, 63); border: 4px solid rgba(0, 0, 0, 0.11); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border-radius: 0.5em; margin: 20px auto 0; padding: 0.5em 12px; text-align: center; width: 66.6%; }/**/

/* Remove LastEdited from most Namespaces */ .ns--1 #lastEdited, .ns-1 #lastEdited, .ns-2 #lastEdited, .ns-3 #lastEdited, .ns-4 #lastEdited, .ns-5 #lastEdited, .ns-7 #lastEdited, .ns-9 #lastEdited, .ns-11 #lastEdited, .ns-12 #lastEdited, .ns-13 #lastEdited, .ns-15 #lastEdited, .ns-500 #lastEdited, .ns-501 #lastEdited, .ns-502 #lastEdited, .ns-503 #lastEdited { display: none; }/**/

/* Discussions Feed */ .embeddable-discussions-module .embeddable-discussions-post-detail { background: transparent; }

.embeddable-discussions-module { padding-bottom: 15px; }/**/

/* Discussions Notif Dropdown */ .wds-list.wds-has-lines-between > li:hover { background-color: rgba(164, 182, 191, 0.2); }/**/

/* Center Bio Text */ .ns-2 .noarticletext { text-align: center; }/**/
 * 1) discussionsbiomodal > section > p,

/* Nicer lists */ .WikiaArticle dl { margin-bottom: 0; }

.WikiaArticle dl + p { margin-top: 0.8em; }

.WikiaArticle dd p { margin: 0; }

.WikiaArticle h1 + .floatleft + dl, .WikiaArticle h1 + figure + dl, .WikiaArticle h1 + dl, .WikiaArticle h2 + .floatleft + dl, .WikiaArticle h2 + figure + dl, .WikiaArticle h2 + dl, .WikiaArticle h3 + .floatleft + dl, .WikiaArticle h3 + figure + dl, .WikiaArticle h3 + dl, .WikiaArticle h4 + .floatleft + dl, .WikiaArticle h4 + figure + dl, .WikiaArticle h4 + dl, .WikiaArticle h5 + .floatleft + dl, .WikiaArticle h5 + figure + dl, .WikiaArticle h5 + dl, .WikiaArticle h6 + .floatleft + dl, .WikiaArticle h6 + figure + dl, .WikiaArticle h6 + dl, .WikiaArticle dl + dl, .WikiaArticle dl + ol, .WikiaArticle dl + ul, .WikiaArticle ol + dl, .WikiaArticle ol + ol, .WikiaArticle ol + ul, .WikiaArticle ul + dl, .WikiaArticle ul + ol, .WikiaArticle ul + ul { margin-top: 0; }/**/

/***********************************************************************/ /********************** Threads & Comments (B.5) ***********************/ /***********************************************************************/ /* Comment warning */ padding: 0; }
 * 1) WikiaArticleFooter {

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

background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); font-weight: normal; font-size: inherit; font-family: inherit; line-height: 1.8em; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-left: 0; margin-right: 0; }
 * 1) article-comments-counter-header {

.user-logged .anon-only, .user-anon .user-only { display: none; }

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

/* The actual comments */ .article-comments li.comment .speech-bubble-message, .Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message { background: #3D3F3F; border: 4px solid #353737; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border-radius: 0.67em; transition: all 0.4s; }

.Wall ul.comments > li.message ul.replies > li.SpeechBubble { padding-top: 0.4em; border: none; }

.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message { padding: 0.7em 1em; }

.article-comments li.comment .speech-bubble-message.current { background: #4F3F4E; border: 4px solid #433542; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border-radius: 0.67em; transition: all 0.4s; }

.article-comments li.comment .speech-bubble-message.current: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, .Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover { background: #4D595A; border-color: #3E4A4D !important; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); }

.Forum#Forum > .ForumNewMessage > .message, .Wall#Wall > .new-message > .speech-bubble-message, .Wall#Wall ul.comments > li.message > .speech-bubble-message { background: #33556A; margin-bottom: 10px; border: 4px solid #2B4455; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border-radius: 0.67em; transition: all 0.4s; }/**/

/* Remove Anon Comments */ .user-anon.ns-112 .MiniEditorWrapper, .user-anon.ns-116 .MiniEditorWrapper, .user-anon.ns-112 .article-com-reply, .user-anon.ns-116 .article-com-reply { display: none; }/**/

/* Message editor buttons */ .MiniEditorWrapper .toolbar .cke_button > a { background-color: rgba(255, 255, 255, 0.08); border: solid 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

.MiniEditorWrapper .toolbar .cke_button > a:hover { background-color: rgba(255, 255, 255, 0.18); border: solid 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }/**/

/* Those speech bubble triangle things that look weird */ .Wall .comments ul.replies > li:first-child:before, .Wall .comments ul.replies > li:first-child:after { display: none; } .Wall#Wall li.message-main > .speech-bubble-message:after, .Wall#Wall .new-message > .speech-bubble-message:after { border-color: #33556A #33556A transparent transparent; }

.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:after { border-color: #3D3F3F #3D3F3F transparent transparent; border-style: solid; border-width: 10px; transition: all 0.4s; }

.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover:after { border-color: #4D595A #4D595A transparent transparent; } .article-comments li.comment .speech-bubble-message:before { display: none; } .article-comments li.comment .speech-bubble-message:after { border-color: transparent #3D3F3F #3D3F3F transparent; transition: all 0.4s; } .article-comments li.comment .speech-bubble-message:hover:after { border-color: transparent #4D595A #4D595A transparent; }/**/

/* Avatars */ .article-comments li.comment .avatar { margin: 0.25em 0 0 1em; border: none; border-radius: 0.5em; }

.Wall .comments ul.replies > .SpeechBubble .speech-bubble-avatar { margin-top: 0.25em; }/**/

/* Buttons */ .Wall#Wall ul.comments > li.message > .speech-bubble-message .secondary, .Wall#Wall > .new-message > .speech-bubble-message button.secondary { background: #2B4455; border: 1px solid transparent; transition: all 0.4s; }

.article-comments li.comment .secondary.actionButton, .Wall ul.comments > li.message button.secondary { background: #353737; border: 1px solid transparent; transition: all 0.4s; }

.article-comments li.comment .speech-bubble-message:hover .secondary.actionButton, .Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover .secondary { background: #3F4C4F; border: 1px solid transparent; }

.Wall ul.comments > li.message .wikia-button:not(.secondary), .Wall#Wall > .new-message > .speech-bubble-message button:not(.secondary) { background: #0088AA; background: var(--primary, #0088AA); border: 1px solid transparent; transition: all 0.4s; }

.Wall#Wall > .new-message > .speech-bubble-message button:not(.secondary):hover, .Wall ul.comments > li.message .wikia-button:not(.secondary):hover { background: rgba(0, 136, 170, 0.75); }/**/

/* Menus */ .Wall ul.comments > li.message ul.WikiaMenuElement { border: 4px solid transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-right: -1px; }

.Wall ul.comments > li.message ul.WikiaMenuElement > li { border-top: none; }

.Wall ul.comments > li.message ul.WikiaMenuElement > li > a { font-size: 0.75rem; line-height: 1.5625rem; padding: 5px 9px; transition: all 0.4s !important; }

.Wall ul.comments > li.message ul.WikiaMenuElement > li > a:hover { background: #3B4243 !important;/* Necessary to override !important in FANDOM code */ background: var(--secondary, #3B4243) !important;/* Necessary to override !important in FANDOM code */ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }/**/

/* Post Sorting Dropdown */ .Forum .ContentHeader .sorting .menu { background: #363839; border: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); font-size: 0.9rem; text-shadow: 0 1px rgba(0, 0, 0, 0.4); }

.Forum .ContentHeader .sorting .menu li { line-height: 1.4rem; }

.Forum .ContentHeader .sorting .menu li:hover a.option { background: #3B4243; background: var(--secondary, #3B4243); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.4); }/**/

/* Text Field */ .article-comments li.comment .speech-bubble-message .MiniEditorWrapper .editarea, .article-comments li.comment .speech-bubble-message .MiniEditorWrapper .editarea textarea { background: #3A3A3B !important; }

.Wall#Wall > .new-message > .speech-bubble-message textarea, .Board#Forum > #ForumNewMessage > .message textarea, .Board#Forum > #ForumNewMessage > .message input, .Board#Forum > #ForumNewMessage > .message .title-container { background: #33404A !important; }

.Wall ul.comments > li.message ul.replies > .SpeechBubble.new-reply .editarea { border: 3px solid #393939; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); border-radius: 0.67em; }/**/

.Wall ul.comments > li.message ul.replies > .SpeechBubble.new-reply .editarea textarea { border-radius: 0.33em; }

/* Deleted or removed post message */ .deleteorremove-infobox { background: #423F3F; border-bottom: 4px solid rgba(0, 0, 0, 0.11); border-left: 4px solid rgba(0, 0, 0, 0.11); border-right: 4px solid rgba(0, 0, 0, 0.11); }

.deleteorremove-infobox .deleteorremove-bubble, .deleteorremove-infobox .deleteorremove-bubble.tail { border: none; }

.deleteorremove-infobox .deleteorremove-bubble.tail:before { display: none; }/**/

/* Topics */ .related-topics li.related-topic, .related-topics li.edit-topic, .message-topic .message-topic-list li.topic { background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 2px solid rgba(0, 0, 0, 0.085); border: 2px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); transition: all 0.35s; }

.message-topic .message-topic-list li.topic { border-radius: 3px; font-size: 0.75rem; list-style: none; margin-right: 10px; margin-bottom: 5px; padding: 1px 15px 1px 7px; }

.related-topics li.related-topic:hover, .related-topics li.edit-topic:hover, .message-topic .message-topic-list li.topic:hover { background: rgba(238, 238, 255, 0.075); }

.message-topic .message-topic-list li.topic .remove-swatch { background-color: transparent; }

.message-topic .message-topic-list li.topic:hover .remove-swatch { background-color: transparent; }

.message-topic input#MessageTopicInput { background-color: #404040; border: 3px solid rgba(0, 0, 0, 0.085); border: 3px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); border-radius: 0.5em; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }/**/

/* Misc. */ .Forum .ThreadList h4 a { font-weight: 500; }

.Wall .comments .quote, .WallPreview .quote { background-color: rgba(0, 0, 0, 0.15); border: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

.speech-bubble-message h2 { border-bottom-color: #999999; }

.speech-bubble-message a.votes:hover { font-size: 0.8rem; }/**/

/* All Skins */ body.page-Thread_103272 .msg-toolbar .buttonswrapper .buttons .thread-history, body.page-Thread_103272 .WallHistory, body.page-Thread_33184 .msg-toolbar .buttonswrapper .buttons .thread-history, body.page-Thread_33184 .msg-toolbar .timestamp a, body.page-Thread_33184 .WallHistory, body.page-Thread_32660 .msg-toolbar .buttonswrapper .buttons .thread-history, body.page-Thread_32660 .msg-toolbar .timestamp a, body.page-Thread_32660 .WallHistory { display: none; }

body.page-Thread_33184 .msg-toolbar .timestamp a.permalink, body.page-Thread_32660 .msg-toolbar .timestamp a.permalink { display: initial; }/**/

/***********************************************************************/ /************************* Banner Styles (B.6) *************************/ /***********************************************************************/ /* Test Mode Banner */ .banner-notification.notify a:after { content: "!"; } .banner-notification.notify a { text-shadow: none !important; text-decoration: none !important; color: #090DED !important; } .banner-notification.notify a:hover { text-decoration: underline !important; }/**/

/***********************************************************************/ /*************************** Era Icons (B.7) ***************************/ /***********************************************************************/ /* Dropdowns */ .eraicon-dropdown { color: #D5D4D4; padding: 10px; white-space: nowrap; font-size: 0.8125rem; }/**/

/* Positioning */ .WikiaPage .page-header__title, .page-header__contribution > div:first-child { display: flex; }

.page-header__eraicons { position: absolute; top: 10px; right: 0; }/**/

/* Icon Margins */ .eraicon { margin-right: 10px; }

.eraicon:last-child { margin-right: 0; }/**/

/***********************************************************************/ /********************* WikiaArticle Styling (B.8) **********************/ /***********************************************************************/ /* WikiaPage */ display: flex; flex-direction: column; }
 * 1) WikiaMainContentContainer {

order: 1; align-self: flex-end; }
 * 1) WikiaMainContentContainer .refpopups-configure-page {

.WikiaSiteWrapper > .WikiaPage { border-width: thin; border-color: #4f4f4f; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }/**/

/* General Category Container Styling */ nav.article-categories#articleCategories { border: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-left: 0; margin-right: 0; }

nav.article-categories#articleCategories:not(.articlePage) { background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); }

nav.article-categories#articleCategories .container { background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); transition: all 0.3s; }

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

nav.article-categories#articleCategories div.toolbar { border: 4px solid #363636; border-top: 1px solid #555555; }/**/

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

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

nav.article-categories#articleCategories .add:hover, nav.article-categories#articleCategories .save:hover { background: rgba(0, 136, 170, 0.75); }

nav.article-categories#articleCategories .secondary:hover { background: rgba(74, 75, 75, 0.75); }/**/

/* 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: 0 1px 4px rgba(0, 0, 0, 0.2); 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; background: var(--secondary, #3B4243); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }/**/

/* Hide “Add category” button for Anons & log blurb from user pages */ .user-anon .CategorySelect.articlePage .category:nth-last-child(2) { border-right: 0; }

.user-anon .CategorySelect.articlePage .last, .ns-2 .mw-warning-with-logexcerpt { display: none; }/**/

/* Unsaved Categories */ nav.article-categories#articleCategories .category.new { background: #363636; border-color: transparent; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); color: #CFCFCF; }/**/

/* Interlang */ nav.WikiaArticleInterlang { box-shadow: 0 1px 4px rgba(0, 0, 0, .2); margin: 10px 0; padding: 0.8em 1.75em 0.3em; background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); }

nav.WikiaArticleInterlang h3 { font-size: 1.1em; }

margin-top: 0; }/**/
 * 1) articleCategories ~ .WikiaArticleInterlang {

/* Related Forum Discussions Module */ .RelatedForumDiscussion { box-shadow: 0 1px 4px rgba(0,0,0,.2); margin: 10px 4px;/* I know you’re thinking “it’s not the same width q_q,” but the parent container for this one is less wide than the one for the category and interlang bars below so this is the best we can do */ padding: 0.4rem 1.75em 0.8em; background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); }

.RelatedForumDiscussion h2 { margin-top: 0.5rem; }

.RelatedForumDiscussion .forum-discussions .forum-thread { border-bottom: dashed 1px #5c5c5c; }/**/

/* Table of Contents */ .WikiaArticle nav.toc { background: rgba(239, 239, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border-collapse: separate; border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin: 1em 0; padding: 0 10px 5px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

.WikiaArticle nav.toc #toctitle { font-weight: 500; }/**/

/* Headings */ body:not(.mw-special-Search) .WikiaArticle h2:not(.blogfooter-header) .mw-headline, padding-bottom: 1px; font-size: 1.4rem; font-weight: 500; } .WikiaArticle h3 .mw-headline { font-size: 1.1rem; font-weight: bold; } .WikiaArticle h4 .mw-headline { font-size: 0.875rem; } .WikiaArticle span.editsection > a { text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.5px; } .WikiaArticle span.editsection > a:hover { color: #77ddff; text-decoration: none; text-shadow: none; }/**/
 * 1) RelatedForumDiscussion h2,
 * 2) mw-pages h2,
 * 3) mw-images h2 {

/* Transitions */ @media only screen and (min-width: 1024px) { .skin-oasis:not(.mw-special-Community) .WikiaArticle img:not(.pi-image-thumbnail), .mp-d .embeddable-discussions-post-actions path, #WikiaArticle a { transition: 0.65s; }   .WikiaArticle img:not(.pi-image-thumbnail):hover { filter: brightness(107%); }   .WikiaArticle img:not(.pi-image-thumbnail):active { filter: brightness(93%); } }/**/

/***********************************************************************/ /********************* Toolbar & WikiaNotifs (B.9) *********************/ /***********************************************************************/ /* Toolbar */ .WikiaBarWrapper .wikia-bar { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }/**/

/* WikiaNotifications */ .WikiaNotifications li div:not(.sysinnertext) { background-color: #00AACF; border: 2px solid; border-color: #0088AA #007799 #006688; border-color: var(--primary, #0088AA) #007799 var(--primary-accent, #006688); background-image: linear-gradient(#00B1DD 0%, #0088AA 100%); background-image: linear-gradient(#00B1DD 0%, var(--primary, #0088AA)); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

.WikiaNotifications li div .close-notification { border: none; top: 5px; right: 5px; }/**/

/***********************************************************************/ /****************** Activity & BlogList Feeds (B.10) *******************/ /***********************************************************************/ /* BlogLists & WikiActivity in general */ .activityfeed > li, .WikiaBlogListing li.WikiaBlogListingPost { margin: 0; padding: 10px 20px 10px 40px; transition: all 0.4s; }

.WikiaBlogListing li.WikiaBlogListingPost { padding-left: 20px; }

.WikiaBlogListing li.WikiaBlogListingPost h2 { font-weight: 600; font-size: 1.5rem; }

.activityfeed > li:hover, .WikiaBlogListing li.WikiaBlogListingPost:hover { background: #3B4243; background: var(--secondary, #3B4243); border-left: #0088AA 5px solid; border-left: var(--primary, #0088AA) 5px solid; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }/**/

/* Icons */ .activityfeed > li.activity-type-edit img.edit.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #eebf77; } .activityfeed > li.activity-type-talk img.talk.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #aaa; } .activityfeed > li.activity-type-categorization img.categorization.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #dd6f66; } .activityfeed > li.activity-type-new img.new.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-article-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-article-small.svg"); width: 18px; background-repeat: no-repeat; }

.activityfeed-diff img { content: url("data:image/svg+xml; utf8,  "); background-image: none !important; }/**/

/***********************************************************************/ /********************* Popovers & Tooltips (B.11) **********************/ /***********************************************************************/ /* General Popovers & Tooltips */ div.popover.wikiaBar .arrow, div.popover.top .arrow { border-top-color: #333b3d; border-top-color: var(--secondary-accent, #333B3D); }

div.popover.bottom .arrow { border-bottom: 10px solid #333b3d; border-bottom: 10px solid var(--secondary-accent, #333B3D); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; top: -15px; }

div.popover-inner, div.tooltip-inner { background: #3B4243; background: var(--secondary, #3B4243); border: 3px solid #333B3D; border: 3px solid var(--secondary-accent, #333B3D); box-shadow: 0 0 20px #282828; padding: 5px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

div.popover-content { background: none; }

/* Chat Module Info Popover */ .UserStatsMenu { background: #3B4243; background: var(--secondary, #3B4243); }

.UserStatsMenu .info { box-shadow: 0 1px 4px rgba(0, 0, 0, .2); }

.UserStatsMenu .info img { border: none; height: 35px; width: 35px; }

.UserStatsMenu .info ul { margin-left: 40px; }

.UserStatsMenu .info ul li { line-height: normal; margin: 0 !important; }

.UserStatsMenu .actions { font-weight: 600 !important; letter-spacing: 0.4px; text-transform: uppercase; }

.UserStatsMenu .actions span.label { margin-left: 5px; }

.UserStatsMenu .actions ul li:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, .2); }

.UserStatsMenu .actions ul li:hover .label { text-decoration: none; text-shadow: none; }/**/

/***********************************************************************/ /******************* Category Page Galleries (B.12) ********************/ /***********************************************************************/ /* Category View Selectors */ .category-gallery-form #category-exhibition-display-old.active div, .category-gallery-form #category-exhibition-display-new.active div { background-color: #0088aa; background-color: var(--primary, #0088AA); }/**/

/* Category Exhibition Image Cards */ .category-gallery-item { border: none; }

.category-gallery-item img, .category-gallery-item div.snippet { border: none; border-radius: 0.25em; padding: 0; }/**/

/* Page title things */ .category-gallery-media div.title:not(.bigger) { border-bottom-right-radius: 9px; border-top-right-radius: 9px; display: inline-block; line-height: 16px; max-height: 32px; padding: 3px 5px 3px; }

.category-gallery-item span.details, .category-gallery-item div.title, .category-gallery-media div.title:not(.bigger) { background: #0088AA; background: var(--primary, #0088AA); border: 2px solid #006688; border: 2px solid var(--primary-accent, #006688); box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); color: #E0E0E0; font-size: 0.9rem; font-weight: 600; max-width: 110px; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); white-space: nowrap; }

.category-gallery-media div.title:not(.bigger) a.lightbox { color: #E0E0E0; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }/**/

/***********************************************************************/ /********************* Help Page Quick-Fix (B.13) **********************/ /***********************************************************************/ /* Remove the shared help namespace border */ .sharedHelp { border: none; margin: none; padding: none; }/**/

/***********************************************************************/ /********************* Pagination Quick-Fix (B.14) *********************/ /***********************************************************************/ /* Remove border around pagination arrows */ .wikia-paginator ul .paginator-next, .wikia-paginator ul .paginator-prev { border: none; }/**/

/***********************************************************************/ /*********************** Tabview Styling (B.15) ************************/ /***********************************************************************/ /* Tabviews, e.g. file pages or profile pages */ ul.tabs { display: flex; flex-direction: row; border-bottom: none; } .tabs li { border-bottom: 4px solid #888; color: #888; cursor: pointer; float: left; font-size: .875rem; font-weight: 700; height: 36px; text-align: center; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter 0.25s ease-out } .tabs li:hover { filter: brightness(1.25); } .tabs li a { color: inherit; border: none !important; width: 100%; } .tabs li:hover a { text-decoration: none; text-shadow: none; } .tabs li.selected { border-bottom: 4px solid currentColor; color: currentColor; } .tabs li.selected a { cursor: pointer; background: none; color: inherit; }/**/

/***********************************************************************/ /************************* Table Styling (C.1) *************************/ /***********************************************************************/ /* Special:ListUsers Table */ table.TablePager td.sorting_1 { background-color: transparent; }

.TablePager tr:hover td { background-color: #595959; }/**/

/* Tables in general */ .WikiaArticle table.wikitable, .WikiaArticle table.article-table, .WikiaArticle table.WikiaTable { max-width: calc(100% - 17px); max-width: -webkit-fill-available; max-width: fill-available; background: #393A3A; color: #D5D4D4; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border: none; border-collapse: collapse; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); margin: 1em 4px 1em 3px; }/**/

/* Cells */ .WikiaArticle table.wikitable > * > tr > td, .WikiaArticle table.wikitable > * > tr > th { border-color: #777777; padding: 6px 12px; border-top: none; }

.WikiaArticle table.wikitable > * > tr > td:first-child, .WikiaArticle table.article-table > * > tr > td:first-child, .WikiaArticle table.WikiaTable > * > tr > td:first-child { border-left: 3px solid #323333; }

.WikiaArticle table.wikitable > * > tr > th:first-child, .WikiaArticle table.article-table > * > tr > th:first-child, .WikiaArticle table.WikiaTable > * > tr > th:first-child { border-left: 3px solid #2B2C2D; }

.WikiaArticle table.wikitable > * > tr > td:last-child, .WikiaArticle table.article-table > * > tr > td:last-child, .WikiaArticle table.WikiaTable > * > tr > td:last-child { border-right: 3px solid #323333; }

.WikiaArticle table.wikitable > * > tr > th:last-child, .WikiaArticle table.article-table > * > tr > th:last-child, .WikiaArticle table.WikiaTable > * > tr > th:last-child { border-right: 3px solid #2B2C2D; }

.WikiaArticle table.wikitable > * > tr:last-child > td, .WikiaArticle table.article-table > * > tr:last-child > td, .WikiaArticle table.WikiaTable > * > tr:last-child > td { border-bottom: 3px solid #323333; }

.WikiaArticle table.wikitable > * > tr:last-child > th, .WikiaArticle table.article-table > * > tr:last-child > th, .WikiaArticle table.WikiaTable > * > tr:last-child > th { border-bottom: 3px solid #2B2C2D; }/**/

/* Headers */ .WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th { background: #0088AA; background: var(--primary, #0088AA); border: none; border-top: 3px solid #006688; border-top: 3px solid var(--primary-accent, #006688); border-bottom: 3px solid transparent; transition: 0.3s; }

.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td:first-child, .WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th:first-child, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td:first-child, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th:first-child, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td:first-child, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th:first-child { border-left: 3px solid #006688; border-left: 3px solid var(--primary-accent, #006688); } .WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td:last-child, .WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th:last-child, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td:last-child, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th:last-child, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td:last-child, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th:last-child { border-right: 3px solid #006688; border-right: 3px solid var(--primary-accent, #006688); }

.WikiaArticle table.wikitable.mw-collapsed:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.wikitable.mw-collapsed:not(.grey-table) > * > tr:first-child > th, .WikiaArticle table.article-table.mw-collapsed:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.article-table.mw-collapsed:not(.grey-table) > * > tr:first-child > th, .WikiaArticle table.WikiaTable.mw-collapsed:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.WikiaTable.mw-collapsed:not(.grey-table) > * > tr:first-child > th { border-bottom: 3px solid #006688; border-bottom: 3px solid var(--primary-accent, #006688); }

.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td a, .WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th a, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td a, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th a, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td a, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th a { color: #99DFFF; }

.WikiaArticle table.wikitable.grey-table > * > tr > th, .WikiaArticle table.article-table.grey-table > * > tr > th, .WikiaArticle table.WikiaTable.grey-table > * > tr > th { background: #2E2F30; }

.WikiaArticle table.wikitable.grey-table > * > tr:first-child > td, .WikiaArticle table.article-table.grey-table > * > tr:first-child > td, .WikiaArticle table.WikiaTable.grey-table > * > tr:first-child > td { border-top: 3px solid #323333; }

.WikiaArticle table.wikitable.grey-table > * > tr:first-child > th, .WikiaArticle table.article-table.grey-table > * > tr:first-child > th, .WikiaArticle table.WikiaTable.grey-table > * > tr:first-child > th { border-top: 3px solid #2B2C2D; }/**/

/* Override first-child if there's thead */ .WikiaArticle #mw-content-text table.wikitable > thead + tbody > tr:first-child > *, .WikiaArticle #mw-content-text table.article-table > thead + tbody > tr:first-child > *, .WikiaArticle #mw-content-text table.WikiaTable > thead + tbody > tr:first-child > * { background: inherit; border-bottom: 1px solid #5C5C5C; } .WikiaArticle #mw-content-text table.wikitable > thead + tbody > tr:first-child a, .WikiaArticle #mw-content-text table.article-table > thead + tbody > tr:first-child a, .WikiaArticle #mw-content-text table.WikiaTable > thead + tbody > tr:first-child a { color: #44C4F8; } .WikiaArticle #mw-content-text table.wikitable > thead + tbody > tr:first-child > td:first-child, .WikiaArticle #mw-content-text table.article-table > thead + tbody > tr:first-child > td:first-child, .WikiaArticle #mw-content-text table.WikiaTable > thead + tbody > tr:first-child > td:first-child { border-left: 3px solid #323333; } .WikiaArticle #mw-content-text table.wikitable thead + tbody tr:first-child > th:first-child, .WikiaArticle #mw-content-text table.article-table > thead + tbody > tr:first-child > th:first-child, .WikiaArticle #mw-content-text table.WikiaTable > thead + tbody > tr:first-child > th:first-child { border-left: 3px solid #2B2C2D; } .WikiaArticle #mw-content-text table.wikitable > thead + tbody > tr:first-child > td:last-child, .WikiaArticle #mw-content-text table.article-table > thead + tbody > tr:first-child > td:last-child, .WikiaArticle #mw-content-text table.WikiaTable > thead + tbody > tr:first-child > td:last-child { border-right: 3px solid #323333; } .WikiaArticle #mw-content-text table.wikitable > thead + tbody > tr:first-child > th:last-child, .WikiaArticle #mw-content-text table.article-table > thead + tbody > tr:first-child > th:last-child, .WikiaArticle #mw-content-text table.WikiaTable > thead + tbody > tr:first-child > th:last-child { border-right: 3px solid #2B2C2D; }/**/

/* Expand/Collapse Table Toggle */ .WikiaArticle table.wikitable > * > tr:first-child > th > .mw-collapsible-toggle, .WikiaArticle table.article-table > * > tr:first-child > th > .mw-collapsible-toggle, .WikiaArticle table.WikiaTable > * > tr:first-child > th > .mw-collapsible-toggle { font-size: 0.8rem; margin-left: 2px; margin-right: -10px; }/**/

/***********************************************************************/ /********************* WDS Button Recreation (C.2) *********************/ /***********************************************************************/ /* WDS Basic */ .custom-wds-non, a .custom-wds { background-color: #00B7E0; border-color: #00B7E0; border-radius: 3px; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 0.75rem; font-weight: 600; letter-spacing: .15px; line-height: 1.3em; outline: 0; padding: 16px 18px 15px; text-align: center; text-decoration: none; text-transform: uppercase; transition-duration: .5s; transition-property: background-color, border-color, color; -webkit-appearance: none; }/**/

/* Full */ .custom-wds-non { border: none; background-color: #00B7E0; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 0.75rem; font-weight: 600; letter-spacing: .15px; line-height: 1.3em; outline: 0; padding: 11px 13px 10px; text-align: center; text-decoration: none; text-transform: uppercase; transition-duration: .5s; transition-property: background-color, border-color, color; -webkit-appearance: none; -webkit-border-radius: 0; }

.custom-wds-non:hover { border: none; background-color: rgba(68, 196, 255, 0.5); text-decoration: none; }/**/

/* WDS Squished */ a .custom-wds-squished.wds-button.wds-is-squished, a #custom-wds-squished { background: transparent; font-size: 0.625rem; color: var(--links, #44C4F8); text-decoration: none; text-shadow: none; padding: 10px 12px 9px; border-color: var(--links, #44C4F8); border-radius: 3px; transition-property: background-color, border-color, color, filter; transition-duration: .5s; }

a:active .custom-wds-squished.wds-button.wds-is-squished, a:hover .custom-wds-squished.wds-button.wds-is-squished, a:hover #custom-wds-squished { background: transparent; font-size: 0.625rem; color: var(--links, #44C4F8); text-decoration: none; text-shadow: none; padding: 10px 12px 9px; border-color: var(--links, #44C4F8); filter: opacity(75%); }

.custom-wds.wds-button { min-height: 0; }/**/

/* Wikia Rail WDS Buttons */ .WikiaRail .wds-is-secondary { color: var(--links, #44C4F8) !important; border-color: var(--links, #44C4F8) !important; border-radius: 3px; }

.WikiaRail .wds-is-secondary:hover { filter: opacity(75%) !important; }

.WikiaRail .wds-button { transition-duration: .75s; transition-property: background-color, border-color, color, filter; }/**/

/* Wikia Button */ border-radius: 3px; border-right: none; padding: 0 8px 0 8px; text-shadow: none; }/**/
 * 1) staffBlog > a,
 * 2) projects > a,
 * 3) cg > a {

/* Primary Button Link Fixes */ .wds-button.wds-is-primary a { color: white; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }

.wds-button.wds-is-primary a:hover { text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); text-decoration: none; }/**/

/***********************************************************************/ /***************** Tabber Styling for Detail Div (C.3) *****************/ /***********************************************************************/ .detail { clear: both; }

.detail ul.tabbernav { font-weight: bold !important; padding-top: 5px !important; padding-bottom: 2px !important; border-bottom: none; margin-bottom: 0 !important; margin-left: 0 !important; }

.detail .tabbernav { display: flex; line-height: 1.125rem !important; }

.detail ul.tabbernav li.tabberactive a { background: linear-gradient(180deg, #6F6F6F 0%, #6F6F6F 50%, #9B9B9B 51%, #9B9B9B 100%) !important; font-weight: bold !important; border-bottom: 0 !important; border-top: 2px solid rgba(0, 0, 0, .4) !important; border-right: 2px solid rgba(0, 0, 0, .4) !important; border-left: 2px solid rgba(0, 0, 0, .4) !important; font-family: "Ubuntu"; font-weight: bold; text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important; }

.detail ul.tabbernav li a { white-space: nowrap; background: linear-gradient(180deg, #9B9B9B 0%, #9B9B9B 50%, #6F6F6F 51%, #6F6F6F 100%) !important; border-radius: 5px 5px 0 0; margin-left: 5px !important; padding: 5px !important; border-top: 2px solid rgba(0, 0, 0, .4) !important; border-right: 2px solid rgba(0, 0, 0, .4) !important; border-left: 2px solid rgba(0, 0, 0, .4) !important; color: #EFEFEF !important; font-family: "Ubuntu"; font-weight: bold; text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important; }

.detail .tabberlive .tabbertab { width: calc(100% - 8px); background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); border-radius: 3px; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-left: 4px; }

.detail h3 { background: rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); color: #EFEFEF; margin-left: -5px; margin-right: -5px; padding-left: 10px; font-style: italic; font-weight: 500; }

.detail h3 a { color: #EFEFEF; }

.detail .editsection, .detail .toc-link { display: none !important; }/**/

/* Related Templates & Polls */ .detail div.ajax-poll { margin-top: 0.25rem; }

.detail div.ajax-poll:last-child { margin-bottom: 0.25rem; }

.OPS { background: #282828; font-style: italic; font-weight: 500; color: #EFEFEF; padding-left: 10px; margin-left: -5px; margin-right: -5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: all 0.4s; }

.mw-collapsed .OPS { margin-bottom: 2px; }/**/

/***********************************************************************/ /***************************** Polls (C.4) *****************************/ /***********************************************************************/ /* Poll Body */ div.ajax-poll { background: #225566 !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .2) !important; border: 4px solid #164758 !important; padding-right: 2em !important; }

.pollAnswerVotes { border-color: #006699 !important; }

.pollAnswerVotes div { background: linear-gradient(to right, #0088CC 0%, #00BBCC 100%) !important; }/**/

/***********************************************************************/ /************************** Plain Links (C.5) **************************/ /***********************************************************************/ /* Plain Links 1 */ .plainlinks a, .plainlinks { color: #44C4F8 !important; color: var(--links, #44C4F8) !important; font-family: inherit !important; }/**/

/* Plain Links 2 */ .plainlinks2 { font-family: "Old Standard TT" !important; font-size: 1rem; color: #44C4F8 !important; color: var(--links, #44C4F8) !important; text-shadow: none !important; }/**/

/* Plain Links 3 */ .plainlinks3 a, .plainlinks3 { color: #44C4F8 !important; color: var(--links, #44C4F8) !important; font-family: "Ubuntu" !important; font-size: 1.25rem; font-weight: bold; }

.plainlinks3 a:hover, .plainlinks3:hover { text-shadow: 0 0 1.5px #00FFFF !important; }/**/

/* Plain Links 4 */ .plainlinks4 { font-family: "Ubuntu" !important; font-weight: bold; font-size: 1.15rem; text-shadow: none !important }/**/

/* Plain Links 5 */ .plainlinks5 { font-family: Helvetica Neue !important; color: #44C4F8; color: var(--links, #44C4F8) !important; }

.plainlinks5:hover { text-shadow: 0 0 1.5px #00FFFF !important; }/**/

/* Plain Links 6 */ .plainlinks6 { font-family: "Helvetica Neue" !important; font-weight: normal !important; color: #FFFFFF !important; text-shadow: none !important; }/**/

/* Plain Links 7 */ .plainlinks7 { color: #44C4F8 !important; color: var(--links, #44C4F8) !important; font-family: "Helvetica Neue" !important; font-size: 0.9rem !important; font-weight: normal; text-shadow: none !important; }/**/

/* Make External Links indistinguishable from normal ones */ .WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: none; background-position: 0 0; background-repeat: no-repeat; content: ""; display: none; height: 0; margin-left: 0; vertical-align: text-top; width: 0; }/**/

/***********************************************************************/ /****************** Miscellaneous Classes & IDs (C.6) ******************/ /***********************************************************************/ /* Achievements Image Placeholders */ .page-Achievements div.gallerybox div.thumb { margin-top:-58px; margin-left:-31px; }

.achievement-placeholder { margin-right: auto; margin-left: auto; height: 30px; width: 90px; overflow: hidden; border: 0 solid #E5C02D; border-radius: 1.67rem; box-shadow: none; }/**/

/* Flex-Column */ .flex-column { display: flex; flex-direction: column; }/**/

/* Float Right */ .float-right { float: right; }/**/

/* Float Left */ .float-left { float: left; }/**/

/* Center */ .center { width: 99%; margin-right: auto; margin-left: auto; }/**/

/* Button-Toggle */ border-right: none; padding: 0 8px 0 8px; text-shadow: none; }
 * 1) button-toggle {

background-color: #007D96; background-image: -moz-linear-gradient(top, #00A8C9 35%, #007D96 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #00A8C9), color-stop(65%, #007D96)); background-image: -o-linear-gradient(top, #00A8C9 35%, #007D96 65%); background-image: -ms-linear-gradient(top, #00A8C9 35%, #007D96 65%); }
 * 1) button-toggle:hover {

background-image: -moz-linear-gradient(top, #007D96 35%, #00A8C9 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #007D96), color-stop(65%, #00A8C9)); background-image: -o-linear-gradient(top, #007D96 35%, #00A8C9 65%); background-image: -ms-linear-gradient(top, #007D96 35%, #00A8C9 65%); color: #FFF; }/**/
 * 1) button-toggle:active {

/* Grey */ .grey, .grey a, a .grey { color: #AFAFAF; font-style: italic; text-shadow: none; }/**/

/* Bold */ .bold { font-weight: bold; }/**/

/* White Underline Link */ .underline--whitespecial { border-bottom: 1px solid #FFFFFF !important; border-width: 10px; text-decoration: none !important; color: #FFFFFF; font-family: "Ubuntu"; font-weight: bold; font-size: 0.75rem; text-shadow: none; }

.underline--whitespecial:hover { border-bottom: 2px solid #FFFFFF !important; border-width: 10px; text-decoration: none !important; color: #FFFFFF; font-family: "Ubuntu"; font-weight: bold; font-size: 0.75rem; text-decoration: none !important; text-shadow: none; }

.underline--white { border-bottom: 1px solid #FFFFFF !important; border-width: 10px; color: #FFFFFF; text-decoration: none !important; text-shadow: none; }

.underline--white:hover { border-bottom: 2px solid #FFFFFF !important; border-width: 10px; text-decoration: none !important; text-shadow: none; }

.underline--whiteline a:hover { text-decoration: none !important; text-shadow: none; }/**/

/* Black Underline Link */ .underline--blackspecial { border-bottom: 1px solid #000 !important; border-width: 10px; text-decoration: none !important; color: #000; font-family: "Ubuntu"; font-weight: bold; font-size: 0.75rem; text-shadow: none; }

.underline--blackspecial:hover { border-bottom: 2px solid #000 !important; border-width: 10px; text-decoration: none !important; color: #000; font-family: "Ubuntu"; font-weight: bold; font-size: 0.75rem; text-decoration: none !important; text-shadow: none; }

.underline--black { border-bottom: 1px solid #000 !important; border-width: 10px; color: #000; text-decoration: none !important; text-shadow: none; }

.underline--black:hover { border-bottom: 2px solid #000 !important; border-width: 10px; text-decoration: none !important; text-shadow: none; }

.underline--blackline a:hover { text-decoration: none !important; text-shadow: none; }/**/

/* Blue Underline Link */ .underline--blue a { border-bottom: 1px solid #99DFFF; text-decoration: none; }/**/

/* Weekly Update Blog Footer */ .blogfooter { background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); text-align: center; padding: 0.5em 12px; border-radius: 5px 5px 0 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin: 10px 0 -20px; }

.blogfooter .blogfooter-header { display: flex; justify-content: center; align-items: center; min-height: 1.7em; background: #0088AA; background: var(--primary, #0088AA); font-size: 1.1rem; font-family: "Ubuntu"; color: #EEEEEE; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); padding: 5px 0 5px 10px; border: 4px solid #006688; border: 4px solid var(--primary-accent, #006688); border-bottom: none; border-radius: 5px 5px 0 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin: -11px -16px 8px; }

.blogfooter .blogfooter-header .mw-headline { font-size: 1.1rem; }/**/

/* Diep.io-Style Text */ .diep-text { color: #eee !important; font-family: "Ubuntu"; font-weight: bold; text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important; -webkit-text-fill-color: #eee !important; }

.diep-grey { font-family: "Ubuntu"; font-weight: bold; text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important; }/**/

/***********************************************************************/ /******************** Universal Navbox Styles (C.7) ********************/ /***********************************************************************/ .DiepBox .navbox-base { color: #00FFFF }

.DiepBox .navbox-title { background: #0088AA; background: var(--primary, #0088AA); color: #FFFFFF; }

.DiepBox .navbox-title a { color: #FFFFFF; }

.DiepBox .navbox-group { width: 20%; }

.DiepBox .navbox-below { background: #0088AA; background: var(--primary, #0088AA); font-size: 1.25rem; font-family: "Snell Roundhand"; color: #FFFFFF; }/**/

/***********************************************************************/ /************************ Template Styles (C.8) ************************/ /***********************************************************************/ /* Talk Templates */ .talk-template { font-family: "Ubuntu"; font-weight: bold; font-size: 1.0625rem; text-align: center; text-shadow: none; }

.talk-template-mediawiki, .talk-template-log, .talk-template-project { font-size: 1.25rem; }

.talk-template-project2 { font-size: 1.5rem; }/**/

/* Log pages bar */ .l-bar { background: #CCCCE8; font-weight: bold; color: #000000; text-align: center; }

.l-bar a { color: inherit; font-style: italic; text-shadow: none; }/**/

/* NavButton */ .diepButton { position: relative; overflow: hidden; text-align: center; border: 5px solid #5E5E5E; border-radius: 10px; margin: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

.diepButton.inner:active { background: transparent !important;/* necessary */ }

.diepButton.inner { width: 100%; height: 100%; margin-top: -5px; margin-left: -5px; }

.diepButton.outer { width: 135px; height: 135px; }

.diepButton.clickable-div a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.diepButton.clickable-div a > img { width: 100%; height: 100%; transition: 0s !important;/* necessary */ }

.diepButton.clickable-div a > img:hover { background: rgba(255, 255, 255, 0.15); }

.diepButton.clickable-div a > img:active { background: none; }/**/

/* Achievement Template */ .achievement { border: 0.3em solid #444444; border-top-left-radius: 10em; border-top-right-radius: 0; border-bottom-left-radius: 10em; border-bottom-right-radius: 0; padding-top: 0.15em; padding-bottom: 0.3em; padding-left: 1.1em; padding-right: 0; line-height: 1; font-size: 80%; text-align: left; border-spacing: 0; align-self: flex-end; }

.achievement-title { border: none !important; }

.achievement-description { padding-right: 0; border: none !important; }

.achievement-percent { padding-right: 0.3em; border: none !important; }/**/

/* Game Blogs */ .games, .games a { font-family: "Ubuntu"; font-weight: bold; font-size: 2rem; text-shadow: none; text-align: center; animation-duration: 6s; animation-name: rainbow2; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }/**/

/* Bug Templates */ .bug-pc, .bug-pc a { color: #FFFF00; font-style: normal; text-shadow: none; text-decoration: none; }

.bug-mobile, .bug-mobile a { color: #00FFFF; font-style: normal; text-shadow: none; text-decoration: none; }/**/

/* Notice/Tophat Templates */ .tophat { border-radius: 3px; box-sizing: border-box; width: 100%; margin: 0 auto 10px; padding: 0.1em 0.5em 0.2em; background: #0088AA; background: var(--primary, #0088AA); color: #eee; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border: 4px solid #006688; border: 4px solid var(--primary-accent, #006688); }

.tophat-dotted { border-style: dotted; }

.tophat-outset { border-style: outset; }

.tophat-grey { background: #707070; border-color: #494949; }

.tophat-dullGreen { background: #7F8F7F; border-color: #606F60; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); }

.tophat-red { background: #FF5555; border-color: #BB3333; }

.tophat-blackboard { background: #222222; border-color: #884411; }

.tophat-yellow { background: #FFEE66; border-color: #EEBB11; color: #555566; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.tophat-cream { background: #FFFFCC; border-color: #BBBB99; color: #555566; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.tophat .flavorText { color: #FFDDAA; }

.tophat:not(.tophat-grey):not(.tophat-dullGreen):not(.tophat-red):not(.tophat-blackboard):not(.tophat-yellow):not(.tophat-cream) a { color: #99DFFF; }

.tophat-grey a, .tophat-dullGreen a, .tophat-red a, .tophat-blackboard a { color: #66DDFF; }

.tophat-yellow a, .tophat-cream a { color: #3388bb; }

.tophat-mini { background: none; border: none; color: inherit; font-style: italic; box-shadow: none !important; text-shadow: none; text-align: left; font-weight: normal; font-size: 110%; }

.tophat-mini td { font-weight: normal !important; }

.tophat-mini .floatleft { margin-right: 10px; }

.tophat-mini .floatright { display: none; }

.tophat:not(.tophat-cream) { transition: box-shadow 0.35s; }

.tophat:not(.tophat-cream):hover { box-shadow: 0 1px 4px rgba(0, 0, 0, .2); }

.tophat-community .mw-collapsible-toggle { font-size: 0.9em; margin-top: -3.6em; }/**/

/* BaseStats */ .baseStats { display: flex; justify-content: space-evenly; align-items: center; width: 90%; background: rgba(0, 0, 0, 0.15); padding-top: 2px; padding-bottom: 2px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 10px; box-sizing: border-box; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }/**/

/***********************************************************************/ /*********************** Reference Popups (C.9) ************************/ /***********************************************************************/ /* DIIep-ized reference popups */ body .refpopups-box { background: #3B4243; background: var(--secondary, #3B4243); border: 4px solid #333B3D; border: 4px solid var(--secondary-accent, #333B3D); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); }

body .refpopups-chevron-in { border-top-color: #3B4243; border-top-color: var(--secondary, #3B4243); bottom: -4px; }

body .refpopups-chevron-out { border-top-color: #333B3D; border-top-color: var(--secondary-accent, #333B3D); }/**/

/***********************************************************************/ /************************ Welcome Message (D.1) ************************/ /***********************************************************************/ .welcome-intro { color: #FFFFFF; background-color: #006F8F; text-align: center; padding: 10px 20px 10px 20px; }

font-size: 110%; font-weight: 500; border-radius: 1em 1em 0em 0em; }
 * 1) welcome-intro-top {

background-color: #006688; background-color: var(--primary-accent, #006688); font-size: 105%; font-weight: bold; border-radius: 0em 0em 1em 1em; }
 * 1) welcome-intro-bottom {

.welcome-table { width: 100%; }

.welcome-table a { text-shadow: #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px; }

.welcome-title { cursor: pointer; color: #FFFFFF; font-family: "Ubuntu" !important; font-size: 1.25rem; font-weight: bold; display: block !important; }/**/

/* Shared styles for welcome message & main page links */ .mp-welcome-button a, .welcome-toggle { background: linear-gradient(180deg, #00B2E1 0%, #00B2E1 50%, #0085A8 51%, #0085A8 100%); color: #FFFFFF; font-family: "Ubuntu"; font-weight: bold; border-style: solid; border-color: #525252; border-width: 2.5px; border-radius: 5px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; width: 33%; text-align: center; text-shadow: #000 0 0 1px,#000 0 0 1px,#000 0 0 1px,#000 0 0 1px,#000 0 0 1px,#000 0 0 1px; }

.welcome-outro a { color: #FFFFFF; text-decoration: underline; }

.mp-welcome-button a { display: block; width: calc(100% - 24px); text-decoration: none; transition: linear filter 0s!important; }

.mp-welcome-button a:hover { filter: brightness(107%); }

.mp-welcome-button a:active { background: linear-gradient(180deg, #0085A8 0%, #0085A8 50%, #00B2E1 51%, #00B2E1 100%); filter: brightness(100%); }

.mp-welcome-button + .mp-welcome-button { margin-top: 0.25rem; }/**/

/***********************************************************************/ /*********************** Special:Community (D.2) ***********************/ /***********************************************************************/ /* Community-To-Do-List Button Placement */ .community-page-todo-list-module-content #projects { margin-left: 70px; }/**/

/* Module Styles */ .WikiaRail .community-page-rail-module { padding-top: 37.5px; margin-bottom: -10px; }

.WikiaRail .community-page-rail-module .avatars { padding-top: 35px; } .skin-oasis.page-Special_Community section.community-page-card-module { width: 240px !important; }/**/

/* Remove CreatePage module */ .skin-oasis.page-Special_Community section.community-page-card-module[data-tracking="community-page-insights-createpage"] { display: none !important; }/**/

/* InteractiveCommunity-To-Do-List */ .CommunityPageContainer .custom-wds-2DoListTalk#custom-wds-2DoListTalk { display: inline-block; float: right; background: transparent; font-weight: 600; font-size: 0.625rem; line-height: 1.3em; color: #44C4F8; color: var(--links, #44C4F8); letter-spacing: .15px; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; padding: 3px 12px 2px; border-style: solid; border-width: 1px; border-color: #44C4F8; border-color: var(--links, #44C4F8); -webkit-appearance: none; -webkit-border-radius: 0; margin: 7px 8px 0 0; cursor: pointer; outline: 0; transition-duration: .5s; transition-property: background-color, border-color, color; }

.CommunityPageContainer .custom-wds-2DoListTalk#custom-wds-2DoListTalk:hover { color: rgba(68, 196, 255, 0.75); border-color: rgba(68, 196, 255, 0.75); }/**/

/***********************************************************************/ /****************** History Articles Navigation (D.3) ******************/ /***********************************************************************/ .era { font-size: 1.0625rem; font-weight: bold; padding-left: 1px; text-shadow: none; }

.history a:hover { border-bottom: 1px solid #44C4F8; border-bottom: 1px solid var(--links, #44C4F8); text-decoration: none !important; }

.birth, .history a:first-child { color: #CECECE; background: linear-gradient(#FFFFFF, #CECECE, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.dawn, .history a:nth-child(2) { color: #FFFA00; background: linear-gradient(to right, #FFFA00, #E5D719, #D8AE04, #B17FDB); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.democratic, .history a:nth-child(3) { color: #9200FF; background: linear-gradient(to bottom right, #BB79E0, #BB79E0, #9200FF, #630099, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.dark, .history a:nth-child(4) { color: #000000; background: linear-gradient(#000000, #440000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.reformation, .history a:nth-child(5) { color: #FFD700; background: linear-gradient(to top right, #800000, #049B00, #08FF00, #00FF00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.unification, .history a:nth-child(6) { color: #FFD700; background: linear-gradient(to top, #0088AA, #00FF00); background: linear-gradient(to top, var(--primary, #0088AA), #00FF00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/**/

/***********************************************************************/ /********************** Miscellaneous Pages (D.4) **********************/ /***********************************************************************/ /* Builds Page */ width: 14%; }
 * 1) column-buildname {

width: 24%; }
 * 1) column-build {

width: 22%; }
 * 1) column-description {

width: 40%; vertical-align: top; overflow: hidden; }
 * 1) column-vote {

.skin-oasis.page-Builds div.ajax-poll { border-radius: 0; margin-top: -2px; margin-left: -1px; margin-right: -2px; padding-bottom: 0; padding-top: 1px; padding-left: 6px; }/**/

/* Staff Page */ .page-Project_Staff h3 abbr a { display: inline-block; }

.page-Project_Staff h3 abbr a img { display: block; margin-bottom: -2px; }

/* Rewards Page Tables */ .re-tab .re-lab-name { width: 19%; }

.re-tab .re-lab-desc { width: 20%; }

.re-tab .re-lab-imag { width: 17%; }

.re-tab .re-lab-reci { width: 44%; }

.re-tab td.re-val-name, .re-tab td.re-val-desc, .re-tab td.re-val-reci { padding: 0.2em 0.5em; }

.re-tab .re-val-reci-none, .re-tab .re-val-name { font-weight: bold; font-size: larger; }

.re-tab .re-val-reci-none { font-style: italic; }

.re-tab .re-val-imag img { width: 110px; height: 110px; border-radius: .4em; }

.re-tab .re-val-name, .re-tab .re-val-imag, .re-tab .re-val-reci, .re-tab .re-val-reci-none { text-align: center; }/**/

/***********************************************************************/ /******************** Personal Greeting Pages (D.5) ********************/ /***********************************************************************/ /* Ursuul */ color: #EFEFEF; text-align: center; font-size: 1.3125rem; font-weight: bold; font-family: "PT Serif", "Times New Roman", "Lucida Bright", serif; }
 * 1) urs-greeting-talk {

color: #EFEFEF; text-align: center; font-size: 1.33rem; font-weight: bold; font-family: "PT Serif", "Times New Roman", "Lucida Bright", serif; }
 * 1) urs-greeting-wall-top {

color: #EFEFEF; text-align: center; font-size: 0.9rem; font-weight: bold; font-family: "PT Serif", "Times New Roman", "Lucida Bright", serif; }
 * 1) urs-greeting-wall-bottom {

color: #44C4F8 !important; color: var(--links, #44C4F8) !important; text-shadow: none; }/**/
 * 1) urs-greeting-wall-bottom a,
 * 2) urs-greeting-wall-bottom a:hover {

/* Little more room for a single title */ body.page-User_blog_Ursuul_File_Transfer_tmrw_not_clickb8_4real_dis_tiem .WikiaPage .page-header__title { min-width: 110%; }/**/

/***********************************************************************/ /*********************** Main Page Modules (D.6) ***********************/ /***********************************************************************/ /* Keep User-links default color */ .WikiaPage .mp-d .embeddable-discussions-header-container .avatar-details .avatar-username:hover, .WikiaPage .mp-d .embeddable-discussions-header-container .avatar-details .avatar-username, .WikiaPage .mp-module:not(.mp-blog2) a { font-weight: normal; color: #44C4F8; color: var(--links, #44C4F8); }

.mp-d .embeddable-discussions-header-container .avatar-details .avatar-username:hover { text-shadow: 0 0 1.5px #00FFFF; }/**/

/* Disabling unnecessary Fandom CSS & Tags for a consistent layout */ .mp-d p:first-child { display: initial; }

@media only screen and (max-width: 1023px) { .main-page-tag-rcs .module { box-sizing: initial; display: inline-block; margin: 0; vertical-align: initial; width: 90%; }   .main-page-tag-rcs { padding: 5px 0 0 0; width: 100%; }   .mp-d p:last-child { display: initial; }   .mp-module-padding.mp-module-month { padding: 10px 16.3px 2px; } }/**/

/* Default Modules */ .mp-module { overflow: hidden; }

.mp-module-width { width: 100%; box-sizing: border-box; }

.mp-module-background { background: #393939; background: rgba(255, 255, 255, 0.03); }

.mp-module-border { border: 1px solid rgba(255, 255, 255, 0.15); }

.mp-module-float { float: left; }

.mp-module-padding { padding: 20px 15px 15px; }

.mp-module-margin:not(.mp-blog2):not(.mp-module-month) { margin-bottom: 6px; }

.mp-module-icons { display: flex; flex-wrap: wrap; justify-content: center; }/**/

/* MP-Apps */ .mp-module.mp-module-apps .floatnone img { border-radius: 8px; }

.mp-module.mp-module-apps .diepButton.outer:first-child:not(:only-child) { margin-right: 5px; }

.mp-module.mp-module-apps .diepButton.outer + .diepButton.outer { margin-left: 5px; }/**/

/* EotM Module */ .mp-module-background.mp-module-month { background: radial-gradient(#00343F, #2F2D36); }

.mp-module-padding.mp-module-month { padding: 10px 15.5px 2px; }

.mp-module-month .mp-module-month-border { border: 5px outset #009EBE; }

.mp-module-month .mp-module-month-editor { border-radius: 5px; padding: 2px 10px 3px 10px; font-size: 1.25rem; text-shadow: none; cursor: pointer; }

.mp-module-month .mp-module-month-editor:last-child:not(:only-child) { padding: 2px 1px 3px 1px; }

.mp-module-month .mp-module-avatar { display: inline-block; overflow: hidden; border-radius: 100%; margin-bottom: 10px; cursor: pointer; }

.mp-module-month .mp-module-avatar img { border-radius: 100%; cursor: pointer; }

.mp-module-month .mp-module-title { cursor: pointer; }/**/

/* The D */ .mp-d .embeddable-discussions-module .embeddable-discussions-threads { display: flex; flex-direction: column; }

.mp-d .embeddable-discussions-module .embeddable-discussions-threads > p { align-self: center; font-family: "Ubuntu"; }

.mp-d .embeddable-discussions-module { background: #393939; border-color: rgba(255, 255, 255, 0.15); padding: 15px 16px 0; margin: 0; }

.mp-d .embeddable-discussions-show-all { display: none; }

.mp-d .embeddable-discussions-heading-container { justify-content: center; border-bottom: 2px solid #D3D3D3; }

.mp-d .embeddable-discussions-heading p:first-child { color: #eee; font-family: "Ubuntu"; font-size: 1.6rem; font-weight: bold; text-shadow: -0.05em 0.05em 0 #888; }

.mp-d .embeddable-discussions-module .embeddable-discussions-heading { padding-bottom: 10px; }

.mp-d .embeddable-discussions-module .embeddable-discussions-post-detail { background: #262626; color: #EEEEEE; padding-top: 10px; border-color: rgba(255, 255, 255, 0.15); margin-bottom: 14px; border: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }

.mp-d .embeddable-discussions-module .embeddable-discussions-post-detail:first-of-type { margin-top: 14px; }

.mp-d .embeddable-discussions-module .embeddable-discussions-threads { padding-top: 0; }

.mp-d .embeddable-discussions-upvote-area:hover path, .mp-d .embeddable-discussions-post-counter:first-child path, .mp-d .embeddable-discussions-post-counter:first-child, .mp-d .embeddable-discussions-upvote-area:hover a[href*="/votes/"] { fill: #E3BD00; color: #E3BD00; text-decoration: none; }

.mp-d .embeddable-discussions-replies-area:hover path, .mp-d .embeddable-discussions-post-counter:nth-child(2) path, .mp-d .embeddable-discussions-post-counter:nth-child(2), .mp-d .embeddable-discussions-replies-area:hover a[href*="/d/p/"] { fill: #44C4F8; color: #44C4F8; fill: var(--links, #44C4F8); color: var(--links, #44C4F8); text-decoration: none; }

.mp-d .embeddable-discussions-module .embeddable-discussions-side-spaced { padding-left: 10px; padding-right: 10px; }

.mp-d .embeddable-discussions-module .avatar-container { flex-shrink: 0; }

.mp-d .embeddable-discussions-module .avatar-details { display: flex; flex-flow: row wrap; align-items: center; }

.mp-d .embeddable-discussions-module .embeddable-discussions-timestamp, .mp-d .embeddable-discussions-module .avatar-username { line-height: 0; white-space: nowrap; padding-right: 5px; }

.mp-d .embeddable-discussions-module .embeddable-discussions-timestamp { font-size: 0.45rem; padding: 0; margin-bottom: -4px; }/**/

/* MP-Blog2 */ .mp-blog2 .WikiaBlogListingBox ul { border: 0; }

.mp-blog2 .WikiaBlogListingBox ul .WikiaBlogListingPost { padding: 0 0 10px; border: 0; margin: 0; }

.mp-blog2 .WikiaBlogListingBox ul .WikiaBlogListingPost:last-child { padding: 0; }

.mp-blog2 .WikiaBlogListingBox .WikiaBlogListingPost .author-details { margin: 0; }

.mp-blog2 .author-details h2 a { font-size: medium; }

.mp-blog2 .author-details h2 a[href="/wiki/User_blog:Type:_Sparky/Technical_Conceptions_for_the_Wiki_Update"], .mp-blog2 .author-details h2 a[href="/wiki/User_blog:GellyPop/Smashus_Automaticus_(A_Perceived_Description_to_Auto_Smasher)"], .mp-blog2 .author-details h2 a[href="/wiki/User_blog:Type:_Sparky/Artillus_Automaticus_(Description_to_the_Auto-Gunner)"] { display: block; font-size: x-small; margin-top: 0.1em; }

.mp-blog2 .author-details span > a, .mp-blog2 .author-details span { font-size: 0.75rem; }

.mp-blog2 .WikiaBlogListingBox .post-summary { visibility: hidden; padding: 0; }

.mp-blog2 .WikiaBlogListingPost > .avatar, .mp-blog2 .WikiaBlogListingBox > h2, .mp-blog2 .WikiaBlogListingBox > a { display: none; }/**/

/* Headers */ .mp-module-title { color: #EEEEEE; font-family: "Ubuntu"; font-size: 1.7rem; font-weight: bold; text-shadow: -0.05em 0.05em 0 #8F8F8F; background: none; -webkit-text-fill-color: initial; }

border-bottom: 2px solid transparent; text-decoration: none; transition: all 0.3s; }
 * 1) WikiaArticle .mp-module p:first-child > a {

border-color: currentColor; }/**/
 * 1) WikiaArticle .mp-module p:first-child > a:hover {

/* Footer */ .mp-footers { display: flex; flex-wrap: wrap; }

.mp-footers > div { flex-basis: 100%; margin: 10px 6px 10px 0 !important;/* override inline styling */ }

.mp-footers > p { display: none; }/**/

/***********************************************************************/ /********************* Special:Contributions (D.7) *********************/ /***********************************************************************/ /* Diep-colored ContribsButtons */ body.mw-special-Contributions #WikiaMainContentContainer #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a, body.mw-special-Contributions #WikiaMainContentContainer #contentSub #contentSubSub a { min-height: 30px; background: #0088AA; background: var(--primary, #0088AA); border: 3px solid #006688; border: 3px solid var(--primary-accent, #006688); border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); font-family: "Ubuntu" !important; font-size: 1rem; margin: 2px; padding: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;/* override imported style */ text-transform: capitalize; transition: 0.65s; }

body.mw-special-Contributions #WikiaMainContentContainer #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #WikiaMainContentContainer #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #WikiaMainContentContainer #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #WikiaMainContentContainer #contentSub #contentSubSub a:active, body.mw-special-Contributions #WikiaMainContentContainer #contentSub #contentSubSub a:focus, body.mw-special-Contributions #WikiaMainContentContainer #contentSub #contentSubSub a:hover { background: #00B7E0; border-color: #008BB0; }/**/

/* Search Box */ body.mw-special-Contributions #mw-content-text fieldset { width: calc(100% - 8px); background: rgba(238, 238, 255, 0.035); background: var(--tertiary, rgba(238, 238, 255, 0.035)); border: 4px solid rgba(0, 0, 0, 0.085); border: 4px solid var(--tertiary-accent, rgba(0, 0, 0, 0.085)); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-sizing: border-box; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-top: 4px; margin-left: 4px; }

body.mw-special-Contributions #mw-content-text fieldset legend { padding: 7px 2px; }/**/

/***********************************************************************/ /*************************** Bug Fixes (E.1) ***************************/ /***********************************************************************/ /* Chat Button Overflow in Safari */ .chat-join button[onclick="ChatWidget.onClickChatButton("/wiki/Special:Chat")"] .icon { margin-left: -5px; margin-right: -2px; }/**/

/* Greetings in Boards Bug Fix */ .ns-2000 .greeting { display: none; }/**/

/* Talk Button Color Fix */ .wikinav2 .WikiaPageHeader > .comments { color: inherit !important; font-weight: normal; }/**/

/***********************************************************************/ /************************* Miscellaneous (E.2) *************************/ /***********************************************************************/ /* This thread has been removed. */ .Wall ul.comments > li.message > .speech-bubble-message-removed { background: #1f5563; background: var(--links-background, #00FFFF); }/**/

/* Categories and InterLang Footer */ .CategorySelect.articlePage .container { padding: 0.8em 1.75em 0.3em; height: 50px !important; box-sizing: border-box; }

.CategorySelect.articlePage .categories, nav.article-categories#articleCategories .secondary { height: 20px !important; }

nav.WikiaArticleInterlang { height:auto !important; }/**/

/* Find and Replace Edits */ padding-left: 15px !important; padding-top: 15px !important; padding-right: 20px !important; width: auto; margin: auto; }
 * 1) findfielddiv {

.EditPageRail .rail-auto-height, .module.far-module { margin: auto; width: auto; overflow-y: hidden !important; }

height: 0px !important; }/**/
 * 1) findfielddiv #far-found {

/* Remove CreateBlogButton */ .WikiaBlogListingBox .wikia-button { display: none; }/**/

/* Greeting Table */ border-width: 7.5px; border-color: #808080; background-color: #009EBE; border-radius: 1em; }/**/
 * 1) greetingbutton {

/* Greeting Table */ min-width: 70px; text-align: center; background: linear-gradient(180deg, #B58EFF 0%, #B58EFF 50%, #9272CD 51%, #9272CD 100%); color: #FFFFFF; font-family: "Ubuntu"; font-size: 0.75rem; font-weight: bold; padding-top: 1px; padding-bottom: 1px; padding-right: 15px; padding-left: 15px; border-style: solid; border-color: #525252; border-width: 3px; border-radius: 2px; text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000; white-space: nowrap; overflow: hidden; }/**/
 * 1) clickablebutton {

/* Greeting Table 2 */ background-color: #00B2E1; color: #FFFFFF; border-radius: 1em 1em 0em 0em; padding: 10px 20px 10px 20px; border-color: #0085A8 #0085A8 #00B2E1 #0085A8; border-style: solid; border-width: 4px; }
 * 1) greetingtop {

background-color: #F14E54; color: #FFFFFF !important; border-radius: 0em 0em 1em 1em; padding: 10px 20px 3px 20px; border-color: #F14E54 #B43A3F #B43A3F; border-style: solid; border-width: 4px; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease !important; }
 * 1) greetingbottom {

border-color: #0085A8; border-style: solid; border-width: 4px; background-color: #00B2E1; border-radius: 1em 1em 1em 1em; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 0 20px .0025px #000000; position: relative; color: #FFFFFF; cursor: pointer; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease !important; }
 * 1) greetingbuttontop {

-webkit-animation: zoomsha .5s .2s 1 both; /* Chrome, Safari, Opera */ animation: zoomsha .5s; animation-duration: .2s; animation-fill-mode: both; animation-iteration-count: 1; position: relative; z-index: 5 !important; }
 * 1) greetingbuttontop:hover {

position: relative; animation-name: greetingbutton; animation-duration: .4s; background-color: #F14E54; border-color: #FFFFFF; z-index: 0 !important; }
 * 1) greetingbuttontop:active,
 * 2) greetingbuttontoptext:active {

cursor:pointer; font-family: "Ubuntu" !important; font-size: 1.25rem; font-weight: bold; display: block !important; }
 * 1) greetingbuttontoptext {

border-width: 7.5px; border-color: #808080; background-color: #009EBE; border-radius: 0 0 1em 1em; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }/**/
 * 1) greetingbuttonbottom {

/* Dunno */ .i18ndoc { background-color: #FFF77D; border-bottom: 1px solid #D3D3D3; font-family: monospace; font-size: 0.67rem; height: 140px; overflow: auto; padding: 3px; }/**/

/* Round Div Class — Dunno Where to Put This */ img.round { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }/**/

/***********************************************************************/ /*************************** Keyframes (E.3) ***************************/ /***********************************************************************/ /* Error! */   width: 100%; text-align: center; }
 * 1) mw-customcollapsible-ErrorTournamentDropdown {

list-style: none; margin: 0; }
 * 1) mw-customcollapsible-ErrorTournamentDropdown ul {

color: #FFFFFF; background-color: #282828; border: 1px solid #1C1C1C; border-radius: 5px; font-style: normal; padding: 0 2.5px 1px 2.5px; width: 150px; margin: 0 auto 0 auto; }
 * 1) mw-customcollapsible-ErrorTournamentDropdown li:not(:last-child) {

.error2 { padding: 5px 0 0 0; width: 100%; height: 30px; font-size: 0; text-align: center; }

.error2:before { content: "ERROR!!!"; animation-name: error; animation-duration: 1s; animation-iteration-count: infinite; font-weight: bold; font-family: "Share Tech Mono", monospace; }

@keyframes error { 0% {       color: #000000; font-size: 1.9rem; }   50% {        color: #FF0000; font-size: 2.2rem; }   100% {        color: #000000; font-size: 1.9rem; } }/**/

/* Miscellaneous */ @keyframes move { from { background-position: 0%; }   to { background-position: 100%; } }

@keyframes Zoom { 0% {       transform: translate(0); }   50% {        transform: scale(1.1, 1.1); }   to { transform: scale(1.1, 1.1); } }

@-webkit-keyframes zoomsha { 0% {       transform: translate(0); }   50% {        transform: scale(1.1, 1.1); }   to { transform: scale(1.1, 1.1); box-shadow: 0 0 30px #000000; } }

@keyframes zoomsha { 0% {       transform: translate(0); }   50% {        transform: scale(1.1, 1.1); }   to { transform: scale(1.1, 1.1); box-shadow: 0 0 30px #000000; } }

@keyframes greetingbutton { 0% {       background-color: #00B2E1; border-color: #0085A8; }   50% {        background-color: #FFFFFF; border-color: #FFFFFF; }   to { background-color: #F14E54; border-color: rgba(0, 0, 0, 0); z-index: 0; } }/**/

/* Blinking Text */ @keyframes blinker { from { opacity: 1.0; }   to { opacity: 0; } }/**/

/* Rainbow */ @keyframes rainbow { 0% {       background-color: #FF00BB; }   14.2857142857% {        background-color: #FF0000; }   28.5714285714% {        background-color: #FFFF00; }   42.8571428571% {        background-color: #00FF00; }   57.1428571429% {        background-color: #00FFFF; }   71.4285714286% {        background-color: #0000FF; }   85.7142857143% {        background-color: #BB00FF; }   100% {        background-color: #FF00BB; } }/**/

/* Rainbow 2*/ @keyframes rainbow2 { 0% {       color: #FF00BB; }   14.2857142857% {        color: #FF0000; }   28.5714285714% {        color: #FFFF00; }   42.8571428571% {        color: #00FF00; }   57.1428571429% {        color: #00FFFF; }   71.4285714286% {        color: #0000FF; }   85.7142857143% {        color: #BB00FF; }   100% {        color: #FF00BB; } }/**/

/* Loader Border */ @keyframes loader-border { 0% {       transform: rotate(0deg); }   25% {        transform: rotate(180deg); }   50% {        transform: rotate(180deg); }   75% {        transform: rotate(360deg); }   100% {        transform: rotate(360deg); } }

@-o-keyframes loader-border { 0% {       transform: rotate(0deg); }   25% {        transform: rotate(180deg); }   50% {        transform: rotate(180deg); }   75% {        transform: rotate(360deg); }   100% {        transform: rotate(360deg); } } @-webkit-keyframes loader-border { 0% {       transform: rotate(0deg); }   25% {        transform: rotate(180deg); }   50% {        transform: rotate(180deg); }   75% {        transform: rotate(360deg); }   100% {        transform: rotate(360deg); } }

@-moz-keyframes loader-border { 0% {       transform: rotate(0deg); }   25% {        transform: rotate(180deg); }   50% {        transform: rotate(180deg); }   75% {        transform: rotate(360deg); }   100% {        transform: rotate(360deg); } }/**/

/* Loader Box */ @keyframes loader-box { 0% {       height: 0%; }   25% {        height: 0%; }   50% {        height: 100%; }   75% {        height: 100%; }   100% {        height: 0%; } }

@-o-keyframes loader-box { 0% {       height: 0%; }   25% {        height: 0%; }   50% {        height: 100%; }   75% {        height: 100%; }   100% {        height: 0%; } }

@-webkit-keyframes loader-box { 0% {       height: 0%; }   25% {        height: 0%; }   50% {        height: 100%; }   75% {        height: 100%; }   100% {        height: 0%; } }

@-moz-keyframes loader-box { 0% {       height: 0%; }   25% {        height: 0%; }   50% {        height: 100%; }   75% {        height: 100%; }   100% {        height: 0%; } }/**/