Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/***********************************************************************/
/******************************* Imports *******************************/
/***********************************************************************/
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i|Merienda+One");
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css|MediaWiki:Staff.css|MediaWiki:Gadget-WikiaNotifs.css|MediaWiki:Colors.css|u:dev:MediaWiki:AL.css|u:dev:MediaWiki:Global_Lua_Modules/NavboxBuilder.css|u:dev:MediaWiki:PrettyUserTags.css|u:dev:MediaWiki:ContribsButtons.css|u:diepio:MediaWiki:Global.css");
/***********************************************************************/
/****************************** Doc & ToC ******************************/
/***********************************************************************/
/* DOCUMENTATION
* @Contributors: DW Code Administrators <https://diepio.wikia.com/wiki/Project:Code_Administrator>
* @Notes: * (<section letter>.<subsection number>) = section code
e.g. (B.2) = Link Hover Glow
*/
/* SECTION A — USER TAGS
* Subsection 1 — User Tags Setup
* Subsection 2 — Individual Tags
*/
/* SECTION B — DEFAULT WIKI ALTERATIONS
* Subsection 1 — Rail Module Styling
* Subsection 2 — Link Hover Glow
* Subsection 3 — Loader, Visualizer, & Edit Styles
* Subsection 4 — Extensions & Default Tag Styles
* Subsection 5 — Threads & Comments
* Subsection 6 — Banner Styles
* Subsection 7 — Era Icons
* Subsection 8 — WikiaArticle Styling
* Subsection 9 — Toolbar & WikiaNotifs
* Subsection 10 — Activity & BlogList Feeds
* Subsection 11 — Tooltips & Popovers
* Subsection 12 — Category Page Galleries
* Subsection 13 — Help Pages Quick-Fix
*/
/* SECTION C — INVOKABLE STYLING
* Subsection 1 — Table Styling
* Subsection 2 — WDS Button Recreation
* Subsection 3 — Tabber Styling for Detail Div
* Subsection 4 — Polls
* Subsection 5 — Plain Links
* Subsection 6 — Miscellaneous Classes & IDs
* Subsection 7 — Universal Navbox Styles
* Subsection 8 — Template Styles
* Subsection 9 — Reference Popups
*/
/* SECTION D — SPECIFIC PAGES
* Subsection 1 — Welcome Message
* Subsection 2 — Special:Community
* Subsection 3 — History Articles Navigation
* Subsection 4 — Miscellaneous Pages
* Subsection 5 — Personal Greeting Pages
* Subsection 6 — Main Page Modules
* Subsection 7 — Special:Contributions
*/
/* SECTION E — NEEDED AT BOTTOM OF STYLESHEET FOR CASCADE
* Subsection 1 — Bug Fixes
* Subsection 2 — Miscellaneous
* Subsection 3 — Keyframes
*/
/****************************** Variables ******************************/
/* These variables define the core colors and other values for our CSS */
/* so that they can easily be modified if necessary, like for a theme. */
/* Under the current naming system, --primary and --primary accent are */
/* primary colors which define the theme, while other variables like */
/* --secondary and --tertiary are background colors. */
:root {
--primary: #0088AA; /* default: cyan blue */
--primary-accent: #006688; /* default: teal blue */
--primary-light: #11cfff; /* default: light cyan blue */
--secondary: #3B4243; /* default: bluish grey */
--secondary-accent: #333B3D; /* default: darker bluish grey */
--tertiary: rgba(238, 238, 255, 0.035); /* default: medium grey */
--tertiary-accent: rgba(0, 0, 0, 0.085); /* default: darker grey */
--links: #44c4ff; /* default: blue */
}/**/
/***********************************************************************/
/************************ User Tags Setup (A.1) ************************/
/***********************************************************************/
/* General Tag limitations */
.UserProfileMasthead .masthead-info .tag-container .usergroup-fs ~ .usergroup-hi,
.skin-monobook .tag-container .usergroup-fs ~ .usergroup-hi,
.UserProfileMasthead .masthead-info .tag-container .tag:nth-child(3) ~ .tag,
.skin-monobook .firstHeading .tag-container .tag:nth-child(3) ~ .tag,
#discussion-bio {
display: none;
}
.UserProfileMasthead .masthead-info .tag-container .tag,
.skin-monobook .tag-container .tag {
text-shadow: none;
}/**/
/* Profile Masthead Theme */
.WikiaUserPagesHeader {
background: none;
}
.UserProfileMasthead .masthead-avatar .avatar {
border: 4px solid #006688;
border: 4px solid var(--primary-accent);
border-radius: 5px;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
}
.UserProfileMasthead .masthead-info {
background: #3B4243;
background: var(--secondary);
background-size: 100%;
border: 4px solid #333B3D;
border: 4px solid var(--secondary-accent);
border-top: none;
border-radius: 10px;
}
.UserProfileMasthead .masthead-info hgroup {
background: #0088AA;
background: var(--primary);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
border: 4px solid #006688;
border: 4px solid var(--primary-accent);
border-bottom: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
margin: 0 -4px;
}
.UserProfileMasthead .masthead-info h1,
.UserProfileMasthead .masthead-info h2 {
color: #EEEEEE;
}
.UserProfileMasthead .masthead-info .tag + .tag,
.UserProfileMasthead .masthead-info .tag {
box-shadow: 1px 3px 0 rgba(0, 0, 0, 0.2);
margin: 0 3px 0 0;
}
.UserProfileMasthead .masthead-info hgroup > span:first-of-type {
margin-left: 3px;
}
.UserProfileMasthead .masthead-info hgroup > span.tag-container {
margin-left: 6px;
}
.UserProfileMasthead .masthead-info-lower:before {
border-color: #3B4243 #3B4243 transparent transparent;
border-color: var(--secondary) var(--secondary) transparent transparent;
}/**/
/* Strip the masthead down for blocked users *
.usergroup-blocked.UserProfileMasthead {
min-height: 0;
padding: 0 10px 0 0;
}
@media only screen and (max-width: 1023px) {
.usergroup-blocked.UserProfileMasthead {
padding: 0;
}
}
.usergroup-blocked.UserProfileMasthead .masthead-info .user-identity-box-edit,
.usergroup-blocked.UserProfileMasthead .masthead-info-lower,
.usergroup-blocked.UserProfileMasthead .masthead-info:after,
.usergroup-blocked.UserProfileMasthead + .tabs-container #pseudotalkpages-li,
.usergroup-blocked.UserProfileMasthead .masthead-avatar,
.usergroup-blocked.UserProfileMasthead .details,
.usergroup-blocked.UserProfileMasthead input,
.usergroup-blocked.UserProfileMasthead h2 {
display: none;
}
.usergroup-blocked.UserProfileMasthead .masthead-info {
border-bottom: none;
margin: 0 0 10px;
}
.usergroup-blocked.UserProfileMasthead hgroup {
padding: 2px 15px;
border-bottom: 4px solid #006688;
border-radius: 0;
}
.usergroup-blocked.UserProfileMasthead h1 {
font-size: x-large;
}/**/
/***********************************************************************/
/************************ Individual Tags (A.2) ************************/
/***********************************************************************/
/* Pre-script execution + non-UserTags tag style */
.UserProfileMasthead .masthead-info hgroup > .tag {
color: #FFF;
background: #006DB8;
border: 2px outset #ADD;
border-radius: 12px;
padding: 2px 5px;
}/**/
/* Official Staff Tags */
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bureaucrat {
background: #000000;
color: #FFFFFF;
border-color: #EFEFEF;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-com {
background: #00FFFF;
border-color: #00FFFF;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-mod {
background: #00FF00;
border-color: #00FF00;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-sen {
background: #FFFF00;
border-color: #FFFF00;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-rollback {
background: #C40000;
color: #FFFFFF;
border-color: #C40000;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-content-moderator,
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-threadmoderator,
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-chatmoderator {
background: #CE9D5C;
border-color: #CE9D5C;
}/**/
/* VIP Tags */
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-vip,
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-mvp {
font-weight: normal;
background: #2B662B;
color: #FFFFFF;
border-color: #26996E;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-sa {
background-color: #5D8AA8;
border-color: #5D8AA8;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-fs {
background-color: #C0C0C0;
border-color: #C0C0C0;
}/**/
/* Other Tags */
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-em {
background: #FF0000;
background: -webkit-linear-gradient(left, #FF0000, #FFA500, #008000, #0000FF, #4B0082, #EE82EE);
background: -o-linear-gradient(left, #FF0000, #FFA500, #008000, #0000FF, #4B0082, #EE82EE);
background: -moz-linear-gradient(left, #FF0000, #FFA500, #008000, #0000FF, #4B0082, #EE82EE);
background: linear-gradient(to right, #FF0000, #FFA500, #008000, #0000FF, #4B0082, #EE82EE);
color: #FFFFFF;
border-color: #4B0082;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-hi,
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-ins,
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-alt {
background: #FFFFFF;
border-color: #FFFFFF;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-autoconfirmed,
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-inactive {
background: #2B662B;
color: #FFFFFF;
border-color: #00FFB6;
}
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-founder,
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-rot,
.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-ef {
background: #000000;
color: #FFFFFF;
border-color: #000000;
}/**/
/***********************************************************************/
/********************** Rail Module Styling (B.1) **********************/
/***********************************************************************/
/* General */
.WikiaSearch .side-articles.RailModule,
.WikiaRail .custom-cql#mwModule,
.WikiaSearch .exact-wiki-match,
.WikiaRail .rail-module,
.WikiaRail #cql-module,
#WikiaRail > .module {
background: #3B4243;
background: var(--secondary);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
padding: 0 15px 15px;
border: 4px solid #333B3D;
border: 4px solid var(--secondary-accent);
border-top: none;
margin: 0 10px 10px;
transition: box-shadow 0.35s;
}
.WikiaSearch .search-tabs {
margin-bottom: 0.5em;
}
.WikiaSearch .side-articles.RailModule {
display: inline-block;
width: auto;
overflow: visible;
}
.WikiaSearch .top-wiki-articles.RailModule {
padding-bottom: 0;
}
.WikiaSearch .side-articles.RailModule .side-article.result {
display: flex;
width: 100%;
padding: 0.5em 0;
}
.WikiaSearch .side-articles.RailModule .side-article.result .side-article-thumbnail {
flex: 0 2 15%;
height: auto;
}
.WikiaSearch .side-articles.RailModule .side-article.result .side-article-text {
font-size: x-small;
}
.WikiaSearch .side-articles.RailModule:not(.fandom-stories) .side-article.result:first-of-type {
padding-top: 0;
border-top: 0;
}
.WikiaSearch .side-articles.RailModule .side-article.result:last-of-type {
padding-bottom: 0;
border-bottom: 0;
}
.WikiaSearch .fandom-stories.RailModule .side-article.result {
flex-flow: column wrap;
height: 0;
}
.WikiaSearch .fandom-stories.RailModule .side-article.result .side-article-category {
margin: -1px 0 12px 0;
}
.WikiaSearch .fandom-stories.RailModule .side-article.result .side-article-text {
flex: 2 0 100%;
display: flex;
flex-flow: column nowrap;
width: 150px;
}
.WikiaSearch .fandom-stories.RailModule .side-article.result .side-article-text .fandom-story-link {
order: 2;
}
.WikiaSearch .exact-wiki-match__result {
margin: 0 -15px -20px;
}
.WikiaSearch .exact-wiki-match__content {
background: transparent;
border: 0;
}
.WikiaRail .chat-module.rail-module .start-a-chat-button {
white-space: nowrap;
padding: 5px 10px;
margin-left: 5px;
}
.WikiaRail .chat-module.rail-module .avatars .more-users-count {
margin-left: 4px;
}
#railwam-log-alert {
background: #0088AA;
background: var(--primary);
padding: 5px 10px 5px;
border: 4px solid #006688;
border: 4px solid var(--primary-accent);
margin: 0 10px 10px;
}
.WikiaSearch .side-articles.RailModule .side-article.result:after,
.WikiaSearch .side-articles.RailModule:after,
.WikiaPage .WikiaPageContentWrapper:after,
.railwam-data-element {
display: none;
}/**/
/* Headers */
.WikiaSearch .side-articles.RailModule .side-articles-header,
.WikiaSearch .exact-wiki-match .exact-wiki-match__header,
.WikiaRail .module > .blog-empty-user-blog .pseudo-h1,
.WikiaRail .RewardModule.rail-module h2,
.WikiaRail .chat-module.rail-module h2,
.WikiaRail .chat-module.rail-module h2,
.WikiaRail .CommunityCornerModule h2,
.WikiaRail .custom-cql#mwModule > h2,
.WikiaRail .rail-module > h2,
.WikiaRail #cql-module > h2,
#WikiaRail > .module > h2 {
display: flex;
align-items: center;
min-height: 30px;
background: #0088AA;
background: var(--primary);
font-size: 1rem;
color: #E0E0E0;
padding: 5px 0 5px 10px;
border: 4px solid #006688;
border: 4px solid var(--primary-accent);
border-bottom: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
margin: 0 -19px 10px;
}
.WikiaSearch .side-articles.RailModule .side-articles-header,
.WikiaSearch .exact-wiki-match .exact-wiki-match__header,
.WikiaRail .module > .blog-empty-user-blog .pseudo-h1,
.WikiaRail .RewardModule.rail-module h2,
.WikiaRail .chat-module.rail-module h2,
.WikiaRail .chat-module.rail-module h2,
.WikiaRail .CommunityCornerModule h2,
.WikiaRail .custom-cql#mwModule > h2,
.WikiaRail .rail-module > h2,
.WikiaRail #cql-module > h2,
#WikiaRail > .module > h2,
.WikiaSearch .side-articles.RailModule .side-articles-header > a,
.WikiaSearch .exact-wiki-match .exact-wiki-match__header > a,
.WikiaRail .module > .blog-empty-user-blog .pseudo-h1 > a,
.WikiaRail .RewardModule.rail-module h2 > a,
.WikiaRail .chat-module.rail-module h2 > a,
.WikiaRail .chat-module.rail-module h2 > a,
.WikiaRail .CommunityCornerModule h2 > a,
.WikiaRail .custom-cql#mwModule > h2 > a,
.WikiaRail .rail-module > h2 > a,
.WikiaRail #cql-module > h2 > a,
#WikiaRail > .module > h2 > a{
color: #E0E0E0;
}
.modal > header{
border: 4px solid rgba(0, 0, 0, 0.2);
border-bottom:0px;
}
.modal > section {
border: 4px solid rgba(0, 0, 0, 0.2);
border-bottom:0px;
border-top:0px;
}
.modal > footer{
border: 4px solid rgba(0, 0, 0, 0.2);
border-top:0px;
}
.modalWrapper {
border: 4px solid #2E2E2E;
}
.WikiaSearch .exact-wiki-match .exact-wiki-match__header {
margin-bottom: 0;
}
.WikiaArticle .pseudo-h1 {
font-weight: bold;
font-size: 1.5rem;
text-align: center;
border-bottom: 0;
}
@media only screen and (max-width: 1595px) {
.WikiaPage .pseudo-h1 {
font-size: 1.75rem;
line-height: 1.75rem;
}
}/**/
/* Module icons, most universal first & JS extensions last */
.chat-module .chat-headline:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/8/8c/Grey-penta.svg");
margin: 0 7px -3px 0;
}
.insights-module h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/4/48/Bulb.svg");
margin: 0 7px -3px 0;
}
.WikiaBlogListingBox.module .blog-empty-user-blog .pseudo-h1:before,
.WikiaBlogListingBox.module > h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/6/68/Pencil.svg");
margin: 0 7px -2px 0;
}
.WikiaSearch .fandom-stories.RailModule .side-articles-header:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/7/7b/FANDOM.svg");
margin: 0 7px -6px 0;
}
.WikiaSearch .exact-wiki-match .exact-wiki-match__header:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/2/2b/Search.svg");
margin: 0 7px -5px 0;
}
.WikiaSearch .top-wiki-articles.RailModule .side-articles-header:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/a/ad/Bar.svg");
margin: 0 7px -3px 0;
}
#ForumActivityModule h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/1/14/Forum.svg");
margin: 0 7px -1px 0;
}
#ForumRelatedThreadsModule h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/5/58/Link.svg");
margin: 0 7px -5px 0;
}
.FollowedPagesModule h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/0/01/Eye.svg");
margin: 0 7px -4px 0;
}
.HotSpotsModule h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/f/f7/Activity.svg");
margin: 0 7px -5px 0;
}
.CommunityCornerModule > h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/f/f5/Checklist.svg");
margin: 0 7px -3px 0;
}
.content-review-module h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/b/b4/Gear.svg");
margin: 0 7px -4px 0;
}
.templatedraft-module > h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/0/04/Infobox.svg");
margin: 0 7px -4px 0;
}
.custom-rail-header:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/a/a9/Bull.svg");
margin: 0 7px -1px 0;
}
.DiscordIntegratorModule .activity-heading:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/6/63/SpeechBubble.svg");
margin: 0 7px -5px 0;
}
.RewardModule .activity-heading:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/8/85/Medal.svg");
margin: 0 7px -3px 0;
}
#cql-module h2:before {
content: url("https://vignette.wikia.nocookie.net/ursuul/images/6/68/Code-interior.svg");
margin: 0 7px -5px 0;
}/**/
/* Hover Styles */
.WikiaRail .rail-module:not(.DiscordIntegratorModule):hover,
.WikiaRail #cql-module:hover,
.WikiaRail .custom-cql#mwModule:hover,
#WikiaRail > .module:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
position: relative;
z-index: 2;
}
.WikiaRail .DiscordIntegratorModule:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}/**/
/* Medals (!importants necessary for inline style override) */
.rail-module.RewardModule > .RewardContainer {
padding: 0 0 15px 0 !important;
}
.WikiaRail .RewardModule .RewardSection img,
.WikiaRail .RewardModule .button {
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.WikiaRail .RewardModule .RewardSection img:hover,
.WikiaRail .RewardModule .button:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.WikiaRail .RewardModule .RewardCount {
background-color: #0088AA !important;
background-color: var(--primary) !important;
border: 1px solid #006688 !important;
border: 1px solid var(--primary-accent) !important;
color: white !important;
}
.badgetootipwindow {
background-color: #35494d !important;
border: 2px solid #313e42 !important;
border-top-width: 2.5px !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
color: white !important;
}
.badgetooltiparrow {
border-bottom: 10px solid #313e42 !important;
}/**/
/* Chat Module */
.WikiaRail .rail-module.chat-module {
margin-top: 10px;
}/**/
/* Weekly Updates Module */
.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox {
overflow: hidden;
background: transparent;
padding: 0;
border: none;
margin-bottom: 0;
}
.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox > h2 {
display: none;
}
.WikiaRail #custom-rail-bloglist .author-details h2 {
display: inline;
border-bottom: none;
}
.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox ul .WikiaBlogListingPost {
padding: 10px 0 15px;
}
.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox ul .WikiaBlogListingPost:first-child {
padding-top: 0;
}
.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox ul .WikiaBlogListingPost .post-summary {
padding-bottom: 0;
}/**/
/* Keep JavaScript Review module first for content reviewers */
.ns-8 #WikiaRail {
display: flex;
flex-direction: column;
}
.ns-8 #WikiaRail .rail-module:not(.content-review-module),
.ns-8 #WikiaRail > .module:not(.content-review-module) {
order: 2;
}/**/
/* Additional styling */
.WikiaRail .FollowedPagesModule.module h2 {
font-weight: bold;
font-size: 1rem;
min-height: 30px;
margin-bottom: 16px;
}
.WikiaRail .HotSpotsModule.module h2,
.WikiaRail .content-review-module.module h2,
.WikiaRail .CommunityCornerModule.module h2,
.WikiaRail .insights-module.insights-dark.module h2 {
color: #CCCCCC;
min-height: 30px;
margin-bottom: 16px;
padding-right: 2px;
}
.WikiaRail .CommunityCornerModule.module h2 {
margin-bottom: 0;
border-top: none;
}
.WikiaRail .content-review-module.module .content-review-module-help {
display: none;
}
#WikiaAdInContentPlaceHolder.rail-sticky-module {
z-index: 3;
}
#custom-rail-bloglist .WikiaBlogListingBox ul,
.WikiaRail .WikiaBlogListingBox ul {
border: 0;
margin-top: 0;
}
.WikiaRail .WikiaBlogListingBox > h2 {
margin-bottom: 0;
}
.WikiaRail #railwam-log-alert {
margin: 0 10px 10px;
padding: 5px 10px 5px;
background: #0088AA;
background: var(--primary);
border: 4px solid #006688;
border: 4px solid var(--primary-accent);
font-size: 1em;
}
.WikiaRail #cql-module-content {
margin-top: -4px;
}
@media only screen and (max-width: 1023px) {
.WikiaSearch .side-articles.RailModule,
.WikiaSearch .exact-wiki-match,
.main-page-tag-rcs .rail-module,
.WikiaRail .rail-module {
width: 285px;
}
}
@media only screen and (max-width: 1023px) {
.WikiaRail .module,
.WikiaRail .admin-dashboard-module,
.main-page-tag-rcs .module,
.main-page-tag-rcs .admin-dashboard-module {
box-sizing: content-box;
width: 285px;
}
}
@media only screen and (max-width: 1023px) {
.WikiaRail #custom-rail-bloglist .WikiaBlogListingBox {
width: auto;
}
}/**/
/* Special:Search */
.Search .SearchInput {
width: calc(100% - 8px);
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
box-sizing: border-box;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin-top: 4px;
margin-left: 4px;
}
.WikiaSearch > .SearchInput button.wikia-button:not(.secondary) {
margin-top: -1px;
border: 2px solid #006688 !important;
border: 2px solid var(--primary-accent);
background: #0088AA !important;
background: var(--primary) !important;
}
.WikiaSearch .side-articles-footer > a,
.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;
}
.WikiaSearch .side-articles-footer > a:hover,
.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);
}
.WikiaSearch .side-articles-footer > a,
.WikiaSearch .exact-wiki-match > a {
line-height: 1.2rem;
margin: -30px 0 0;
}/**/
/* Chat Entry Point Guidelines */
.chat-entry {
text-align: center;
padding-top: 0.5em;
border-top: 1px solid #5C5C5C;
margin: -0.5em 0;
}
.chat-entry b {
font-weight: bold;
}
.ChatHeader,
#ChatHeader {
color: #FFFFFF;
}/**/
/* Hot Topics Module */
.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-1 {
background-color: #f04f54;
border: 2px solid #b33b3f;
}
.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-2 {
background-color: #f99f54;
border: 2px solid #bf772f;
}
.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-3 {
background-color: #ffe46b;
border: 2px solid #bfae4e;
}
.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-4 {
background-color: #00e06c;
border: 2px solid #00a851;
}
.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-5 {
background-color: #00b0e1;
border: 2px solid #0083a8;
}/**/
/* Back to Top Style */
#backtotop button:hover {
text-decoration: underline;
}/**/
/* Level left content w/ the right rail */
#mw-content-text > .portable-infobox:first-child + .portable-infobox + dl,
#mw-content-text > .portable-infobox:first-child + .portable-infobox + p,
#mw-content-text > .portable-infobox:first-child + dl,
#mw-content-text > .portable-infobox:first-child + p,
#mw-content-text > figure:first-child + figure + dl,
#mw-content-text > figure:first-child + figure + p,
#mw-content-text > .floatleft + figure + p,
#mw-content-text > figure:first-child + dl,
#mw-content-text > figure:first-child + p,
#mw-content-text > .floatleft + p,
#mw-content-text > dl:first-child,
#mw-content-text > p:first-child {
margin-top: 0;
}
.WikiaArticle .floatleft {
margin: 0 10px 5px 0;
}/**/
/***********************************************************************/
/************************ Link Hover Glow (B.2) ************************/
/***********************************************************************/
/* Installation */
a:hover {
text-shadow: 0 0 1.5px #00FFFF;
}/**/
/* Redlinks */
a.new:hover,
#quickbar a.new:hover {
text-shadow: 0 0 2px #BA0000;
}/**/
/* Thread Histories */
#WallHistory .msgid:hover,
#WallThreadHistory .msgid:hover {
text-shadow: 0 0 2px #999 !important;
}/**/
/* Welcome Message Links */
#welcomelink 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;
}/**/
/* 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,
.noshadow,
#noshadow2:hover,
#GlobalNavigationWallNotifications .notifications-for-wiki .notifications-for-wiki-list a:hover,
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;
}
.Wall .timestamp a:hover {
text-decoration: underline;
text-shadow: none;
}
.wds-community-header a {
text-shadow: none;
}/**/
/***********************************************************************/
/*************** Loader, Visualizer, & Edit Styles (B.3) ***************/
/***********************************************************************/
/* Loader */
div.loading-message {
color: #FFFFFF !important;
font-family: "Ubuntu";
font-size: 0.75rem;
font-weight: bold;
text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important;
vertical-align: middle;
}
#EditPageEditor .loading-indicator .loading-message .loading-throbber {
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;
}/**/
/* Loader */
.loader {
display: block;
margin:0 auto;
width: 29px;
height: 29px;
position: relative;
border: 4px solid rgb(0, 176, 225);
animation: loader-border 2.3s infinite ease;
-o-animation: loader-border 2.3s infinite ease;
-ms-animation: loader-border 2.3s infinite ease;
-webkit-animation: loader-border 2.3s infinite ease;
-moz-animation: loader-border 2.3s infinite ease;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: rgb(0, 176, 225);
animation: loader-box 2.3s infinite ease-in;
-o-animation: loader-box 2.3s infinite ease-in;
-ms-animation: loader-box 2.3s infinite ease-in;
-webkit-animation: loader-box 2.3s infinite ease-in;
-moz-animation: loader-box 2.3s infinite ease-in;
}/**/
/* Visualizer */
.visualizer {
-moz-transition: all 0.55s ease;
-ms-transition: all 0.55s ease;
-o-transition: all 0.55s ease;
-webkit-transition: all 0.55s ease;
transition: all 0.55s ease;
border-style: solid;
border-color: #929292;
border-width: 4.5px;
border-radius: 100%;
transform: scale(.75, .75);
width: 140px;
height: 140px;
background-image: url("http://img09.deviantart.net/5cd7/i/2011/306/5/3/3d_speaker___transparent_png_by_differentkev-d4eud3l.png");
background-position: center;
background-size: cover;
}
.visualizer:hover {
transform: scale(1, 1);
border-style: solid;
border-color: #555555;
border-width: 1px;
border-radius: 100%;
box-shadow: 0 0 1px 1px #212121;
}
.visualizer:active {
transform: scale(2, 2);
position: relative !important;
z-index: 5 !important;
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 100px 100px rgba(0, 0, 0, 0);
}/**/
/* Create Page Icon Replace */
.sprite.new {
background-position: 0 !important;
background-image: url("https://vignette.wikia.nocookie.net/diepio/images/9/92/Yellow.png") !important;
}/**/
/***********************************************************************/
/**************** Extensions & Default Tag Styles (B.4) ****************/
/***********************************************************************/
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
font-style: italic;
}
.allpagesredirect:after {
color: #808080; content: " (redirect)"
}
.watchlistredir {
font-style: italic;
}/**/
/* Header Font */
h3,
h4,
h5,
h6 {
font-family: "Ubuntu", "Helvetica", "Arial", sans-serif;
}
h1 {
font-family: "Ubuntu";
font-weight: bold;
color: #D6D6D6;
}
.page-header__title {
font-family: inherit;
}
h2 {
font-family: "Ubuntu";
}/**/
/* FANDOM why? */
em {
font-style: italic;
}
strong {
font-weight: bold;
}/**/
/* Make code tags more prominent */
code {
color: #FFFFFF;
background-color: #282828;
border: 1px solid #1C1C1C;
border-radius: 5px;
font-style: normal;
padding: .5px 2.5px;
}/**/
/* Preformatted (pre) tags & Syntaxhighlight tags */
.css.source-css {
background-color: #032B35;
}
.WikiaArticle pre,
.pre {
border: 3px solid rgba(0, 0, 0, 0.08);
line-height: 140%;
width: auto;
margin: 10px auto;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
white-space: pre\9;
}
.css.source-css pre.de1, .css.source-css pre.de2 {
background-color: #032B35;
padding: 12px;
}/**/
/* Modernize abbr tags */
abbr {
text-decoration: none;
border: 0;
}/**/
/* Lock Forums Banner */
div#forum-warning-banner.warning-banner-expired,
div#forum-warning-banner.warning-banner-warning {
background: rgb(66, 63, 63);
border: 4px solid rgba(0, 0, 0, 0.11);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
border-radius: 0.5em;
margin: 20px auto 0;
padding: 0.5em 12px;
text-align: center;
width: 66.6%;
}/**/
/* Remove LastEdited from most Namespaces */
.ns--1 #lastEdited,
.ns-1 #lastEdited,
.ns-2 #lastEdited,
.ns-3 #lastEdited,
.ns-4 #lastEdited,
.ns-5 #lastEdited,
.ns-7 #lastEdited,
.ns-9 #lastEdited,
.ns-11 #lastEdited,
.ns-12 #lastEdited,
.ns-13 #lastEdited,
.ns-15 #lastEdited,
.ns-500 #lastEdited,
.ns-501 #lastEdited,
.ns-502 #lastEdited,
.ns-503 #lastEdited {
display: none;
}/**/
/* Discussions Feed */
.embeddable-discussions-module .embeddable-discussions-post-detail {
background: transparent;
}
.embeddable-discussions-module {
padding-bottom: 15px;
}/**/
/* Discussions Notif Dropdown */
.wds-list.wds-has-lines-between > li:hover {
background-color: rgba(164, 182, 191, 0.2);
}/**/
/* Center Bio Text */
#discussionsbiomodal > section > p,
.ns-2 .noarticletext {
text-align: center;
}/**/
/* Nicer lists */
.WikiaArticle dl {
margin-bottom: 0;
}
.WikiaArticle dl + p {
margin-top: 0.8em;
}
.WikiaArticle dd p {
margin: 0;
}
.WikiaArticle h1 + .floatleft + dl,
.WikiaArticle h1 + figure + dl,
.WikiaArticle h1 + dl,
.WikiaArticle h2 + .floatleft + dl,
.WikiaArticle h2 + figure + dl,
.WikiaArticle h2 + dl,
.WikiaArticle h3 + .floatleft + dl,
.WikiaArticle h3 + figure + dl,
.WikiaArticle h3 + dl,
.WikiaArticle h4 + .floatleft + dl,
.WikiaArticle h4 + figure + dl,
.WikiaArticle h4 + dl,
.WikiaArticle h5 + .floatleft + dl,
.WikiaArticle h5 + figure + dl,
.WikiaArticle h5 + dl,
.WikiaArticle h6 + .floatleft + dl,
.WikiaArticle h6 + figure + dl,
.WikiaArticle h6 + dl,
.WikiaArticle dl + dl,
.WikiaArticle dl + ol,
.WikiaArticle dl + ul,
.WikiaArticle ol + dl,
.WikiaArticle ol + ol,
.WikiaArticle ol + ul,
.WikiaArticle ul + dl,
.WikiaArticle ul + ol,
.WikiaArticle ul + ul {
margin-top: 0;
}/**/
/***********************************************************************/
/********************** Threads & Comments (B.5) ***********************/
/***********************************************************************/
/* Comment warning */
#WikiaArticleFooter {
padding: 0;
}
#WikiaArticleComments,
#article-comments {
padding:0;
border: 0;
}
#article-comments-counter-header {
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
font-weight: normal;
font-size: inherit;
font-family: inherit;
line-height: 1.8em;
padding: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin-left: 0;
margin-right: 0;
}
.user-logged .anon-only,
.user-anon .user-only {
display: none;
}
#WikiaArticleComments .controls {
margin: 10px 15px 0 0;
}/**/
/* The actual comments */
.article-comments li.comment .speech-bubble-message,
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message {
background: #3D3F3F;
border: 4px solid #353737;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
border-radius: 0.67em;
transition: all 0.4s;
}
.Wall ul.comments > li.message ul.replies > li.SpeechBubble {
padding-top: 0.4em;
border: none;
}
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message {
padding: 0.7em 1em;
}
.article-comments li.comment .speech-bubble-message.current {
background: #4F3F4E;
border: 4px solid #433542;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
border-radius: 0.67em;
transition: all 0.4s;
}
.article-comments li.comment .speech-bubble-message.current:after {
border-color: transparent #4F3F4E #4F3F4E transparent;
}
.article-comments li.comment .speech-bubble-message.current
.secondary.actionButton {
background: #433542;
}
.article-comments li.comment .speech-bubble-message:hover,
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover {
background: #4D595A;
border-color: #3E4A4D !important;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
}
.Forum#Forum > .ForumNewMessage > .message,
.Wall#Wall > .new-message > .speech-bubble-message,
.Wall#Wall ul.comments > li.message > .speech-bubble-message {
background: #33556A;
margin-bottom: 10px;
border: 4px solid #2B4455;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
border-radius: 0.67em;
transition: all 0.4s;
}/**/
/* Remove Anon Comments */
.user-anon.ns-112 .MiniEditorWrapper,
.user-anon.ns-116 .MiniEditorWrapper,
.user-anon.ns-112 .article-com-reply,
.user-anon.ns-116 .article-com-reply {
display: none;
}/**/
/* Message editor buttons */
.MiniEditorWrapper .toolbar .cke_button > a {
background-color: rgba(255, 255, 255, 0.08);
border: solid 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.MiniEditorWrapper .toolbar .cke_button > a:hover {
background-color: rgba(255, 255, 255, 0.18);
border: solid 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}/**/
/* Those speech bubble triangle things that look weird */
.Wall .comments ul.replies > li:first-child:before,
.Wall .comments ul.replies > li:first-child:after {
display: none;
}
.Wall#Wall li.message-main > .speech-bubble-message:after,
.Wall#Wall .new-message > .speech-bubble-message:after {
border-color: #33556A #33556A transparent transparent;
}
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:after {
border-color: #3D3F3F #3D3F3F transparent transparent;
border-style: solid;
border-width: 10px;
transition: all 0.4s;
}
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover:after {
border-color: #4D595A #4D595A transparent transparent;
}
.article-comments li.comment .speech-bubble-message:before {
display: none;
}
.article-comments li.comment .speech-bubble-message:after {
border-color: transparent #3D3F3F #3D3F3F transparent;
transition: all 0.4s;
}
.article-comments li.comment .speech-bubble-message:hover:after {
border-color: transparent #4D595A #4D595A transparent;
}/**/
/* Avatars */
.article-comments li.comment .avatar {
margin: 0.25em 0 0 1em;
border: none;
border-radius: 0.5em;
}
.Wall .comments ul.replies > .SpeechBubble .speech-bubble-avatar {
margin-top: 0.25em;
}/**/
/* Buttons */
.Wall#Wall ul.comments > li.message > .speech-bubble-message .secondary,
.Wall#Wall > .new-message > .speech-bubble-message button.secondary {
background: #2B4455;
border: 1px solid transparent;
transition: all 0.4s;
}
.article-comments li.comment .secondary.actionButton,
.Wall ul.comments > li.message button.secondary {
background: #353737;
border: 1px solid transparent;
transition: all 0.4s;
}
.article-comments li.comment .speech-bubble-message:hover .secondary.actionButton,
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover .secondary {
background: #3F4C4F;
border: 1px solid transparent;
}
.Wall ul.comments > li.message .wikia-button:not(.secondary),
.Wall#Wall > .new-message > .speech-bubble-message button:not(.secondary) {
background: #0088AA;
background: var(--primary);
border: 1px solid transparent;
transition: all 0.4s;
}
.Wall#Wall > .new-message > .speech-bubble-message button:not(.secondary):hover,
.Wall ul.comments > li.message .wikia-button:not(.secondary):hover {
background: rgba(0, 136, 170, 0.75);
}/**/
/* Menus */
.Wall ul.comments > li.message ul.WikiaMenuElement {
border: 4px solid transparent;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
margin-right: -1px;
}
.Wall ul.comments > li.message ul.WikiaMenuElement > li {
border-top: none;
}
.Wall ul.comments > li.message ul.WikiaMenuElement > li > a {
font-size: 0.75rem;
line-height: 1.5625rem;
padding: 5px 9px;
transition: all 0.4s !important;
}
.Wall ul.comments > li.message ul.WikiaMenuElement > li > a:hover {
background: #3B4243 !important;/* Necessary to override !important in FANDOM code */
background: var(--secondary) !important;/* Necessary to override !important in FANDOM code */
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}/**/
/* Post Sorting Dropdown */
.Forum .ContentHeader .sorting .menu {
background: #363839;
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
font-size: 0.9rem;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.Forum .ContentHeader .sorting .menu li {
line-height: 1.4rem;
}
.Forum .ContentHeader .sorting .menu li:hover a.option {
background: #3B4243;
background: var(--secondary);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}/**/
/* Text Field */
.article-comments li.comment .speech-bubble-message .MiniEditorWrapper .editarea,
.article-comments li.comment .speech-bubble-message .MiniEditorWrapper .editarea textarea {
background: #3A3A3B !important;
}
.Wall#Wall > .new-message > .speech-bubble-message textarea,
.Board#Forum > #ForumNewMessage > .message textarea,
.Board#Forum > #ForumNewMessage > .message input,
.Board#Forum > #ForumNewMessage > .message .title-container {
background: #33404A !important;
}
.Wall ul.comments > li.message ul.replies > .SpeechBubble.new-reply .editarea {
border: 3px solid #393939;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
border-radius: 0.67em;
}/**/
.Wall ul.comments > li.message ul.replies > .SpeechBubble.new-reply .editarea textarea {
border-radius: 0.33em;
}
/* Deleted or removed post message */
.deleteorremove-infobox {
background: #423F3F;
border-bottom: 4px solid rgba(0, 0, 0, 0.11);
border-left: 4px solid rgba(0, 0, 0, 0.11);
border-right: 4px solid rgba(0, 0, 0, 0.11);
}
.deleteorremove-infobox .deleteorremove-bubble,
.deleteorremove-infobox .deleteorremove-bubble.tail {
border: none;
}
.deleteorremove-infobox .deleteorremove-bubble.tail:before {
display: none;
}/**/
/* Topics */
.related-topics li.related-topic,
.related-topics li.edit-topic,
.message-topic .message-topic-list li.topic {
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 2px solid rgba(0, 0, 0, 0.085);
border: 2px solid var(--tertiary-accent);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
transition: all 0.35s;
}
.message-topic .message-topic-list li.topic {
border-radius: 3px;
font-size: 0.75rem;
list-style: none;
margin-right: 10px;
margin-bottom: 5px;
padding: 1px 15px 1px 7px;
}
.related-topics li.related-topic:hover,
.related-topics li.edit-topic:hover,
.message-topic .message-topic-list li.topic:hover {
background: rgba(238, 238, 255, 0.075);
}
.message-topic .message-topic-list li.topic .remove-swatch {
background-color: transparent;
}
.message-topic .message-topic-list li.topic:hover .remove-swatch {
background-color: transparent;
}
.message-topic input#MessageTopicInput {
background-color: #404040;
border: 3px solid #393939;
border-radius: 0.5em;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}/**/
/* 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);
}
.speech-bubble-message h2 {
border-bottom-color: #999999;
}
.speech-bubble-message a.votes:hover {
font-size: 0.8rem;
}/**/
/* All Skins */
body.page-Thread_103272 .msg-toolbar .buttonswrapper .buttons .thread-history,
body.page-Thread_103272 .WallHistory,
body.page-Thread_33184 .msg-toolbar .buttonswrapper .buttons .thread-history,
body.page-Thread_33184 .msg-toolbar .timestamp a,
body.page-Thread_33184 .WallHistory,
body.page-Thread_32660 .msg-toolbar .buttonswrapper .buttons .thread-history,
body.page-Thread_32660 .msg-toolbar .timestamp a,
body.page-Thread_32660 .WallHistory {
display: none;
}
body.page-Thread_33184 .msg-toolbar .timestamp a.permalink,
body.page-Thread_32660 .msg-toolbar .timestamp a.permalink {
display: initial;
}/**/
/***********************************************************************/
/************************* Banner Styles (B.6) *************************/
/***********************************************************************/
/* Test Mode Banner */
.banner-notification.notify a:after {
content: '!';
}
.banner-notification.notify a {
text-shadow: none !important;
text-decoration: none !important;
color: #090DED !important;
}
.banner-notification.notify a:hover {
text-decoration: underline !important;
}/**/
/***********************************************************************/
/*************************** Era Icons (B.7) ***************************/
/***********************************************************************/
/* Dropdowns */
.eraicon-dropdown {
color: #D5D4D4;
padding: 10px;
white-space: nowrap;
font-size: 0.8125rem;
}/**/
/* Positioning */
.WikiaPage .page-header__title,
.page-header__contribution > div:first-child {
display: flex;
}
.page-header__eraicons {
position: absolute;
top: 10px;
right: 0;
}/**/
/* Icon Margins */
.eraicon {
margin-right: 10px;
}
.eraicon:last-child {
margin-right: 0;
}/**/
/***********************************************************************/
/********************* WikiaArticle Styling (B.8) **********************/
/***********************************************************************/
/* WikiaPage */
.WikiaSiteWrapper > .WikiaPage {
border-width: thin;
border-color: #4f4f4f;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}/**/
/* General Category Container Styling */
nav.article-categories#articleCategories {
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin-left: 0;
margin-right: 0;
}
nav.article-categories#articleCategories:not(.articlePage) {
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
}
nav.article-categories#articleCategories .container {
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
transition: all 0.3s;
}
nav.article-categories#articleCategories.editMode .container {
border-bottom: none;
}
nav.article-categories#articleCategories div.toolbar {
border: 4px solid #363636;
border-top: 1px solid #555555;
}/**/
/* Category Bar Buttons */
nav.article-categories#articleCategories .add,
nav.article-categories#articleCategories .save {
background: #0088AA;
background: var(--primary);
padding: 0 0.8em;
border: none;
transition: all 0.3s;
}
nav.article-categories#articleCategories .secondary {
background: #4A4B4B;
padding: 0 0.8em;
border: none;
transition: all 0.3s;
}
nav.article-categories#articleCategories .add:hover,
nav.article-categories#articleCategories .save:hover {
background: rgba(0, 136, 170, 0.75);
}
nav.article-categories#articleCategories .secondary:hover {
background: rgba(74, 75, 75, 0.75);
}/**/
/* Category Input & Dropdown */
nav.article-categories#articleCategories #CategorySelectInput {
padding: 0.25em 0.4em;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
margin-top: 0;
}
nav.article-categories#articleCategories .ui-autocomplete {
border: 4.5px solid transparent;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin-left: -2px;
}
nav.article-categories#articleCategories .ui-autocomplete .ui-menu-item a {
transition: all 0.3s;
}
nav.article-categories#articleCategories .ui-autocomplete .ui-menu-item a:hover {
background: #3B4243;
background: var(--secondary);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}/**/
/* Hide “Add category” button for Anons & log blurb from user pages */
.user-anon .CategorySelect.articlePage .category:nth-last-child(2) {
border-right: 0;
}
.user-anon .CategorySelect.articlePage .last,
.ns-2 .mw-warning-with-logexcerpt {
display: none;
}/**/
/* Unsaved Categories */
nav.article-categories#articleCategories .category.new {
background: #363636;
border-color: transparent;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
color: #CFCFCF;
}/**/
/* Interlang */
nav.WikiaArticleInterlang {
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
margin: 10px 0;
padding: 0.8em 1.75em 0.3em;
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
}
nav.WikiaArticleInterlang h3 {
font-size: 1.1em;
}/**/
/* Related Forum Discussions Module */
.RelatedForumDiscussion {
box-shadow: 0 1px 4px rgba(0,0,0,.2);
margin: 10px 4px; /* I know you're thinking "it's not the same width q_q", but the parent container for this one is less wide than the one for the category and interlang bars below so this is the best we can do */
padding: 0.4rem 1.75em 0.8em;
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
}
.RelatedForumDiscussion h2 {
margin-top: 0.5rem;
}
.RelatedForumDiscussion .forum-discussions .forum-thread {
border-bottom: dashed 1px #5c5c5c;
}/**/
/* Table of Contents */
.WikiaArticle nav.toc {
background: rgba(239, 239, 255, 0.035);
background: var(--tertiary);
border-collapse: separate;
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
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);
}/**/
/* Headings */
body:not(.mw-special-Search) .WikiaArticle h2:not(.blogfooter-header) .mw-headline,
#RelatedForumDiscussion h2 {
padding-bottom: 1px;
font-size: 1.4rem;
font-weight: 500;
}
.WikiaArticle h3 .mw-headline {
font-size: 1.1rem;
font-weight: bold;
}
.WikiaArticle h4 .mw-headline {
font-size: 0.875rem;
}
.WikiaArticle span.editsection > a {
text-transform: uppercase;
font-size: 0.7rem;
letter-spacing: 0.5px;
}
.WikiaArticle span.editsection > a:hover {
color: #77ddff;
text-decoration: none;
text-shadow: none;
}/**/
/* Transitions */
@media only screen and (min-width: 1024px) {
.skin-oasis:not(.mw-special-Community) .WikiaArticle img:not(.pi-image-thumbnail),
.mp-d .embeddable-discussions-post-actions path,
#WikiaArticle a {
transition: 0.65s;
}
.WikiaArticle img:not(.pi-image-thumbnail):hover {
filter: brightness(107%);
}
.WikiaArticle img:not(.pi-image-thumbnail):active {
filter: brightness(93%);
}
}/**/
/***********************************************************************/
/********************* Toolbar & WikiaNotifs (B.9) *********************/
/***********************************************************************/
/* Toolbar */
.WikiaBarWrapper .wikia-bar {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}/**/
/* WikiaNotifications */
.WikiaNotifications li div:not(.sysinnertext) {
background-color: #00AACF;
border: 2px solid;
border-color: #0088AA #007799 #006688;
border-color: var(--primary) #007799 var(--primary-accent);
background-image: linear-gradient(#00B1DD 0%, #0088AA 100%);
background-image: linear-gradient(#00B1DD 0%, var(--primary));
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.WikiaNotifications li div .close-notification {
border: none;
top: 5px;
right: 5px;
}/**/
/***********************************************************************/
/****************** Activity & BlogList Feeds (B.10) *******************/
/***********************************************************************/
/* BlogLists & WikiActivity */
.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;
background: var(--secondary);
border-left: #0088AA 5px solid;
border-left: var(--primary) 5px solid;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}/**/
/***********************************************************************/
/********************* Popovers & Tooltips (B.11) **********************/
/***********************************************************************/
/* General Popovers & Tooltips */
div.popover.wikiaBar .arrow,
div.popover.top .arrow {
border-top-color: #333b3d;
border-top-color: var(--secondary-accent);
}
div.popover.bottom .arrow {
border-bottom: 10px solid #333b3d;
border-bottom: 10px solid var(--secondary-accent);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
top: -15px;
}
div.popover-inner,
div.tooltip-inner {
background: #3B4243;
background: var(--secondary);
border: 3px solid #333B3D;
border: 3px solid var(--secondary-accent);
box-shadow: 0 0 20px #282828;
padding: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
div.popover-content {
background: none;
}
/* Chat Module Info Popover */
.UserStatsMenu {
background: #3B4243;
background: var(--secondary);
}
.UserStatsMenu .info {
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.UserStatsMenu .info img {
border: none;
height: 35px;
width: 35px;
}
.UserStatsMenu .info ul {
margin-left: 40px;
}
.UserStatsMenu .info ul li {
line-height: normal;
margin: 0 !important;
}
.UserStatsMenu .actions {
font-weight: 600 !important;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.UserStatsMenu .actions span.label {
margin-left: 5px;
}
.UserStatsMenu .actions ul li:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.UserStatsMenu .actions ul li:hover .label {
text-decoration: none;
text-shadow: none;
}/**/
/***********************************************************************/
/******************* Category Page Galleries (B.12) ********************/
/***********************************************************************/
/* "Category Exhibition" Image Cards */
.category-gallery-item {
border: none;
}
.category-gallery-item img {
border: none;
border-radius: 0.25em;
padding: 0;
}
.category-gallery-item span.details {
background: #0088AA;
background: var(--primary);
border: 2px solid #006688;
border: 2px solid var(--primary-accent);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
color: #e0e0e0;
font-size: 0.9rem;
font-weight: 600;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}/**/
/***********************************************************************/
/********************* Help Page Quick-Fix (B.13) **********************/
/***********************************************************************/
/* Remove the awkward box around help pages that's there for seemingly no reason */
.sharedHelp {
border: none;
margin: none;
padding: none;
}/**/
/***********************************************************************/
/************************* Table Styling (C.1) *************************/
/***********************************************************************/
/* Special:ListUsers Table */
table.TablePager td.sorting_1 {
background-color: transparent;
}
.TablePager tr:hover td {
background-color: #595959;
}/**/
/* Tables in general */
.WikiaArticle table.wikitable,
.WikiaArticle table.article-table,
.WikiaArticle table.WikiaTable {
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 #2b2c2d;
}
.WikiaArticle table.wikitable > * > tr > td:last-child,
.WikiaArticle table.article-table > * > tr > td:last-child,
.WikiaArticle table.WikiaTable > * > tr > td:last-child {
border-right: 3px solid #323333;
}
.WikiaArticle table.wikitable > * > tr > th:last-child,
.WikiaArticle table.article-table > * > tr > th:last-child,
.WikiaArticle table.WikiaTable > * > tr > th:last-child {
border-right: 3px solid #2b2c2d;
}
.WikiaArticle table.wikitable > * > tr:last-child > td,
.WikiaArticle table.article-table > * > tr:last-child > td,
.WikiaArticle table.WikiaTable > * > tr:last-child > td {
border-bottom: 3px solid #323333;
}
.WikiaArticle table.wikitable > * > tr:last-child > th,
.WikiaArticle table.article-table > * > tr:last-child > th,
.WikiaArticle table.WikiaTable > * > tr:last-child > th {
border-bottom: 3px solid #2b2c2d;
}/**/
/* Headers */
.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td,
.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th,
.WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td,
.WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th,
.WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td,
.WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th {
background: #0088AA;
background: var(--primary);
border: none;
border-top: 3px solid #006688;
border-top: 3px solid var(--primary-accent);
border-bottom: 3px solid transparent;
transition: 0.3s;
}
.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td:first-child,
.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th:first-child,
.WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td:first-child,
.WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th:first-child,
.WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td:first-child,
.WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th:first-child {
border-left: 3px solid #006688;
border-left: 3px solid var(--primary-accent);
}
.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td:last-child,
.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th:last-child,
.WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td:last-child,
.WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th:last-child,
.WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td:last-child,
.WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th:last-child {
border-right: 3px solid #006688;
border-right: 3px solid var(--primary-accent);
}
.WikiaArticle table.wikitable.mw-collapsed:not(.grey-table) > * > tr:first-child > td,
.WikiaArticle table.wikitable.mw-collapsed:not(.grey-table) > * > tr:first-child > th,
.WikiaArticle table.article-table.mw-collapsed:not(.grey-table) > * > tr:first-child > td,
.WikiaArticle table.article-table.mw-collapsed:not(.grey-table) > * > tr:first-child > th,
.WikiaArticle table.WikiaTable.mw-collapsed:not(.grey-table) > * > tr:first-child > td,
.WikiaArticle table.WikiaTable.mw-collapsed:not(.grey-table) > * > tr:first-child > th {
border-bottom: 3px solid #006688;
border-bottom: 3px solid var(--primary-accent);
}
.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td a,
.WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th a,
.WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td a,
.WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th a,
.WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td a,
.WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th a {
color: #99DFFF;
}
.WikiaArticle table.wikitable.grey-table > * > tr > th,
.WikiaArticle table.article-table.grey-table > * > tr > th,
.WikiaArticle table.WikiaTable.grey-table > * > tr > th {
background: #2e2f30;
}
.WikiaArticle table.wikitable.grey-table > * > tr:first-child > td,
.WikiaArticle table.article-table.grey-table > * > tr:first-child > td,
.WikiaArticle table.WikiaTable.grey-table > * > tr:first-child > td {
border-top: 3px solid #323333;
}
.WikiaArticle table.wikitable.grey-table > * > tr:first-child > th,
.WikiaArticle table.article-table.grey-table > * > tr:first-child > th,
.WikiaArticle table.WikiaTable.grey-table > * > tr:first-child > th {
border-top: 3px solid #2b2c2d;
}/**/
/* Expand/Collapse Table Toggle */
.WikiaArticle table.wikitable > * > tr:first-child > th > .mw-collapsible-toggle,
.WikiaArticle table.article-table > * > tr:first-child > th > .mw-collapsible-toggle,
.WikiaArticle table.WikiaTable > * > tr:first-child > th > .mw-collapsible-toggle {
font-size: 0.8rem;
margin-left: 2px;
margin-right: -10px;
}/**/
/***********************************************************************/
/********************* WDS Button Recreation (C.2) *********************/
/***********************************************************************/
/* WDS Basic */
.custom-wds-non,
a .custom-wds {
background-color: #00B7E0;
border-color: #00B7E0;
border-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 */
.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;
}
.custom-wds-non:hover {
border: none;
background-color: rgba(68, 196, 255, 0.5);
text-decoration: none;
}/**/
/* WDS Squished */
a .custom-wds-squished.wds-button.wds-is-squished,
a #custom-wds-squished {
background: transparent;
color: #44C4FF;
border-color: #44C4FF;
font-size: 0.625rem;
padding: 10px 12px 9px;
text-decoration: none;
text-shadow: none;
transition-duration: .5s;
}
a:active .custom-wds-squished.wds-button.wds-is-squished,
a:hover .custom-wds-squished.wds-button.wds-is-squished,
a:hover #custom-wds-squished {
background: transparent;
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 */
.WikiaRail .wds-is-secondary {
color: #44C4FF !important;
border-color: #44C4FF !important;
}
.WikiaRail .wds-is-secondary:hover {
color: rgba(68, 196, 255, 0.75) !important;
border-color: rgba(68, 196, 255, 0.75) !important;
}/**/
/* Wikia Button */
#staffBlog > a,
#projects > a,
#cg > a {
border-right: none;
padding: 0 8px 0 8px;
text-shadow: none;
}/**/
/* Primary Button Link Fixes */
.wds-button.wds-is-primary a {
color: white;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.wds-button.wds-is-primary a:hover {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
text-decoration: none;
}/**/
/***********************************************************************/
/***************** Tabber Styling for Detail Div (C.3) *****************/
/***********************************************************************/
.detail {
clear: both;
}
.detail ul.tabbernav {
border-bottom: none;
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: 1.125rem !important;
}
.detail ul.tabbernav li.tabberactive a {
background: linear-gradient(180deg, #6F6F6F 0%, #6F6F6F 50%, #9B9B9B 51%, #9B9B9B 100%) !important;
font-weight: bold !important;
border-bottom: 0 !important;
border-top: 2px solid rgba(0, 0, 0, .4) !important;
border-right: 2px solid rgba(0, 0, 0, .4) !important;
border-left: 2px solid rgba(0, 0, 0, .4) !important;
font-family: "Ubuntu";
font-weight: bold;
text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important;
}
.detail ul.tabbernav li a {
white-space: nowrap;
background: linear-gradient(180deg, #9B9B9B 0%, #9B9B9B 50%, #6F6F6F 51%, #6F6F6F 100%) !important;
border-radius: 5px 5px 0 0;
margin-left: 5px !important;
padding: 5px !important;
border-top: 2px solid rgba(0, 0, 0, .4) !important;
border-right: 2px solid rgba(0, 0, 0, .4) !important;
border-left: 2px solid rgba(0, 0, 0, .4) !important;
color: #EFEFEF !important;
font-family: "Ubuntu";
font-weight: bold;
text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important;
}
.detail .tabberlive .tabbertab {
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
margin-left: 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
width: calc(100% - 8px);
}
.detail h3 {
background: rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
color: #EFEFEF;
margin-left: -5px;
margin-right: -5px;
padding-left: 10px;
font-style: italic;
font-weight: 500;
}
.detail h3 a {
color: #EFEFEF;
}
.detail .editsection,
.detail .toc-link {
display: none !important;
}/**/
/* Related Templates & Polls */
.detail div.ajax-poll {
margin-top: 0.25rem;
}
.detail div.ajax-poll:last-child {
margin-bottom: 0.25rem;
}
.OPS {
background: #282828;
font-style: italic;
font-weight: 500;
color: #EFEFEF;
padding-left: 10px;
margin-left: -5px;
margin-right: -5px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
transition: all 0.4s;
}
.mw-collapsed .OPS {
margin-bottom: 2px;
}/**/
/***********************************************************************/
/***************************** Polls (C.4) *****************************/
/***********************************************************************/
/* Poll Body */
div.ajax-poll {
background: #225566 !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2) !important;
border: 4px solid #164758 !important;
padding-right: 2em !important;
}
.pollAnswerVotes {
border-color: #006699 !important;
}
.pollAnswerVotes div {
background: linear-gradient(to right, #0088CC 0%, #00BBCC 100%) !important;
}/**/
/***********************************************************************/
/************************** Plain Links (C.5) **************************/
/***********************************************************************/
/* Plain Links 1 */
.plainlinks a,
.plainlinks {
color: #44C4FF !important;
font-family: inherit !important;
}/**/
/* Plain Links 2 */
.plainlinks2 {
font-family: "Old Standard TT" !important;
font-size: 1rem;
color: #44C4FF !important;
text-shadow: none !important;
}/**/
/* Plain Links 3 */
.plainlinks3 a,
.plainlinks3 {
color: #44C4FF !important;
font-family: "Ubuntu" !important;
font-size: 1.25rem;
font-weight: bold;
}
.plainlinks3 a:hover,
.plainlinks3:hover {
text-shadow: 0 0 1.5px #00FFFF !important;
}/**/
/* Plain Links 4 */
.plainlinks4 {
font-family: "Ubuntu" !important;
font-weight: bold;
font-size: 1.15rem;
text-shadow: none !important
}/**/
/* Plain Links 5 */
.plainlinks5 {
font-family: Helvetica Neue !important;
color: #44C4ff;
}
.plainlinks5:hover {
text-shadow: 0 0 1.5px #00FFFF !important;
}/**/
/* Plain Links 6 */
.plainlinks6 {
font-family: "Helvetica Neue" !important;
font-weight: normal !important;
color: #FFFFFF !important;
text-shadow: none !important;
}/**/
/* Plain Links 7 */
.plainlinks7 {
color: #44C4FF !important;
font-family: "Helvetica Neue" !important;
font-size: 0.9rem !important;
font-weight: normal;
text-shadow: none !important;
}/**/
/* Make External Links indistinguishable from normal ones */
.WikiaArticle a.external:after,
.WikiaArticle a[href^='gopher://']:after {
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
content: '';
display: none;
height: 0;
margin-left: 0;
vertical-align: text-top;
width: 0;
}/**/
/***********************************************************************/
/****************** Miscellaneous Classes & IDs (C.6) ******************/
/***********************************************************************/
/* Achievements Image Placeholders */
.page-Achievements div.gallerybox div.thumb {
margin-top:-58px;
margin-left:-31px;
}
.achievement-placeholder {
margin-right: auto;
margin-left: auto;
height: 30px;
width: 90px;
overflow: hidden;
border: 0 solid #E5C02D;
border-radius: 1.67rem;
box-shadow: none;
}/**/
/* Flex-Column */
.flex-column {
display: flex;
flex-direction: column;
}/**/
/* Float Right */
.float-right {
float: right;
}/**/
/* Float Left */
.float-left {
float: left;
}/**/
/* Center */
.center {
width: 99%;
margin-right: auto;
margin-left: auto;
}/**/
/* Button-Toggle */
#button-toggle {
border-right: none;
padding: 0 8px 0 8px;
text-shadow: none;
}
#button-toggle:hover {
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%);
}
#button-toggle:active {
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;
}/**/
/* Grey */
.grey,
.grey a,
a .grey {
color: #AFAFAF;
font-style: italic;
text-shadow: none;
}/**/
/* Bold */
.bold {
font-weight: bold;
}/**/
/* White Underline Link */
.underline--whitespecial {
border-bottom: 1px solid #FFFFFF !important;
border-width: 10px;
text-decoration: none !important;
color: #FFFFFF;
font-family: "Ubuntu";
font-weight: bold;
font-size: 0.75rem;
text-shadow: none;
}
.underline--whitespecial:hover {
border-bottom: 2px solid #FFFFFF !important;
border-width: 10px;
text-decoration: none !important;
color: #FFFFFF;
font-family: "Ubuntu";
font-weight: bold;
font-size: 0.75rem;
text-decoration: none !important;
text-shadow: none;
}
.underline--white {
border-bottom: 1px solid #FFFFFF !important;
border-width: 10px;
color: #FFFFFF;
text-decoration: none !important;
text-shadow: none;
}
.underline--white:hover {
border-bottom: 2px solid #FFFFFF !important;
border-width: 10px;
text-decoration: none !important;
text-shadow: none;
}
.underline--whiteline a:hover {
text-decoration: none !important;
text-shadow: none;
}/**/
/* Black Underline Link */
.underline--blackspecial {
border-bottom: 1px solid #000 !important;
border-width: 10px;
text-decoration: none !important;
color: #000;
font-family: "Ubuntu";
font-weight: bold;
font-size: 0.75rem;
text-shadow: none;
}
.underline--blackspecial:hover {
border-bottom: 2px solid #000 !important;
border-width: 10px;
text-decoration: none !important;
color: #000;
font-family: "Ubuntu";
font-weight: bold;
font-size: 0.75rem;
text-decoration: none !important;
text-shadow: none;
}
.underline--black {
border-bottom: 1px solid #000 !important;
border-width: 10px;
color: #000;
text-decoration: none !important;
text-shadow: none;
}
.underline--black:hover {
border-bottom: 2px solid #000 !important;
border-width: 10px;
text-decoration: none !important;
text-shadow: none;
}
.underline--blackline a:hover {
text-decoration: none !important;
text-shadow: none;
}/**/
/* Blue Underline Link */
.underline--blue a {
border-bottom: 1px solid #99DFFF;
text-decoration: none;
}/**/
/* Weekly Update Blog Footer */
.blogfooter {
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
text-align: center;
padding: 0.5em 12px;
border-radius: 5px 5px 0 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin: 10px 0 -20px;
}
.blogfooter .blogfooter-header {
display: flex;
justify-content: center;
align-items: center;
min-height: 1.7em;
background: #0088AA;
background: var(--primary);
font-size: 1.1rem;
font-family: "Ubuntu";
color: #EEEEEE;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
padding: 5px 0 5px 10px;
border: 4px solid #006688;
border: 4px solid var(--primary-accent);
border-bottom: none;
border-radius: 5px 5px 0 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin: -11px -16px 8px;
}
.blogfooter .blogfooter-header .mw-headline {
font-size: 1.1rem;
}/**/
/* Diep.io-Style Text */
.diep-text {
color: #eee !important;
font-family: "Ubuntu";
font-weight: bold;
text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important;
-webkit-text-fill-color: #eee !important;
}
.diep-grey {
font-family: "Ubuntu";
font-weight: bold;
text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000 !important;
}/**/
/***********************************************************************/
/******************** Universal Navbox Styles (C.7) ********************/
/***********************************************************************/
.DiepBox .navbox-base {
color: #00FFFF
}
.DiepBox .navbox-title {
background: #0088AA;
background: var(--primary);
color: #FFFFFF;
}
.DiepBox .navbox-title a {
color: #FFFFFF;
}
.DiepBox .navbox-group {
width: 20%;
}
.DiepBox .navbox-below {
background: #0088AA;
background: var(--primary);
font-size: 1.25rem;
font-family: "Snell Roundhand";
color: #FFFFFF;
}/**/
/***********************************************************************/
/************************ Template Styles (C.8) ************************/
/***********************************************************************/
/* Talk Templates */
.talk-template {
font-family: "Ubuntu";
font-weight: bold;
font-size: 1.0625rem;
text-align: center;
text-shadow: none;
}
.talk-template-mediawiki,
.talk-template-log,
.talk-template-project {
font-size: 1.25rem;
}
.talk-template-project2 {
font-size: 1.5rem;
}/**/
/* Log pages bar */
.l-bar {
background: #CCCCE8;
font-weight: bold;
color: #000000;
text-align: center;
}
.l-bar a {
color: inherit;
font-style: italic;
text-shadow: none;
}/**/
/* NavButton */
.diepButton {
position: relative;
overflow: hidden;
text-align: center;
border: 5px solid #5E5E5E;
border-radius: 10px;
margin: 10px;
}
.diepButton.inner:active {
background: transparent !important;/* necessary */
}
.diepButton.inner {
width: 100%;
height: 100%;
margin-top: -5px;
margin-left: -5px;
}
.diepButton.outer {
width: 135px;
height: 135px;
}
.diepButton.clickable-div a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.diepButton.clickable-div a > img {
width: 100%;
height: 100%;
transition: 0s !important;/* necessary */
}
.diepButton.clickable-div a > img:hover {
background: rgba(255, 255, 255, 0.15);
}
.diepButton.clickable-div a > img:active {
background: none;
}/**/
/* Achievement Template */
.achievement {
border: 0.3em solid #444444;
border-top-left-radius: 10em;
border-top-right-radius: 0;
border-bottom-left-radius: 10em;
border-bottom-right-radius: 0;
padding-top: 0.15em;
padding-bottom: 0.3em;
padding-left: 1.1em;
padding-right: 0;
line-height: 1;
font-size: 80%;
text-align: left;
border-spacing: 0;
align-self: flex-end;
}
.achievement-title {
border: none !important;
}
.achievement-description {
padding-right: 0;
border: none !important;
}
.achievement-percent {
padding-right: 0.3em;
border: none !important;
}/**/
/* Game Blogs */
.games,
.games a {
font-family: "Ubuntu";
font-weight: bold;
font-size: 2rem;
text-shadow: none;
text-align: center;
animation-duration: 6s;
animation-name: rainbow2;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}/**/
/* Bug Templates */
.bug-pc,
.bug-pc a {
color: #FFFF00;
font-style: normal;
text-shadow: none;
text-decoration: none;
}
.bug-mobile,
.bug-mobile a {
color: #00FFFF;
font-style: normal;
text-shadow: none;
text-decoration: none;
}/**/
/* Notice/Tophat Templates */
.tophat {
box-sizing: border-box;
width: 100%;
margin: 0 auto 10px;
padding: 0.1em 0.5em 0.2em;
background: #0088AA;
background: var(--primary);
color: #eee;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
border: 4px solid #006688;
border: 4px solid var(--primary-accent);
}
.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: box-shadow 0.35s;
}
.tophat:not(.tophat-cream):hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.tophat-community .mw-collapsible-toggle {
font-size: 0.9em;
margin-top: -3.6em;
}/**/
/* BaseStats */
.baseStats {
display: flex;
justify-content: space-evenly;
align-items: center;
width: 90%;
background: rgba(0, 0, 0, 0.15);
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 10px;
box-sizing: border-box;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}/**/
/***********************************************************************/
/*********************** Reference Popups (C.9) ************************/
/***********************************************************************/
/* DIIep-ized reference popups */
body .refpopups-box {
background: #3B4243;
background: var(--secondary);
border: 4px solid #333B3D;
border: 4px solid var(--secondary-accent);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
body .refpopups-chevron-in {
border-top-color: #3B4243;
border-top-color: var(--secondary);
bottom: -4px;
}
body .refpopups-chevron-out {
border-top-color: #333B3D;
border-top-color: var(--secondary-accent);
}/**/
/***********************************************************************/
/************************ Welcome Message (D.1) ************************/
/***********************************************************************/
.welcome-intro {
color: #FFFFFF;
background-color: #006F8F;
text-align: center;
padding: 10px 20px 10px 20px;
}
#welcome-intro-top {
font-size: 110%;
font-weight: 500;
border-radius: 1em 1em 0em 0em;
}
#welcome-intro-bottom {
background-color: #006688;
background-color: var(--primary-accent);
font-size: 105%;
font-weight: bold;
border-radius: 0em 0em 1em 1em;
}
.welcome-table {
width: 100%;
}
.welcome-table a {
text-shadow: #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px;
}
.welcome-title {
cursor: pointer;
color: #FFFFFF;
font-family: "Ubuntu" !important;
font-size: 1.25rem;
font-weight: bold;
display: block !important;
}/**/
/* Shared styles for welcome message & main page links */
.mp-welcome-button a,
.welcome-toggle {
background: linear-gradient(180deg, #00B2E1 0%, #00B2E1 50%, #0085A8 51%, #0085A8 100%);
color: #FFFFFF;
font-family: "Ubuntu";
font-weight: bold;
border-style: solid;
border-color: #525252;
border-width: 2.5px;
border-radius: 5px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 33%;
text-align: center;
text-shadow: #000 0 0 1px,#000 0 0 1px,#000 0 0 1px,#000 0 0 1px,#000 0 0 1px,#000 0 0 1px;
}
.welcome-outro a {
color: #FFFFFF;
text-decoration: underline;
}
.mp-welcome-button a {
display: block;
width: calc(100% - 24px);
text-decoration: none;
}
.mp-welcome-button a:hover {
background: linear-gradient(180deg, #00C5F9 0%, #02B8E8 50%, #018DB2 51%, #0191B7 100%);
}
.mp-welcome-button a:active {
background: linear-gradient(180deg, #0085A8 0%, #0085A8 50%, #00B2E1 51%, #00B2E1 100%);
}
.mp-welcome-button + .mp-welcome-button {
margin-top: 0.25rem;
}/**/
/***********************************************************************/
/*********************** Special:Community (D.2) ***********************/
/***********************************************************************/
/* Community-To-Do-List Button Placement */
.community-page-todo-list-module-content #projects {
margin-left: 70px;
}/**/
/* Module Styles */
.WikiaRail .community-page-rail-module {
padding-top: 37.5px;
margin-bottom: -10px;
}
.WikiaRail .community-page-rail-module .avatars {
padding-top: 35px;
}
.skin-oasis.page-Special_Community section.community-page-card-module {
width: 240px !important;
}/**/
/* Remove CreatePage module */
.skin-oasis.page-Special_Community section.community-page-card-module[data-tracking="community-page-insights-createpage"] {
display: none !important;
}/**/
/* InteractiveCommunity-To-Do-List */
.CommunityPageContainer .custom-wds-2DoListTalk#custom-wds-2DoListTalk {
display: inline-block;
float: right;
background: transparent;
font-weight: 600;
font-size: 0.625rem;
line-height: 1.3em;
color: #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;
}
.CommunityPageContainer .custom-wds-2DoListTalk#custom-wds-2DoListTalk:hover {
color: rgba(68, 196, 255, 0.75);
border-color: rgba(68, 196, 255, 0.75);
}/**/
/***********************************************************************/
/****************** History Articles Navigation (D.3) ******************/
/***********************************************************************/
.era {
font-size: 1.0625rem;
font-weight: bold;
padding-left: 1px;
text-shadow: none;
}
.history a:hover {
border-bottom: 1px solid #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);
background: linear-gradient(to top, var(--primary), #00FF00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}/**/
/***********************************************************************/
/********************** Miscellaneous Pages (D.4) **********************/
/***********************************************************************/
/* Builds Page */
#column-buildname {
width: 14%;
}
#column-build {
width: 24%;
}
#column-description {
width: 22%;
}
#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 */
.page-Project_Staff h3 abbr a {
display: inline-block;
}
.page-Project_Staff h3 abbr a img {
display: block;
margin-bottom: -2px;
}
/* Rewards Page Tables */
.re-tab .re-lab-name {
width: 19%;
}
.re-tab .re-lab-desc {
width: 20%;
}
.re-tab .re-lab-imag {
width: 17%;
}
.re-tab .re-lab-reci {
width: 44%;
}
.re-tab td.re-val-name,
.re-tab td.re-val-desc,
.re-tab td.re-val-reci {
padding: 0.2em 0.5em;
}
.re-tab .re-val-reci-none,
.re-tab .re-val-name {
font-weight: bold;
font-size: larger;
}
.re-tab .re-val-reci-none {
font-style: italic;
}
.re-tab .re-val-imag img {
width: 110px;
height: 110px;
border-radius: .4em;
}
.re-tab .re-val-name,
.re-tab .re-val-imag,
.re-tab .re-val-reci,
.re-tab .re-val-reci-none {
text-align: center;
}/**/
/***********************************************************************/
/******************** Personal Greeting Pages (D.5) ********************/
/***********************************************************************/
/* Ursuul */
#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;
}
#urs-greeting-wall-top {
color: #EFEFEF;
text-align: center;
font-size: 1.33rem;
font-weight: bold;
font-family: "PT Serif", "Times New Roman", "Lucida Bright", serif;
}
#urs-greeting-wall-bottom {
color: #EFEFEF;
text-align: center;
font-size: 0.9rem;
font-weight: bold;
font-family: "PT Serif", "Times New Roman", "Lucida Bright", serif;
}
#urs-greeting-wall-bottom a,
#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 (D.6) ***********************/
/***********************************************************************/
/* Keep User-links default color */
.WikiaPage .mp-d .embeddable-discussions-header-container .avatar-details .avatar-username:hover,
.WikiaPage .mp-d .embeddable-discussions-header-container .avatar-details .avatar-username,
.WikiaPage .mp-module:not(.mp-blog2) a {
font-weight: normal;
color: #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) {
.main-page-tag-rcs .module {
box-sizing: initial;
display: inline-block;
margin: 0;
vertical-align: initial;
width: 90%;
}
.main-page-tag-rcs {
padding: 5px 0 0 0;
width: 100%;
}
.mp-d p:last-child {
display: initial;
}
.mp-module-padding.mp-module-month {
padding: 10px 16.3px 2px;
}
}/**/
/* Default Modules */
.mp-module {
overflow: hidden;
}
.mp-module-width {
width: 100%;
box-sizing: border-box;
}
.mp-module-background {
background: #393939;
background: rgba(255, 255, 255, 0.03);
}
.mp-module-border {
border: 1px solid rgba(255, 255, 255, 0.15);
}
.mp-module-float {
float: left;
}
.mp-module-padding {
padding: 20px 15px 15px;
}
.mp-module-margin:not(.mp-blog2):not(.mp-module-month) {
margin-bottom: 6px;
}
.mp-module-icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
}/**/
/* MP-Apps */
.mp-module.mp-module-apps .floatnone img {
border-radius: 8px;
}
.mp-module.mp-module-apps .diepButton.outer:first-child:not(:only-child) {
margin-right: 5px;
}
.mp-module.mp-module-apps .diepButton.outer + .diepButton.outer {
margin-left: 5px;
}/**/
/* EotM Module */
.mp-module-background.mp-module-month {
background: radial-gradient(#00343F, #2F2D36);
}
.mp-module-padding.mp-module-month {
padding: 10px 15.5px 2px;
}
.mp-module-month .mp-module-month-border {
border: 5px outset #009EBE;
}
.mp-module-month .mp-module-month-editor {
border-radius: 5px;
padding: 2px 10px 3px 10px;
font-size: 1.25rem;
text-shadow: none;
cursor: pointer;
}
.mp-module-month .mp-module-month-editor:last-child:not(:only-child) {
padding: 2px 1px 3px 1px;
}
.mp-module-month .mp-module-avatar {
display: inline-block;
overflow: hidden;
border-radius: 100%;
margin-bottom: 10px;
cursor: pointer;
}
.mp-module-month .mp-module-avatar img {
border-radius: 100%;
cursor: pointer;
}
.mp-module-month .mp-module-title {
cursor: pointer;
}/**/
/* The D */
.mp-d .embeddable-discussions-module .embeddable-discussions-threads {
display: flex;
flex-direction: column;
}
.mp-d .embeddable-discussions-module .embeddable-discussions-threads > p {
align-self: center;
font-family: "Ubuntu";
}
.mp-d .embeddable-discussions-module {
background: #393939;
border-color: rgba(255, 255, 255, 0.15);
padding: 15px 16px 0;
margin: 0;
}
.mp-d .embeddable-discussions-show-all {
display: none;
}
.mp-d .embeddable-discussions-heading-container {
justify-content: center;
border-bottom: 2px solid #D3D3D3;
}
.mp-d .embeddable-discussions-heading p:first-child {
color: #eee;
font-family: "Ubuntu";
font-size: 1.6rem;
font-weight: bold;
text-shadow: -0.05em 0.05em 0 #888;
}
.mp-d .embeddable-discussions-module .embeddable-discussions-heading {
padding-bottom: 10px;
}
.mp-d .embeddable-discussions-module .embeddable-discussions-post-detail {
background: #262626;
color: #EEEEEE;
padding-top: 10px;
border-color: rgba(255, 255, 255, 0.15);
margin-bottom: 14px;
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.mp-d .embeddable-discussions-module .embeddable-discussions-post-detail:first-of-type {
margin-top: 14px;
}
.mp-d .embeddable-discussions-module .embeddable-discussions-threads {
padding-top: 0;
}
.mp-d .embeddable-discussions-upvote-area:hover path,
.mp-d .embeddable-discussions-post-counter:first-child path,
.mp-d .embeddable-discussions-post-counter:first-child,
.mp-d .embeddable-discussions-upvote-area:hover a[href*="/votes/"] {
fill: #E3BD00;
color: #E3BD00;
text-decoration: none;
}
.mp-d .embeddable-discussions-replies-area:hover path,
.mp-d .embeddable-discussions-post-counter:nth-child(2) path,
.mp-d .embeddable-discussions-post-counter:nth-child(2),
.mp-d .embeddable-discussions-replies-area:hover a[href*="/d/p/"] {
fill: #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:Type:_Sparky/Technical_Conceptions_for_the_Wiki_Update"],
.mp-blog2 .author-details h2 a[href="/wiki/User_blog:GellyPop/Smashus_Automaticus_(A_Perceived_Description_to_Auto_Smasher)"],
.mp-blog2 .author-details h2 a[href="/wiki/User_blog:Type:_Sparky/Artillus_Automaticus_(Description_to_the_Auto-Gunner)"] {
display: block;
font-size: x-small;
margin-top: 0.1em;
}
.mp-blog2 .author-details span > a,
.mp-blog2 .author-details span {
font-size: 0.75rem;
}
.mp-blog2 .WikiaBlogListingBox .post-summary {
visibility: hidden;
padding: 0;
}
.mp-blog2 .WikiaBlogListingPost > .avatar,
.mp-blog2 .WikiaBlogListingBox > h2,
.mp-blog2 .WikiaBlogListingBox > a {
display: none;
}/**/
/* Headers */
.mp-module-title {
color: #EEEEEE;
font-family: "Ubuntu";
font-size: 1.7rem;
font-weight: bold;
text-shadow: -0.05em 0.05em 0 #8F8F8F;
background: none;
-webkit-text-fill-color: initial;
}
#WikiaArticle .mp-module p:first-child > a {
border-bottom: 2px solid transparent;
text-decoration: none;
transition: all 0.3s;
}
#WikiaArticle .mp-module p:first-child > a:hover {
border-color: currentColor;
}/**/
/* Footer */
.mp-footers {
display: flex;
flex-wrap: wrap;
}
.mp-footers > div {
flex-basis: 100%;
margin: 10px 6px 10px 0 !important;/* override inline styling */
}
.mp-footers > p {
display: none;
}/**/
/***********************************************************************/
/********************* Special:Contributions (D.7) *********************/
/***********************************************************************/
/* Diep-colored ContribsButtons */
body.mw-special-Contributions #WikiaMainContentContainer #VSTFReportButtons .VSTFReportButton,
body.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a,
body.mw-special-Contributions #WikiaMainContentContainer #contentSub #contentSubSub a {
min-height: 30px;
background: #0088AA;
background: var(--primary);
font-size: 0.8rem;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;/* override imported style */
text-transform: uppercase;
padding: 4px;
border: 3px solid #006688;
border: 3px solid var(--primary-accent);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin: 2px;
transition: 0.65s;
}
body.mw-special-Contributions #WikiaMainContentContainer #VSTFReportButtons .VSTFReportButton:active,
body.mw-special-Contributions #WikiaMainContentContainer #VSTFReportButtons .VSTFReportButton:focus,
body.mw-special-Contributions #WikiaMainContentContainer #VSTFReportButtons .VSTFReportButton:hover,
body.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a:active,
body.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a:focus,
body.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a:hover,
body.mw-special-Contributions #WikiaMainContentContainer #contentSub #contentSubSub a:active,
body.mw-special-Contributions #WikiaMainContentContainer #contentSub #contentSubSub a:focus,
body.mw-special-Contributions #WikiaMainContentContainer #contentSub #contentSubSub a:hover {
background: #00B7E0;
border-color: #008BB0;
}/**/
/* Search Box */
body.mw-special-Contributions #mw-content-text fieldset {
width: calc(100% - 8px);
background: rgba(238, 238, 255, 0.035);
background: var(--tertiary);
border: 4px solid rgba(0, 0, 0, 0.085);
border: 4px solid var(--tertiary-accent);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
box-sizing: border-box;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin-top: 4px;
margin-left: 4px;
}
body.mw-special-Contributions #mw-content-text fieldset legend {
padding: 7px 2px;
}/**/
/***********************************************************************/
/*************************** Bug Fixes (E.1) ***************************/
/***********************************************************************/
/* Chat Button Overflow in Safari */
.chat-join button[onclick="ChatWidget.onClickChatButton('/wiki/Special:Chat')"] .icon {
margin-left: -5px;
margin-right: -2px;
}/**/
/* Greetings in Boards Bug Fix */
.ns-2000 .greeting {
display: none;
}/**/
/* Talk Button Color Fix */
.wikinav2 .WikiaPageHeader > .comments {
color: inherit !important;
font-weight: normal;
}/**/
/***********************************************************************/
/************************* Miscellaneous (E.2) *************************/
/***********************************************************************/
/* Categories and InterLang Footer */
.CategorySelect.articlePage .container {
padding: 0.8em 1.75em 0.3em;
height: 50px !important;
box-sizing: border-box;
}
.CategorySelect.articlePage .categories,
nav.article-categories#articleCategories .secondary {
height: 20px !important;
}
nav.WikiaArticleInterlang {
height:auto!important;
}/**/
/* Find and Replace Edits */
#findfielddiv {
padding-left: 15px !important;
padding-top: 15px !important;
padding-right: 20px !important;
width: auto;
margin: auto;
}
.EditPageRail .rail-auto-height,
.module.far-module {
margin: auto;
width: auto;
overflow-y: hidden !important;
}
#findfielddiv #far-found {
height: 0px !important;
}/**/
/* Remove CreateBlogButton */
.WikiaBlogListingBox .wikia-button {
display: none;
}/**/
/* Greeting Table */
#greetingbutton {
border-width: 7.5px;
border-color: #808080;
background-color: #009EBE;
border-radius: 1em;
}/**/
/* Greeting Table */
#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 */
#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;
}
#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;
}
#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;
}
#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;
}
#greetingbuttontop:active,
#greetingbuttontoptext:active {
position: relative;
animation-name: greetingbutton;
animation-duration: .4s;
background-color: #F14E54;
border-color: #FFFFFF;
z-index: 0 !important;
}
#greetingbuttontoptext {
cursor:pointer;
font-family: "Ubuntu" !important;
font-size: 1.25rem;
font-weight: bold;
display: block !important;
}
#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 */
.i18ndoc {
background-color: #FFF77D;
border-bottom: 1px solid #D3D3D3;
font-family: monospace;
font-size: 0.67rem;
height: 140px;
overflow: auto;
padding: 3px;
}/**/
/* Round Div Class — Dunno Where to Put This */
img.round {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}/**/
/***********************************************************************/
/*************************** Keyframes (E.3) ***************************/
/***********************************************************************/
/* Error! */
#mw-customcollapsible-ErrorTournamentDropdown {
width: 100%;
text-align: center;
}
#mw-customcollapsible-ErrorTournamentDropdown ul {
list-style: none;
margin: 0;
}
#mw-customcollapsible-ErrorTournamentDropdown li:not(:last-child) {
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;
}
.error2 {
padding: 5px 0 0 0;
width: 100%;
height: 30px;
font-size: 0;
text-align: center;
}
.error2:before {
content: "ERROR!!!";
animation-name: error;
animation-duration: 1s;
animation-iteration-count: infinite;
font-weight: bold;
font-family: "Share Tech Mono", monospace;
}
@keyframes error {
0% {
color: #000000;
font-size: 1.9rem;
}
50% {
color: #FF0000;
font-size: 2.2rem;
}
100% {
color: #000000;
font-size: 1.9rem;
}
}/**/
/* Miscellaneous */
@keyframes move {
from {
background-position: 0%;
}
to {
background-position: 100%;
}
}
@keyframes Zoom {
0% {
transform: translate(0);
}
50% {
transform: scale(1.1, 1.1);
}
to {
transform: scale(1.1, 1.1);
}
}
@-webkit-keyframes zoomsha {
0% {
transform: translate(0);
}
50% {
transform: scale(1.1, 1.1);
}
to {
transform: scale(1.1, 1.1);
box-shadow: 0 0 30px #000000;
}
}
@keyframes zoomsha {
0% {
transform: translate(0);
}
50% {
transform: scale(1.1, 1.1);
}
to {
transform: scale(1.1, 1.1);
box-shadow: 0 0 30px #000000;
}
}
@keyframes greetingbutton {
0% {
background-color: #00B2E1;
border-color: #0085A8;
}
50% {
background-color: #FFFFFF;
border-color: #FFFFFF;
}
to {
background-color: #F14E54;
border-color: rgba(0, 0, 0, 0);
z-index: 0;
}
}/**/
/* Blinking Text */
@keyframes blinker {
from {
opacity: 1.0;
}
to {
opacity: 0;
}
}/**/
/* Rainbow */
@keyframes rainbow {
0% {
background-color: #FF00BB;
}
14.2857142857% {
background-color: #FF0000;
}
28.5714285714% {
background-color: #FFFF00;
}
42.8571428571% {
background-color: #00FF00;
}
57.1428571429% {
background-color: #00FFFF;
}
71.4285714286% {
background-color: #0000FF;
}
85.7142857143% {
background-color: #BB00FF;
}
100% {
background-color: #FF00BB;
}
}/**/
/* Rainbow 2*/
@keyframes rainbow2 {
0% {
color: #FF00BB;
}
14.2857142857% {
color: #FF0000;
}
28.5714285714% {
color: #FFFF00;
}
42.8571428571% {
color: #00FF00;
}
57.1428571429% {
color: #00FFFF;
}
71.4285714286% {
color: #0000FF;
}
85.7142857143% {
color: #BB00FF;
}
100% {
color: #FF00BB;
}
}/**/
/* Loader Border */
@keyframes loader-border {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes loader-border {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes loader-border {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes loader-border {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}/**/
/* Loader Box */
@keyframes loader-box {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@-o-keyframes loader-box {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@-webkit-keyframes loader-box {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@-moz-keyframes loader-box {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}/**/