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:Colors.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:         * (M¡¡) = NONE EFFECT MONOBOOK * (M!!) = ALL EFFECT MONOBOOK * (M¡!) = SOME EFFECT MONOBOOK */ /* SECTION A — USER TAGS * Subsection 1 — User Tags Setup (M¡!) * Subsection 2 — Individual Tags (M!!) */ /* SECTION B — DEFAULT WIKI ALTERATIONS * Subsection 1 — Rail Module Styling (M¡¡) * Subsection 2 — Link Hover Glow (M!!) * Subsection 3 — Loader, Visualizer, & Edit Styles (M¡!) * Subsection 4 — Extensions & Default Tag Styles (M¡!) * Subsection 5 — Threads + Comments (M¡!) * Subsection 6 — Banner Styles (M!!) * Subsection 7 — Table Styling (M!!) * Subsection 8 — Era Icons (M¡¡) * Subsection 9 — WikiaArticle Styling (M¡¡) * Subsection 10 — Toolbar + WikiaNotifs (M¡¡) * Subsection 11 — Activity + BlogList Feeds (M¡¡) */ /* SECTION C — INVOKABLE STYLING * Subsection 1 — WDS Button Recreation (M¡¡) * Subsection 2 — Tabber Styling for Detail Div (M!!) * Subsection 3 — Polls (M!!) * Subsection 4 — Plain Links (M¡¡) * Subsection 5 — Miscellaneous Classes & IDs (M!!) * Subsection 6 — Universal Navbox Styles (M!!) * Subsection 7 — Template Styles (M!!) */ /* SECTION D — SPECIFIC PAGES * Subsection 1 — Welcome Message (M!!) * Subsection 2 — Special:Community (M¡!) * Subsection 3 — History Articles Navigation (M!!) * Subsection 4 — Miscellaneous Pages (M!¡) * Subsection 5 — Personal Greeting Pages (M¡¡) * Subsection 6 — Main Page Modules (M!!) */ /* * SECTION E — NEEDED AT BOTTOM OF STYLESHEET FOR CASCADE * Subsection 1 — Bug Fixes (M¡!) * Subsection 2 — Miscellaneous (M¡!) * Subsection 3 — Keyframes (M!!) */ /***********************************************************************/ /************************ User Tags Setup (M¡!) ************************/ /***********************************************************************/ /* General Tag limitations — All Skins */ .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, .skin-oasis #discussion-bio { display: none; }

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

/* Profile Masthead Theme — Oasis Only */ .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid #006688; border-radius: 5px; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25); }

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

.UserProfileMasthead .masthead-info hgroup { background: #0088AA; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border: 4px solid #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; }/**/

/* Strip the masthead down for blocked users — Oasis Only * .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; }/**/

/* UserTags Installation — Monobook Only */ .skin-monobook .firstHeading .tag-container .tag, .skin-monobook .firstHeading .ShowUserGroups { font-weight: normal; }

.skin-monobook .firstHeading .tag-container .tag { font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }/**/

/***********************************************************************/ /************************ Individual Tags (M!!) ************************/ /***********************************************************************/ /* Pre-script execution + non-UserTags tag style — Oasis Only */ .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, .skin-monobook .tag-container .tag.usergroup-bureaucrat { background: #000000; color: #FFFFFF; border-color: #EFEFEF; }

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

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

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

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-rollback, .skin-monobook .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, .skin-monobook .tag-container .tag.usergroup-content-moderator, .skin-monobook .tag-container .tag.usergroup-threadmoderator, .skin-monobook .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, .skin-monobook .tag-container .tag.usergroup-vip, .skin-monobook .tag-container .tag.usergroup-mvp { font-weight: normal; background: #2B662B; color: #FFFFFF; border-color: #26996E; }

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

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

/* Other Tags */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-em, .skin-monobook .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, .skin-monobook .tag-container .tag.usergroup-hi, .skin-monobook .tag-container .tag.usergroup-ins, .skin-monobook .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, .skin-monobook .tag-container .tag.usergroup-autoconfirmed, .skin-monobook .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, .skin-monobook .tag-container .tag.usergroup-founder, .skin-monobook .tag-container .tag.usergroup-rot, .skin-monobook .tag-container .tag.usergroup-ef { background: #000000; color: #FFFFFF; border-color: #000000; }/**/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.skin-oasis .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; padding: 5px 10px 5px; border: 4px solid #006688; margin: 0 10px 10px; }
 * 1) railwam-log-alert {

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

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

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

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

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

/* 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/d/d9/JS.svg"); margin: 0 7px -3px 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 */ .skin-oasis .WikiaRail .rail-module:not(.DiscordIntegratorModule):hover, .skin-oasis .WikiaRail #cql-module:hover, .skin-oasis .WikiaRail .custom-cql#mwModule:hover, .skin-oasis #WikiaRail > .module:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, .2); position: relative; z-index: 2; }

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

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

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

.WikiaRail .RewardModule .RewardCount { background-color: #0088aa !important; border: 1px solid #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 */ .skin-oasis .WikiaRail .rail-module.chat-module { margin-top: 10px; }/**/

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

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

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

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

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

.skin-oasis .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; }/**/

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

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

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

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

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

.skin-oasis #custom-rail-bloglist .WikiaBlogListingBox ul, .skin-oasis .WikiaRail .WikiaBlogListingBox ul { border: 0; margin-top: 0; }

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

.skin-oasis .WikiaRail #railwam-log-alert { margin: 0 10px 10px; padding: 5px 10px 5px; background: #0088aa; border: 4px solid #006688; font-size: 1em; }

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

@media only screen and (max-width: 1023px) { .skin-oasis .WikiaSearch .side-articles.RailModule, .skin-oasis .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) { .skin-oasis .WikiaRail #custom-rail-bloglist .WikiaBlogListingBox { width: auto; } }/**/

/* Special:Search — Oasis Only */ .skin-oasis .Search .SearchInput { width: calc(100% - 8px); background: 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); box-sizing: border-box; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-top: 4px; margin-left: 4px; }

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

.skin-oasis .WikiaSearch .side-articles-footer > a:hover, .skin-oasis .WikiaSearch .exact-wiki-match > a:hover, .WikiaRail .module .more:hover { color: rgba(68, 196, 255, 0.75); border-color: rgba(68, 196, 255, 0.75); }

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

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

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

.skin-oasis .ChatHeader, .skin-oasis #ChatHeader { color: #FFFFFF; }/**/

/* Back to Top Style */ .skin-oasis #backtotop button:hover { text-decoration: underline; border-radius: 20pt; }/**/

/* 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 (M!!) ************************/ /***********************************************************************/ /* Installation */ a:hover { text-shadow: 0 0 1.5px #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 (M¡!) ***************/ /***********************************************************************/ /* Loader — All Skins */ 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 — Oasis Only */ .skin-oasis .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; }

.skin-oasis .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 — All Skins */ .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 — Oasis Only */ .skin-oasis .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 (M¡!) ****************/ /***********************************************************************/ /* Mark redirects in Special:Allpages and Special:Watchlist — All Skins */ .allpagesredirect { font-style: italic; }

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

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

/* Header Font — All Skins */ 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 — All Skins */ code { color: #FFFFFF; background-color: #282828; border: 1px solid #1C1C1C; border-radius: 5px; font-style: normal; padding: .5px 2.5px; }/**/

/* Make Syntaxhighlight tags bordered — All Skins */ div.mw-geshi { background-color: #032B35; border: 1px dashed #2F6FAB; padding: 0.5em 1em; font-family: "monospace"; }/**/

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

/* Lock Forums Banner — All Skins */ 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 — All Skins */ .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 — All Skins */ .embeddable-discussions-module .embeddable-discussions-post-detail { background: transparent; }

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

/* Discussions Notif Dropdown */ .skin-oasis .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 */ .SpeechBubble .speech-bubble-message ul ul ul, .SpeechBubble .speech-bubble-message ol ul ul, .SpeechBubble .speech-bubble-message ul ol ul, .SpeechBubble .speech-bubble-message ol ol ul, .SpeechBubble .speech-bubble-message ul, .WikiaArticle ul ul ul, .WikiaArticle ol ul ul, .WikiaArticle ul ol ul, .WikiaArticle ol ol ul, .WikiaArticle ul { list-style-type: disc; }

.SpeechBubble .speech-bubble-message ul ul, .SpeechBubble .speech-bubble-message ol ul, .WikiaArticle ul ul, .WikiaArticle ol ul { list-style-type: circle; }/**/

/* Diep-colored ContribsButtons */ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: #0088AA; }

body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #contentSub #contentSubSub a:active, body.mw-special-Contributions #contentSub #contentSubSub a:focus, body.mw-special-Contributions #contentSub #contentSubSub a:hover { background: #11CFFF; }/**/

/***********************************************************************/ /********************** Threads + Comments (M¡!) ***********************/ /***********************************************************************/ /* Comment warning */ padding: 0; }
 * 1) WikiaArticleFooter {

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

background: rgba(238, 238, 255, 0.035); font-weight: normal; font-size: inherit; font-family: inherit; line-height: 1.8em; padding: 10px; border: 4px solid rgba(0, 0, 0, 0.085); 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; }

/* 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; border: 1px solid transparent; transition: all 0.4s; }

.Wall ul.comments > li.message .wikia-button:not(.secondary):hover, .Wall#Wall > .new-message > .speech-bubble-message 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: 12px; line-height: 25px; 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 */ box-shadow: 0 1px 4px rgba(0,0,0,0.2); }

/* 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: 4px solid #3f3f3f; 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; }

/* Misc. */ .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); }

/* 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 (M!!) *************************/ /***********************************************************************/ /* 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; }/**/

/***********************************************************************/ /************************* Table Styling (M!!) *************************/ /***********************************************************************/ /* 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 { background: #393a3a; border-collapse: collapse; border: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); color: #d5d4d4; margin: 1em 4px 1em 3px; max-width: calc(100% - 17px); max-width: -webkit-fill-available; max-width: fill-available; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }/**/

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

.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 #2c2c2e; }

.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 #2c2c2e; }/**/

/* 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; border: none; border-top: 3px solid #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; } .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; }

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

.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: 3px solid #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 #2c2c2e; }/**/

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

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

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

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

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

/***********************************************************************/ /********************* WikiaArticle Styling (M¡¡) **********************/ /***********************************************************************/ /* WikiaPage */ .WikiaSiteWrapper > .WikiaPage { border: 2px solid #4F4F4F; border-top: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

@media only screen and (max-width: 1083px) and (min-width: 1024px) { .WikiaSiteWrapper > .WikiaPage { width: 982px; } }

@media only screen and (max-width: 1595px) and (min-width: 1084px) { .WikiaSiteWrapper > .WikiaPage { width: 1022px; } }

@media only screen and (min-width: 1596px) { .WikiaSiteWrapper > .WikiaPage { width: 1176px; } }/**/

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

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

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

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

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

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

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

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

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

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

.skin-oasis nav.article-categories#articleCategories .ui-autocomplete { border: 3.5px solid transparent; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

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

.skin-oasis nav.article-categories#articleCategories .ui-autocomplete .ui-menu-item a:hover { background: #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 */ .skin-oasis 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 */ .skin-oasis 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); border: 4px solid rgba(0, 0, 0, 0.085); }

.skin-oasis nav.WikiaArticleInterlang h3 { font-size: 1.1em; }/**/

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

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

/***********************************************************************/ /********************* Toolbar + WikiaNotifs (M¡¡) *********************/ /***********************************************************************/ /* Toolbar */ .WikiaBarWrapper .wikia-bar { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }/**/

/* WikiaNotifications */ .WikiaNotifications li div { background-color: #00aacf; border: 2px solid; border-color: #0088aa #007799 #006688; background-image: linear-gradient(#00b1dd 0%, #0088aa 100%); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }/**/

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

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

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

/***********************************************************************/ /********************* WDS Button Recreation (M¡¡) *********************/ /***********************************************************************/ /* WDS Basic */ .skin-oasis .custom-wds-non { background-color: #00B7E0; border-color: #00B7E0; 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; -webkit-border-radius: 0; }

.skin-oasis a .custom-wds { background-color: #00B7E0; border-color: #00B7E0; 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; -webkit-border-radius: 0; }/**/

/* Full */ .skin-oasis .custom-wds-non { border: none; background-color: #00B7E0; 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; }

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

/* WDS Squished */ .skin-oasis a .custom-wds-squished.wds-button.wds-is-squished, .skin-oasis a #custom-wds-squished { background: transparent; color: #44C4FF; border-color: #44C4FF; font-size: 0.625rem; padding: 10px 12px 9px; text-decoration: none; text-shadow: none; transition-duration: .5s; }

.skin-oasis a:active .custom-wds-squished.wds-button.wds-is-squished, .skin-oasis a:hover .custom-wds-squished.wds-button.wds-is-squished, .skin-oasis a:hover #custom-wds-squished { background: transparent; color: #44C4FF; color: rgba(68,196,255,0.75); border-color: rgba(68,196,255,0.75); font-size: 0.625rem; padding: 10px 12px 9px; text-decoration: none; text-shadow: none; }

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

/* Wikia Rail WDS Buttons */ .skin-oasis .WikiaRail .wds-is-secondary { color: #44C4FF !important; border-color: #44C4FF !important; }

.skin-oasis .WikiaRail .wds-is-secondary:hover { color: rgba(68, 196, 255, 0.75) !important; border-color: rgba(68, 196, 255, 0.75) !important; }/**/

/* Wikia Button */ .skin-oasis #staffBlog > a, .skin-oasis #projects > a, .skin-oasis #cg > a { border-right: none; padding: 0 8px 0 8px; text-shadow: none; }/**/

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

.detail ul.tabbernav { border-bottom: 0 solid #000000 !important; font-family: "Helvetica", sans-serif !important; font-weight: bold !important; padding-top: 5px !important; padding-bottom: 2px !important; margin-bottom: 0 !important; margin-left: 0 !important; }

.detail .tabbernav { display: flex; line-height: 18px !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 { background: rgba(71, 70, 70, 0.7) !important; border: 2px solid rgba(0, 0, 0, 0.3) !important; border-top: 0 !important; border-radius: 5px; }

.detail h3 { background: rgba(0, 0, 0, .4) !important; 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: rgba(0, 0, 0, 0.4) !important; font-style: italic; color: #EFEFEF; margin-left: -5px; margin-right: -5px; padding-left: 10px; }/**/

/***********************************************************************/ /***************************** Polls (M!!) *****************************/ /***********************************************************************/ /* 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 (M¡¡) **************************/ /***********************************************************************/ /* Plain Links 1 */ .skin-oasis .plainlinks a, .skin-oasis .plainlinks { color: #44C4FF !important; font-family: inherit !important; text-shadow: none !important; }/**/

/* Plain Links 2 */ .skin-oasis .plainlinks2 { font-family: "Old Standard TT" !important; font-size: 1rem; color: #44C4FF !important; text-shadow: none !important; }/**/

/* Plain Links 3 */ .skin-oasis .plainlinks3 a, .skin-oasis .plainlinks3 { color: #44C4FF !important; font-family: "Ubuntu" !important; font-size: 15pt; font-weight: bold; }

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

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

/* Plain Links 5 */ .skin-oasis .plainlinks5 { font-family: Helvetica Neue !important; color: #44C4ff; }

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

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

/* Plain Links 7 */ .skin-oasis .plainlinks7 { color: #44C4FF !important; font-family: "Helvetica Neue" !important; font-size: 11pt !important; font-weight: normal; text-shadow: none !important; }/**/

/* Make External Links indistinguishable from normal ones */ .skin-oasis .WikiaArticle a.external:after, .skin-oasis .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 (M!!) ******************/ /***********************************************************************/ /* 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:20pt; 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: 9pt; 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: 9pt; 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: 9pt; 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: 9pt; 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); text-align: center; padding: 0.5em 12px; border: 4px solid rgba(0, 0, 0, 0.085); 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; font-size: 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-bottom: none; border-radius: 5px 5px 0 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin: -11px -16px 8px; }/**/

/* 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 (M!!) ********************/ /***********************************************************************/ .DiepBox .navbox-base { color: #00FFFF }

.DiepBox .navbox-title { background: #008EAA; color: #FFFFFF; }

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

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

.DiepBox .navbox-below { background: #008EAA; font-size: 1.25rem; font-family: "Snell Roundhand"; color: #FFFFFF; }/**/

/***********************************************************************/ /************************ Template Styles (M!!) ************************/ /***********************************************************************/ /* 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; }

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

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

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

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

.diepButton.clickable-div a > img { width: 100%; height: 100%; }

.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 { box-sizing: border-box; width: 100%; margin: 0 auto 10px; padding: 0.1em 0.5em 0.2em; background: #0088aa; color: #eee; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border: 4px solid #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-tod { background: linear-gradient(to right, #700000 0%, #300000 35%, #200000 50%, #300000 65%, #700000 100%); border-color: #400000; }

.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: padding 0.15s; }

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

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

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

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

background-color: #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; }

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

/***********************************************************************/ /*********************** Special:Community (M¡!) ***********************/ /***********************************************************************/ /* Community-To-Do-List Button Placement — All Skins */ .community-page-todo-list-module-content #projects { margin-left: 70px; }/**/

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

.skin-oasis .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 — Oasis Only */ .skin-oasis.page-Special_Community section.community-page-card-module[data-tracking="community-page-insights-createpage"] { display: none !important; }/**/

/* InteractiveCommunity-To-Do-List — Oasis Only */ .skin-oasis .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: #44C4FF; 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: #44C4FF; -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; }

.skin-oasis .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 (M!!) ******************/ /***********************************************************************/ .era { font-size: 1.0625rem; font-weight: bold; padding-left: 1px; text-shadow: none; }

.history a:hover { border-bottom: 1px solid #44C4FF; 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); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/**/

/***********************************************************************/ /********************** Miscellaneous Pages (M!¡) **********************/ /***********************************************************************/ /* Builds Page — Oasis Only */ .skin-oasis #column-buildname { width: 14%; }

.skin-oasis #column-build { width: 24%; }

.skin-oasis #column-description { width: 22%; }

.skin-oasis #column-vote { width: 40%; vertical-align: top; overflow: hidden; }

.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 — All Skins */ .page-Project_Staff h3 img { margin-top: -8px; }

/* 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 (M¡¡) ********************/ /***********************************************************************/ /* Ursuul */ .skin-oasis #urs-greeting-talk { color:#EFEFEF; text-align: center; font-size: 1.3125rem; font-weight: bold; font-family: "PT Serif", "Times New Roman", "Lucida Bright", serif; }

.skin-oasis #urs-greeting-wall-top { color: #EFEFEF; text-align: center; font-size: 16pt; font-weight: bold; font-family: "PT Serif", "Times New Roman", "Lucida Bright", serif; }

.skin-oasis #urs-greeting-wall-bottom { color: #EFEFEF; text-align: center; font-size: 10.8pt; font-weight: bold; font-family: "PT Serif", "Times New Roman", "Lucida Bright", serif; }

.skin-oasis #urs-greeting-wall-bottom a, .skin-oasis #urs-greeting-wall-bottom a:hover { color: #44C4FF !important; text-shadow: none; }/**/

/* 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 (M!!) ***********************/ /***********************************************************************/ /* Keep User-links default color */ .mp-d .embeddable-discussions-header-container .avatar-details .avatar-username:hover, .mp-d .embeddable-discussions-header-container .avatar-details .avatar-username, .mp-module:not(.mp-blog2) a { font-weight: normal; color: #44C4FF; }

.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) { .skin-oasis .main-page-tag-rcs .module { box-sizing: initial; display: inline-block; margin: 0; vertical-align: initial; width: 90%; }   .skin-oasis .main-page-tag-rcs { padding: 5px 0 0 0; width: 100%; }   .skin-oasis .mp-d p:last-child { display: initial; }   .skin-oasis .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 #767676; }

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

/* Apps Images */ .mp-module-apps .floatnone img { margin-top: -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; }

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

.mp-module-month .mp-module-avatar img { border-radius: 100%; }/**/

/* 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; padding: 15px 14px 5px 15px; 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: #767676; margin-bottom: 5px; }

.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: #44C4FF; color: #44C4FF; 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:GellyPop/Smashus_Automaticus_(A_Perceived_Description_to_Auto_Smasher)"] { display: block; font-size: xx-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; }/**/

/***********************************************************************/ /*************************** Bug Fixes (M¡!) ***************************/ /***********************************************************************/ /* Chat Button Overflow in Safari — Oasis Only */ .skin-oasis .chat-join button[onclick="ChatWidget.onClickChatButton('/wiki/Special:Chat')"] .icon { margin-left: -5px; margin-right: -2px; }/**/

/* Profile Masthead Contribs Links Bug Fix — Oasis Only */ .skin-oasis .UserProfileMasthead .contributions-details a { text-shadow: none; font-family: Helvetica Neue; background: none !important; color: #D5D4D4 !important; font-weight: normal !important; }

.skin-oasis .UserProfileMasthead .contributions-details a:hover { text-shadow: none; font-family: Helvetica Neue; background: none !important; color: #D5D4D4 !important; font-weight: normal !important; }/**/

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

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

/***********************************************************************/ /************************* Miscellaneous (M¡!) *************************/ /***********************************************************************/ /* Remove CreateBlogButton */ .WikiaBlogListingBox .wikia-button { display: none; }/**/

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

/* Greeting Table — Oasis Only */ .skin-oasis #clickablebutton { 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; }/**/

/* Greeting Table 2 — Oasis Only */ .skin-oasis #greetingtop { 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; }

.skin-oasis #greetingbottom { 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; }

.skin-oasis #greetingbuttontop { 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; }

.skin-oasis #greetingbuttontop:hover { -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; }

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

.skin-oasis #greetingbuttontoptext { cursor:pointer; font-family: Ubuntu !important; font-size: 1.25rem; font-weight: bold; display: block !important; }

.skin-oasis #greetingbuttonbottom { 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; }/**/

/* Dunno — Oasis Only */ .skin-oasis .i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }/**/

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

/***********************************************************************/ /*************************** Keyframes (M!!) ***************************/ /***********************************************************************/ /* 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: 30px; }   50% {        color: #FF0000; font-size: 35px; }   100% {        color: #000000; font-size: 30px; } }/**/

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