MediaWiki:Wikia.css

From Totally Accurate Battle Simulator Wiki
Jump to navigation Jump to search

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.
/**********************************************/
/************** Table of Contents *************/
/**********************************************/
/* <nowiki> */
/* SECTION A — ENTtIRE
 * A.1 — Importst
 */
/* SECTION B — SITE ELEMENTS
 * B.1 — Colors
 * B.2 — Article Content
 * B.3 — Threads & Comments
 * B.4 — Rail & Search
 * B.5 — WikiaNotifs
 * B.6 — Category Bar
 * B.7 — Tags & Masthead
 * B.8 — Usernames
 * B.9 — Miscellaneous
 */
/* SECTION C — INVOKABLE STYLING
 * C.1 — Infoboxes
 * C.2 — Tags
 * C.3 — Tables
 * C.4 — Cards
 * C.5 — Polls
 * C.6 — Tabbers
 * C.7 — Navboxes
 */
/* SECTION D — SPECIFIC PAGES
 * D.1 — Nav Grid & MP
 * D.2 — WA & BlogLists
 * D.3 — RC & S:Contribs
 * D.4 — Category Pages
 * D.5 — Userpages & Contribs
 * D.6 — S:Community
 */
/* SECTION E — NEEDED AT BOTTOM FOR CASCADE
 * E.1 — Bug Fixes
 */
 

 
/**********************************************/
/****************** Imports *******************/
/**********************************************/
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i|IBM+Plex+Sans+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i|IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext');
@import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:AL.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:FandomizedMasthead.css|u:thegoldenpatrik1:MediaWiki:Global.css|u:dev:MediaWiki:Nord.css|u:thegoldenpatrik1:MediaWiki:Spacing.css|u:dev:MediaWiki:UpgradedToolbar.css');
/**********************************************/
/****************** Colors *******************/
/**********************************************/

/* Head Bureaucrat */
a[href|="/wiki/User:PvZGwchampion"] {
    color: #0800ff !important; 
    font-weight: bold !important; 
}

/* Founder */
a[href|="/wiki/User:Lieutenant Jozev, 1st Air Hussars Squadron, Hettic Royal Flying Service"] {
    color: #0033ff !important; 
    font-weight: bold !important; 
}

/* Technician */
a[href|="/wiki/User:Jimmy2004Backup"] {
    color: #e36b3b !important; 
    font-weight: bold !important; 
}

/* Wiki Owner */
a[href|="/wiki/User:Mister Kad"] {
    color: #2b00ff !important; 
    font-weight: bold !important; 
}



 
 /* Blog */
a[href|="/wiki/User:ShadowLeviathanKing"] {
    color: #e36b3b !important; 
    font-weight: bold !important; 
}

a[href|="/wiki/User:ShadowLeviathanKing"] {
   color: #e36b3b  !important; 
    font-weight: bold !important; 
}

a[href|="/wiki/Message_Wall:ShadowLeviathanKing"] { 
    color: #e36b3b  !important; 
    font-weight: bold !important; 
}



/** Message Walls **/
/* Head Bureaucrat */
a[href|="/wiki/Message_Wall:PvZGwchampion"] { 
    color: #CC0033 !important; 
    font-weight: bold !important; 
}

/* Wiki Owner */
a[href|="/wiki/Message_Wall:Mister Kad"] { 
    color: #0033ff !important; 
    font-weight: bold !important; 
}

/* Technician */
a[href|="/wiki/Message_Wall:Jimmy2004Backup"] { 
    color:#e36b3b !important; 
    font-weight: bold !important; 
}


/** Colored User Tags **/
 
/* Head Bureaucrat */
.tag-head_bureaucrat {
background-color: #CC0033 !important;
color: white !important;
}

/* Technician */
.tag-head_technician {
background-color: #e36b3b !important;
color: white !important;
}

/* Wki Owner */
.tag-head_Wwkiowner {
background-color: #0033ff !important;
color: white !important;
}


/* Head Bureaucrat */
.comments li[data-user="PvZGwchampion"] blockquote {
	background: #CC0033 !important;
	color: #ffffff !important;
}

/* Technician */
.comments li[data-user="Jimmy2004Backup"] blockquote {
	background: #e36b3b !important;
	color: #ffffff !important;
}

/* Wiki Owner */
.comments li[data-user="Mister Kad"] blockquote {
	background: #0033ff !important;
	color: #ffffff !important;
}
/**/

/**********************************************/
/************** Article Content ***************/
/**********************************************/
/* Default font */
.WikiaPage {
    font-family: 'IBM Plex Sans', Rubik, sans-serif;
}/**/

/* Heading fonts */
.WikiaPage h2,
.WikiaPage h3,
.WikiaPage h4,
.WikiaPage h5,
.WikiaPage h6 {
    font-family: 'IBM Plex Sans Condensed', Rubik, sans-serif;
}/**/

 /* Category design */
.WikiaArticleCategories, .article-categories, .CategorySelect.articlePage {
    background: #284889;
    background-image: url(https://static.wikia.nocookie.net/video-game-adventures/images/c/cc/Broken_bridge.jpg/revision/latest?cb=20210130024847);
    background-size:cover;
    background-color: #284889 hsla(0,0%,100%,0.70);
    border: 3px solid #4193E6;
	line-height: normal;
}

.WikiaArticleCategories, .CategorySelect.articlePage a, .catlinks ul, .mw-normal-catlinks a , .article-categories, .CategorySelect.articlePage {
	color:#4747fc;
	opacity:1;
	border-radius:10px;
}

/* Heading restyling */
body:not(.mw-special-Search) .WikiaArticle h2:not(.blogfooter-header):not(.mp-module-title):not(.nav-card-title) .mw-headline,
#RelatedForumDiscussion h2,
#mw-pages h2,
#mw-images h2 {
    padding-bottom: 1px;
    font-weight: 500;
    font-size: calc(0.4em + 0.9rem);
}

.WikiaArticle h3 .mw-headline {
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-weight: 900;
    font-size: calc(0.2em + 0.75rem);
}

.WikiaArticle h4 .mw-headline {
    font-weight: bold;
    font-size: calc(0.15em + 0.75rem);
}

.WikiaArticle span.editsection {
    margin-left: 4px;
}

.WikiaArticle span.editsection > a {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.7rem;
}

.WikiaArticle span.editsection > a:hover {
    color: #7DF;
    text-decoration: none;
    text-shadow: none;
}

.WikiaArticle span.editsection .sprite.edit-pencil {
    display: none;
}/**/

/* Table of contents */
.WikiaArticle nav.toc {
    border: none;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
}

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

/**********************************************/
/************* Threads & Comments *************/
/**********************************************/
/* Comment warning */
#WikiaArticleFooter {
    padding: 0;
}

#WikiaArticleComments,
#article-comments {
    padding: 0;
    border: 0;
}

#article-comments-counter-header {
    margin-right: 0;
    margin-left: 0;
    padding: 5px 10px;
    background: #C4D7EB;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
    font-size: inherit;
    transition: all 0.25s;
}

#WikiaArticleComments .controls {
    margin: 7px 10px 0 0;
}

.refpopups-configure-page {
    float: initial;
    clear: both;
    margin-bottom: 0.5rem;
}/**/

/* Wall thread sorting bar */
.Wall .SortingBar {
    border-top-color: rgba(170, 191, 215, 0.4);
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
    transition: all 0.25s;
}

.Wall .SortingBar .SortingMenu .SortingSelected,
.WallHistory .SortingBar .SortingMenu .SortingSelected {
    margin: 0;
    color: #555;
    font-weight: 600;
    transition: all 0.25s;
}

.Wall .SortingBar .SortingMenu .SortingSelected:hover,
.WallHistory .SortingBar .SortingMenu .SortingSelected:hover {
    border: none;
    background: none;
    color: #333;
}/**/

/* The actual comments */
.article-comments li.comment .speech-bubble-message,
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message {
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.15);
    transition: all 0.25s;
}

.article-comments li.comment .speech-bubble-message {
    background: #C4D7EB;
}

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

/* Highlighted comments (from direct link) */
.article-comments li.comment .speech-bubble-message.current {
    background: #B7D3F0;
    box-shadow: 0 3px 1px -1px rgba(81, 119, 158, 0.35);
}

.article-comments li.comment .speech-bubble-message.current:after {
    border-color: transparent rgba(140, 140, 58, 0.14) rgba(140, 140, 58, 0.14) transparent;
}/**/
/**/

/* Hover styles */
.article-comments li.comment .speech-bubble-message:hover {
    background: #B7CBE1;
    box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.article-comments li.comment .speech-bubble-message.current:hover {
    background: #A8C6E4;
    box-shadow: 0 3px 1px -1px rgba(56, 83, 112, 0.4);
}/**/

/* New messages */
.Wall#Wall > .new-message > .speech-bubble-message,
.Wall#Wall ul.comments > li.message > .speech-bubble-message {
    margin-bottom: 10px;
    border-radius: 0;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
    transition: all 0.25s;
}/**/

/* Message editor buttons */
.MiniEditorWrapper .toolbar .cke_button > a {
    border: none;
    background: none;
}

.MiniEditorWrapper .toolbar .cke_button > a:hover {
    background: rgba(0, 0, 0, 0.05);
}/**/

/* 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 .SpeechBubble.new-message .speech-bubble-message:after,
.Wall ul.comments > li.message > .speech-bubble-message:after {
    border-color: #C4D7EB #C4D7EB transparent transparent;
}

.article-comments li.comment .speech-bubble-message:before {
    display: none;
}

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

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

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

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

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

/* Buttons */
.article-comments li.comment .speech-bubble-message:hover .secondary,
.Wall#Wall > .new-message > .speech-bubble-message .secondary,
.Wall#Wall ul.comments > li.message > .speech-bubble-message:hover .secondary,
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover .secondary {
    border: 1px solid transparent;
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.25s;
}

.Wall#Wall ul.comments > li.message > .speech-bubble-message:hover .secondary:hover,
.Wall#Wall > .new-message > .speech-bubble-message .secondary:hover,
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover .secondary:hover {
    border: 1px solid transparent;
    background: rgba(0, 0, 0, 0.15);
    transition: all 0.25s;
}

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

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

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

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

.Wall ul.comments > li.message ul.WikiaMenuElement > li > a,
.Wall .SortingBar .SortingMenu .SortingList li a,
.WallHistory .SortingBar .SortingMenu .SortingList li a {
    padding: 5px 9px;
    width: auto;
    font-size: 0.75rem;
    line-height: 1.5625rem;
    transition: all 0.25s !important;
}

.Wall ul.comments > li.message ul.WikiaMenuElement > li > a:hover,
.Wall .SortingBar .SortingMenu .SortingList li a:hover,
.WallHistory .SortingBar .SortingMenu .SortingList li a:hover {
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
}/**/

/* Text field */
.Wall ul.comments > li.message ul.replies > .SpeechBubble.new-reply .editarea {
    border: none;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}/**/

/* Deleted or removed post message */
.deleteorremove-infobox .deleteorremove-bubble {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
}

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

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

/* Misc. */
.Wall .comments .quote,
.WallPreview .quote {
    padding-left: 14px;
    border: none;
    border-left: 3px solid #69F;
    background: rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.Wall ul.comments > li.message > .speech-bubble-message-removed {
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
}

.article-comments li.comment .speech-bubble-message hr,
.Wall#Wall ul.comments > li.message > .speech-bubble-message hr,
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message hr {
    border-width: 0.5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.09);
}

.speech-bubble-message h2 {
    border-bottom-color: #999;
}/**/

/**********************************************/
/*************** Rail & Search ****************/
/**********************************************/
/* General */
.wikia-rail-inner {
    display: flex;
    flex-direction: column;
}

.WikiaSearch .side-articles.RailModule,
.WikiaRail .custom-cql#mwModule,
.WikiaSearch .exact-wiki-match,
.WikiaRail .rail-module,
.WikiaRail #cql-module,
#WikiaRail > .module {
    margin: 0 0 10px;
    padding: 0 15px 15px;
    border: none;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
    transition: all 0.25s;
}/**/

/* 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 .CommunityCornerModule h2,
.WikiaRail .custom-cql#mwModule > h2,
.WikiaRail .rail-module > h2,
.WikiaRail #cql-module > h2,
#WikiaRail > .module > h2 {
    display: flex;
    align-items: center;
    margin: 0 -15px 10px;
    padding: 5px 0 5px 10px;
    min-height: 30px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    background: #69F;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-size: 1rem;
}

.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 .CommunityCornerModule h2 > a,
.WikiaRail .custom-cql#mwModule > h2 > a,
.WikiaRail .rail-module > h2 > a,
.WikiaRail #cql-module > h2 > a,
#WikiaRail > .module > h2 > a {
    color: #FFF;
}

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

/* Module icons, most universal first & JS extensions last */
.WikiaRail .rail-module h2.has-icon svg {
    fill: rgba(255, 255, 255, 0.75);
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Hover styles */
.WikiaRail .rail-module:hover,
.WikiaRail #cql-module:hover,
#WikiaRail > .module:hover {
    box-shadow: 0 3px 2px #AABFD7;
}/**/

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

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

/* SeeMoreActivityButton */
.skin-oasis #wikia-recent-activity .wds-button#seemoreactivity-button {
    border-left: none;
    color: #FFF;
    transition: transform 0.5s;
}

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

/* Additional styling */
.WikiaRail .insights-module.module .insights-module-item {
    border-color: #AAB8C6;
}

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

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

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

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

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

.WikiaRail .WikiaBlogListingBox ul .WikiaBlogListingPost:first-child {
    padding-top: 0;
}

.WikiaRail #railwam-log-alert {
    margin: 0 -15px 0 -15px;
    padding: 7px 10px;
    border-radius: 0;
}

#railwam-log-alert-button-container > #railwam-log-alert-log {
    background: none !important;
}

#railwam-log-alert-button-container > #railwam-log-alert-log:hover {
    border-color: #44C4F8 !important;
    color: #44C4F8 !important;
}

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

@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;
}
}
/* Unjank rail widths on small screens */
@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;
}

}/**/

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

/* Hot Topics module */
.HotSpotsModule li .myhome-hot-spots-fire {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-weight: 600;
}

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-1 {
    background: #F04F54;
    box-shadow: 0 2px 1px #AABFD7;
}

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-2 {
    background: #F99F54;
    box-shadow: 0 2px 1px #AABFD7;
}

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-3 {
    background: #F7D755;
    box-shadow: 0 2px 1px #AABFD7;
}

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-4 {
    background: #00BF55;
    box-shadow: 0 2px 1px #AABFD7;
}

.HotSpotsModule li .myhome-hot-spots-fire .hot-spot-severity-5 {
    background: #00B0E1;
    box-shadow: 0 2px 1px #AABFD7;
}/**/

/* Special:Search */
.WikiaSearch .search-tabs {
    margin-bottom: 0.5em;
}

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

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

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

.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 {
    display: flex;
    flex: 2 0 100%;
    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 {
    border: 0;
    background: transparent;
}

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

.Search .SearchInput {
    box-sizing: border-box;
    margin-top: 4px;
    margin-left: 4px;
    width: calc(100% - 8px);
    border: none;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
}

.Search .SearchInput .WikiaSearchInputWrapper {
    border: none;
    box-shadow: 0 2px 1px #AABFD7;
}

.Search .SearchInput .wds-dropdown__toggle {
    border-right: none;
}

.Search .SearchInput button {
    height: 30px;
    box-shadow: 0 2px 1px #AABFD7;
}

.skin-oasis .wikia-button .sprite.search {
    background-position: -1055px -80px;
}

.Search .SearchInput .AdvancedSearch h3 {
    padding-bottom: 0;
    font-weight: 600;
}

.WikiaSearch .side-articles-footer > a,
.WikiaSearch .exact-wiki-match > a,
.WikiaRail .module .more {
    display: inline-block;
    float: right;
    padding: 5px 12px 4px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    background: transparent;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 0.15px;
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 1.3em;
    cursor: pointer;
    transition: all 0.25s;

    -webkit-appearance: none;
}

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

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

/* Hide Community Corner (unused) */
.WikiaRail .CommunityCornerModule {
    display: none;
}/**/

/**********************************************/
/**************** WikiaNotifs *****************/
/**********************************************/
/* Body */
.WikiaNotifications .WikiaBadgeNotification,
.WikiaNotifications > li > div {
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    background: #69F;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.WikiaNotifications .WikiaBadgeNotification p big {
    font-family: 'IBM Plex Sans Condensed';
}

.WikiaNotifications .WikiaBadgeNotification .close-notification,
.WikiaNotifications > li > div .close-notification {
    top: 5px;
    right: 5px;
    border: none;
}

.WikiaNotifications > li > div a:not(.close-notification) {
    color: #FFF;
}/**/

/* Remove styling for "See more badges" etc. text */
.WikiaNotifications .WikiaBadgeNotification .notification-details {
    background: none;
    box-shadow: none;
    color: inherit;
}

.WikiaNotifications .WikiaBadgeNotification .notification-details a {
    color: inherit;
}/**/

/**********************************************/
/**************** Category Bar ****************/
/**********************************************/
/* General category container styling */
nav.article-categories#articleCategories {
    margin-right: 0;
    margin-left: 0;
    border: none;
    box-shadow: 0 2px 1px #AABFD7;
}

nav.article-categories#articleCategories:not(.articlePage) {
    background: #C4D7EB;
}

nav.article-categories#articleCategories .container {
    background: #C4D7EB;
    transition: all 0.3s;
}

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

nav.article-categories#articleCategories div.toolbar {
    border-top: 1px solid #AABFD7;
    background: #C4D7EB;
}/**/

/* Category bar buttons */
nav.article-categories#articleCategories .add,
nav.article-categories#articleCategories .save {
    padding: 0 0.8em;
    border: none;
    background: #69F;
    transition: all 0.3s;
}

nav.article-categories#articleCategories .secondary {
    padding: 0 0.8em;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

nav.article-categories#articleCategories .add:hover,
nav.article-categories#articleCategories .save:hover {
    background: rgba(102, 153, 255, 0.75);
}

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

/* Category input & dropdown */
nav.article-categories#articleCategories #CategorySelectInput {
    margin-top: 0;
    padding: 0.25em 0.4em;
    background: #CFDFF0;
    box-shadow: 0 2px 1px #AABFD7;
}

nav.article-categories#articleCategories .ui-autocomplete {
    margin-left: -2px;
    border: 4.5px solid transparent;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 0 2px 1px #AABFD7;
}

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: #BED7F9;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
}/**/

/* Unsaved categories */
nav.article-categories#articleCategories .category.new {
    border-color: transparent;
    border-radius: 0;
    background: #CFDFF0;
    box-shadow: 0 2px 1px #AABFD7;
    color: #555;
}/**/

/**********************************************/
/***************** Usernames ******************/
/**********************************************/
a[href$=":PvZGwchampion"], a[href$="/PvZGwchampion"]  {
    color: #2b00ff !important;
    font-weight: bold !important;
    text-shadow: #00aeff 0px 0px 5px, #0095ff 0px 0px 5px !important;
}

a[href$=":Will554moom"], a[href$="/Will554moom"]  {
    color: #ff4d00 !important;
    font-weight: bold !important;
    text-shadow: #ff3103 0px 0px 5px, #0095ff 0px 0px 5px !important;
}

a[href$=":Mister-Kad"], a[href$="/Mister-Kad "]  {
    color: #17e340 !important;
    font-weight: bold !important;
    text-shadow: #248f39 0px 0px 5px, #2dd10d 0px 0px 5px !important;
}


[href$=":Will554moom"], a[href$="/Will554moom"]  {
  color: #d91818!important;
  font-weight: bold !important;
  text-shadow: #f21d1d 0px 0px 5px, #f21d1d 0px 0px 5px !important;
}

a[href$=":Lieutenant Jozev, 1st Air Hussars Squadron, Hettic Royal Flying Service"], a[href$="/Lieutenant Jozev, 1st Air Hussars Squadron, Hettic Royal Flying Service"]  {
    color: #ddff00 !important;
    font-weight: bold !important;
    text-shadow: #eefc92 0px 0px 5px, #73e84d 0px 0px 5px !important;
}

a[href$=":Huntertabbysandshark3"], a[href$="/Huntertabbysandshark3"]  {
    font-weight: bold !important;
    text-shadow: #ff8903 0px 0px 5px, #ff8903 0px 0px 5px !important;
}


a[href$=":Banarama"], a[href$="/Banarama"]  {
    font-weight: bold !important;
    text-shadow: #ff8903 0px 0px 5px, #ff8903 0px 0px 5px !important;
}

a[href$=":MajorArmBreak"], a[href$="/MajorArmBreak"]  {
    color: #e80e0e !important;
    font-weight: bold !important;
    
}

a[href$=":AxelLucodiel"], a[href$="/AxelLucodiel"]  {
    color: #000000 !important;
    font-weight: bold !important;
    text-shadow: #098f0f 0px 0px 5px, #09d912 0px 0px 5px !important;
}


a[href$=":TheRandomTukata"], a[href$="/TheRandomTukata"]  {
    color: #000000 !important;
    font-weight: bold !important;
    text-shadow: #000000 0px 0px 5px, #111212 0px 0px 5px !important;
}

a[href$=":Lightye"], a[href$="/Lightye"]  {
    color: #000000 !important;
    font-weight: bold !important;
}

    
a[href$=":Ohyeahman27"], a[href$="/Ohyeahman27"]  {
    font-weight: bold !important;
    text-shadow: #3dd11b 0px 0px 5px, #369c1f 0px 0px 5px !important;
}

a[href$=":MajorArmBreak"], a[href$="/MajorArmBreak"]  {
    color: #e80e0e !important;
    font-weight: bold !important;
    
}/**/

/**********************************************/
/*************** Miscellaneous ****************/
/**********************************************/
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
    font-style: italic;
}

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

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

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

/* Tooltips & popovers */
.popover-inner,
.tooltip-inner {
    border: none;
    box-shadow: 0 2px 3px #AABFD7;
}/**/

/* Cool toolbar shadow */
.WikiaBarWrapper {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}/**/

/* Kill avatar borders */
#mw-content-text .avatar {
    border: none;
}/**/

/**********************************************/
/***************** Infoboxes ******************/
/**********************************************/
/* General */
.portable-infobox .pi-image-collection-tabs {
    text-align: center;
}

.portable-infobox {
}

.portable-infobox.pi-background {
    background: #C4D7EB;
}/**/

/* Groups & rows */
.portable-infobox .pi-group {
    border-bottom: 0;
}

.portable-infobox .pi-border-color {
    border-color: #AABFD7;
}

.portable-infobox .pi-item-spacing {
    padding: 4px 5px;
}/**/

/* Titles & headers */
.portable-infobox .pi-title,
.portable-infobox .pi-header {
    position: relative;
    z-index: 100;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    background: #69F;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-weight: bold;
}

.portable-infobox .pi-title {
    font-size: 18px;
}

.portable-infobox .pi-header {
    font-size: 15px;
}

.portable-infobox .pi-collapse .pi-header:first-child::after {
    border-color: white;
}/**/

/* Hover effects */
.portable-infobox {
    transition: all 0.25s;
}

.portable-infobox .pi-image .image-thumbnail {
    transition: all 0.25s;
}

.portable-infobox .pi-image .image-thumbnail:hover {
    opacity: 0.8;
}

.portable-infobox .pi-collapse .pi-header {
    transition: all 0.25s;
}

.portable-infobox .pi-collapse .pi-header:hover {
    opacity: 0.8;
}/**/

/*** Tortoise ***/
/** Template Link **/
.LightLink a:link {
    color: #6699ff;
}
/** Hover Effects **/
/* Hover to Zoom */
.Zoom {
    transition: transform .1s; 
}
.Zoom:hover {
    transform: scale(1.2);
}

.ZoomSmall {
    transition: transform .1s; 
}  
.ZoomSmall:hover {
    transform: scale(1.1);
}

.ZoomSmall:hover {
    transform: scale(1.1);
}

/* Hover to Appear */
.Secret:hover {
	opacity: 1 !important;
	transition: transform .1s; 
}

/** Infobox Tabber **/
ul.pi-image-collection-tabs {
    margin: 10px 0 0;
}

ul.pi-image-collection-tabs li {
    background-color: #9fbee8;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: none;
}

ul.pi-image-collection-tabs li.current {
    background-color: #6699ff 
}

/** Coloured Infobox Tabbers **/
/* 1 Red 1 Blu */
.RedBlu ul.pi-image-collection-tabs li:nth-of-type(1) {
    background-color: #e8aaa6 !important;
    min-width: 50px;
}
.RedBlu ul.pi-image-collection-tabs li:nth-of-type(2) {
	background-color: #9fbee8 !important;
	min-width: 50px;
}
.RedBlu ul.pi-image-collection-tabs li:hover:nth-of-type(1) {
    background-color: #c35555 !important;
    transform: scale(1.1);
    transition: transform .1s;
}
.RedBlu ul.pi-image-collection-tabs li:hover:nth-of-type(2) {
	background-color: #5569c3 !important;
	transform: scale(1.1);
	transition: transform .1s;
}
.RedBlu ul.pi-image-collection-tabs li.current:nth-of-type(1) {
    background-color: #c35555 !important;
}
.RedBlu ul.pi-image-collection-tabs li.current:nth-of-type(2) {
	background-color: #5569c3 !important;
}
    
/* 2 Red 2 Blu */
.RedRedBluBlu ul.pi-image-collection-tabs li:nth-of-type(1) {
    background-color: #e8aaa6 !important;
}
.RedRedBluBlu ul.pi-image-collection-tabs li:nth-of-type(2) {
    background-color: #e8aaa6 !important;
}
.RedRedBluBlu ul.pi-image-collection-tabs li:nth-of-type(3) {
	background-color: #9fbee8 !important;
}
.RedRedBluBlu ul.pi-image-collection-tabs li:nth-of-type(4) {
	background-color: #9fbee8 !important;
}
.RedRedBluBlu ul.pi-image-collection-tabs li:hover:nth-of-type(1) {
    background-color: #c35555 !important;
    transform: scale(1.1);
    transition: transform .1s;
}
.RedRedBluBlu ul.pi-image-collection-tabs li:hover:nth-of-type(2) {
	background-color: #c35555 !important;
	transform: scale(1.1);
	transition: transform .1s;
}
.RedRedBluBlu ul.pi-image-collection-tabs li:hover:nth-of-type(3) {
    background-color: #5569c3 !important;
    transform: scale(1.1);
    transition: transform .1s;
}
.RedRedBluBlu ul.pi-image-collection-tabs li:hover:nth-of-type(4) {
	background-color: #5569c3 !important;
	transform: scale(1.1);
	transition: transform .1s;
}
.RedRedBluBlu ul.pi-image-collection-tabs li.current:nth-of-type(1) {
    background-color: #c35555 !important;
}
.RedRedBluBlu ul.pi-image-collection-tabs li.current:nth-of-type(2) {
    background-color: #c35555 !important;
}
.RedRedBluBlu ul.pi-image-collection-tabs li.current:nth-of-type(3) {
    background-color: #5569c3 !important;
}
.RedRedBluBlu ul.pi-image-collection-tabs li.current:nth-of-type(4) {
    background-color: #5569c3 !important;
}
/**/

/**********************************************/
/******************* Tags *********************/
/**********************************************/
/* Make code tags more prominent */
.SpeechBubble .speech-bubble-message code,
.WikiaArticle code,
code {
    padding: 0.5px 2.5px;
    border: 1px solid #AABFD7;
    border-radius: 0;
    background: #C4D7EB;
    box-shadow: 0 1px 1px #AABFD7;
    font-style: normal;
    font-family: 'IBM Plex Mono',monospace;
}/**/

/* Preformatted (pre) tags & Syntaxhighlight tags */
.WikiaArticle pre,
.pre {
    margin: 10px auto;
    width: auto;
    border: none;
    box-shadow: 0 2px 1px #AABFD7;
    white-space: pre-wrap;
    line-height: 140%;
}

#mw-content-text pre#theme-solarized-light {
    white-space: pre;
    font-size: 13.5px;
    font-family: 'IBM Plex Mono', monospace;
}

.css.source-css pre.de1,
.css.source-css pre.de2 {
    padding: 12px;
}/**/

/**********************************************/
/****************** Tables ********************/
/**********************************************/
/* Special:ListUsers table */
table.TablePager td.sorting_1 {
    background: transparent;
}/**/

/* Tables in general */
.WikiaArticle table.wikitable,
.WikiaArticle table.article-table,
.WikiaArticle table.WikiaTable {
    margin: 1em 0;
    border: none;
    border-spacing: 0;
    border-collapse: separate;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
    text-align: left;
}/**/

/* Cells */
.WikiaArticle table.wikitable > * > tr > td,
.WikiaArticle table.wikitable > * > tr > th {
    border-color: #AABFD7;
    border-top: none;
}

.WikiaArticle table.wikitable > * > tr > th,
.WikiaArticle table.article-table > * > tr > th,
.WikiaArticle table.WikiaTable > * > tr > th {
    background: #69F;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-family: 'IBM Plex Sans Condensed';
}

.WikiaArticle table.wikitable > * > tr > th a,
.WikiaArticle table.article-table > * > tr > th a,
.WikiaArticle table.WikiaTable > * > tr > th a {
    color: #DFE7FF;
}

.WikiaArticle table.wikitable > * > tr > td,
.WikiaArticle table.wikitable > * > tr > th,
.WikiaArticle table.article-table > * > tr > td,
.WikiaArticle table.article-table > * > tr > th,
.WikiaArticle table.WikiaTable > * > tr > td,
.WikiaArticle table.WikiaTable > * > tr > th {
    padding: 5px 5px;
}/**/

/* Most cell borders */
.WikiaArticle table.wikitable > * > tr:last-child > td,
.WikiaArticle table.article-table > * > tr:last-child > td,
.WikiaArticle table.WikiaTable > * > tr:last-child > td {
    border-bottom: none;
}

.WikiaArticle table.wikitable > * > tr:last-child > th,
.WikiaArticle table.article-table > * > tr:last-child > th,
.WikiaArticle table.WikiaTable > * > tr:last-child > th {
    border-bottom: none;
}

.WikiaArticle table.wikitable > * > tr > td,
.WikiaArticle table.wikitable > * > tr > th {
    border-left: none;
}

.WikiaArticle table.wikitable > * > tr > td:last-child,
.WikiaArticle table.wikitable > * > tr > th:last-child {
    border-right: none;
}/**/

/* Top row headers */
.WikiaArticle table.wikitable > *:first-child > tr:first-child,
.WikiaArticle table.article-table > *:first-child > tr:first-child,
.WikiaArticle table.WikiaTable > *:first-child > tr:first-child {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.WikiaArticle table.wikitable > *:first-child > tr:first-child > td,
.WikiaArticle table.wikitable > *:first-child > tr:first-child > th,
.WikiaArticle table.article-table > *:first-child > tr:first-child > td,
.WikiaArticle table.article-table > *:first-child > tr:first-child > th,
.WikiaArticle table.WikiaTable > *:first-child > tr:first-child > td,
.WikiaArticle table.WikiaTable > *:first-child > tr:first-child > th {
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    text-align: left;
    font-weight: bold;
    transition: all 0.25s;
}/**/

/* Sorting arrows */
table.jquery-tablesorter.sortable th.headerSort .chevron:first-child {
    border-bottom-color: #FFF;
}

table.jquery-tablesorter.sortable th.headerSort .chevron {
    border-top-color: #FFF;
}/**/

/* Collapsible tables */
.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 {
    margin-right: -10px;
    margin-left: 2px;
    font-size: 0.8rem;
}/**/

/**********************************************/
/******************* Cards ********************/
/**********************************************/
.card {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    margin: 20px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    background: #69F;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.card a {
    color: white;
}

.card-image {
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    width: 100px;
    height: 100px;
}

.card-title {
    margin-right: 30px;
    width: 15%;
    font-weight: bold;
}


.card-text {
    flex: 1;
    margin-right: 8px;
    font-weight: 500;
}

.card > div:first-child {
    margin-left: 10px;
}/**/

/**********************************************/
/******************** Polls *******************/
/**********************************************/
/* Poll body */
#mw-content-text div.ajax-poll {
    padding-right: 2em;
    border: none;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
}

div.pollAnswerVotes {
    border-color: #AABFD7;
}

div.pollAnswerVotes div {
    background: linear-gradient(to right, #69F 0%, #77AFFF 100%);
}/**/

/**********************************************/
/****************** Tabbers *******************/
/**********************************************/
/* Tabs */
.tabber.tabberlive ul.tabbernav {
    display: flex;
    padding-top: 10px;
    padding-bottom: 4px;
    border-bottom: none;
}

.tabber.tabberlive ul.tabbernav li a {
    margin-left: 5px;
    padding: 3px 5px;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    background: #7F99C3;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    font-family: 'IBM Plex Sans Condensed';
}

.tabber.tabberlive ul.tabbernav li.tabberactive a {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    background: #69F;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-weight: bold;
}

.tabber.tabberlive ul.tabbernav li:first-child a {
    margin-left: 0;
}

.tabber.tabberlive ul.tabbernav li:hover a {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    background: #88A7D7;
}

.tabber.tabberlive ul.tabbernav li.tabberactive:hover a {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    background: #7AF;
}/**/

/*Infobox tabber */
table.wikitable .tabbertab {
    padding:0px;
    border:1px solid #AABFD7;
    text-align:center;
}/**/

/* Tabbed sections */
.tabber.tabberlive .tabbertab {
    box-sizing: border-box;
    margin-bottom: 3px;
    border: 1px solid #AABFD7;
    box-shadow: 0 1px 1px #AABFD7;
}

.tabber.tabberlive .tabbertab .editsection,
.tabber.tabberlive .tabbertab .toc-link {
    display: none;
}/**/

/**********************************************/
/****************** Navboxes ******************/
/**********************************************/
/* Navbox container */
.navbox-container {
    margin-bottom: 3px;
    padding: 0 15px 15px;
    border-top: none;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
    text-align: center;
    transition: all 0.25s;
}/**/

/* Navbox title */
.navbox-title {
    margin: 0 -15px 10px;
    padding: 12px 10px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    background: #69F;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-weight: bold;
    font-size: 1.2rem;
    font-family: 'IBM Plex Sans Condensed';
}

.navbox-title a {
    color: white;
}/**/

/**********************************************/
/*************** Nav Grid & MP ****************/
/**********************************************/
/* General */
.nav-grid {
    display: grid;
    margin-right: 3px;
    margin-bottom: 20px;

    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.nav-card-outer {
    height: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mp-module {
    margin-right: 3px;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.nav-card-inner,
.mp-module-inner {
    padding: 20px;
    width: auto;
    height: calc(100% - 40px);
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.25s;
}

.nav-card-inner:hover,
.mp-module-inner:hover {
    background: rgba(0, 0, 0, 0.1);
}

h2.nav-card-title,
h2.mp-module-title {
    margin: 0;
    border-bottom: 0;
    color: white;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
}

h2.nav-card-title a,
h2.mp-module-title a {
    color: white;
}

h2.nav-card-title-only {
    font-size: 56px;
    line-height: 60px;
}

h2.mp-module-title-big {
    font-size: 45px;
}

p.nav-card-text,
p.nav-card-text > a,
.mp-module-text,
p.mp-module-text {
    margin: 0;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    font-weight: 500;
    font-size: 18px;
}

.mp-module-text,
p.mp-module-text {
    font-size: 16px;
}

.mp-module-text a,
.mp-module-text a > span {
    color: white;
    text-decoration: underline;
}/**/

/* Module-specific */
#mp-module-edit .mp-module-text a {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

#mp-module-edit .mp-module-text a:hover {
    text-decoration: underline;
}/**/

/* Custom backgrounds */
#nav-card-type-ancient { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/e/e9/Zeuszappityzap.png); }
#nav-card-type-dynasty { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/8/88/Dynasty.png); }
#nav-card-type-farmer { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/0/06/Test2.png); }
#nav-card-type-medieval { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/0/00/Squire.png); }
#nav-card-type-pirate { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/4/49/B897b64fe088ad07072f757ea894b5d9.png); }
#nav-card-type-renaissance { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/7/73/Renaissance.png); }
#nav-card-type-weapons { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/5/5a/MP-Nav-Weapons.png); }
#nav-card-type-spooky { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/b/b5/7reaper.png); }
#nav-card-type-stoneage { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/f/f9/5abff9abc6800a2e3f7b9335d3800520.jpg); }
#nav-card-type-viking { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/1/19/2019-04-19_%283%29.png); }
#nav-card-type-wildwest { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/e/e7/Lasso_men.jpg); }
#nav-card-type-allunits { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/f/fb/Every_Unit.jpg); }
#nav-card-type-campaign { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/8/84/Musketmen.jpg); }
#nav-card-type-factions { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/e/ef/MP-Nav-Factions.jpg); }
#nav-card-type-maps { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/4/4f/Ancient1Map.jpg); }
#nav-card-type-mechanics { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/d/d7/508440_20190510192754_1.png); }
#nav-card-type-misc { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/0/03/MP-Nav-Misc.jpg); }
#nav-card-type-sandbox { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/4/45/MP-Nav-Gameplay.jpg); }
#nav-card-type-units { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/f/f3/MP-Nav-Units.jpg); }
#nav-card-type-versions { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/c/cf/MP-Nav-Versions.png); }
#mp-module-banner { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/a/a8/MP-Banner.jpg); }
#mp-module-edit { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/e/e9/MP-Edit.png); }
#mp-module-game { background-image: url(https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/1/1b/MP-Game.jpg); }/**/

/**********************************************/
/*************** WA & BlogLists ***************/
/**********************************************/
/* BlogLists & WikiActivity in general */
.activityfeed > li,
.WikiaBlogListing li.WikiaBlogListingPost {
    margin: 0;
    padding: 10px 20px 10px 40px;
    transition: all 0.25s;
}

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

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

.activityfeed > li:hover,
.WikiaBlogListing li.WikiaBlogListingPost:hover {
    border-left: 3px solid #69F;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
}

.activityfeed > li:not(:first-child) {
    border-top-color: #AABFD7;
}/**/

/* Activity types */
.activityfeed > li.activity-type-edit {
    border-left-color: #E7A722;
}

.activityfeed > li.activity-type-edit img.edit.sprite {
    width: 18px;
    height: 18px;
    background: #E7A722;
    background-image: none;
    background-repeat: no-repeat;

    -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg');
            mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg');
}

.activityfeed > li.activity-type-talk {
    border-left-color: #79B;
}

.activityfeed > li.activity-type-talk img.talk.sprite {
    width: 18px;
    height: 18px;
    background: #79B;
    background-image: none;
    background-repeat: no-repeat;

    -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-small.svg');
            mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-small.svg');
}

.activityfeed > li.activity-type-categorization {
    border-left-color: #DD6F66;
}

.activityfeed > li.activity-type-categorization img.categorization.sprite {
    width: 18px;
    height: 18px;
    background: #DD6F66;
    background-image: none;
    background-repeat: no-repeat;

    -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg');
            mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg');
}

.activityfeed > li.activity-type-new {
    border-left-color: #66AAEF;
}

.activityfeed > li.activity-type-new img.new.sprite {
    width: 18px;
    height: 18px;
    background: #66AAEF;
    background-image: none;
    background-repeat: no-repeat;

    -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-small.svg');
            mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-small.svg');
}

.activityfeed-diff img {
    display: none;
}

.activityfeed-diff::after {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #79D;
    content: url('https://vignette.wikia.nocookie.net/totally-accurate-battle-simulator/images/7/71/Blank_%281%29.png/revision/latest/scale-to-width-down/14');

    -webkit-mask-image: url('https://totally-accurate-battle-simulator.fandom.com/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg');
            mask-image: url('https://totally-accurate-battle-simulator.fandom.com/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg');
}/**/

/**********************************************/
/*************** RC & S:Contribs **************/
/**********************************************/
/* Search box */
#mw-content-text fieldset {
    box-sizing: border-box;
    margin-top: 4px;
    margin-left: 4px;
    width: calc(100% - 8px);
    border: none;
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
}

#mw-content-text fieldset legend {
    padding: 0 10px 0 8px;
    background: #C4D7EB;
}

#mw-content-text fieldset hr {
    border: none;
    border-top: 1px solid #AABFD7;
}/**/

/* Dropdown */
.WikiaDropdown .selected-items,
.WikiaDropdown.MultiSelect .dropdown {
    border: none;
    box-shadow: 0 2px 1px #AABFD7;
}

.WikiaDropdown .selected-items {
    top: 2px;
}/**/

/* RC header box */
#wikia-mediawiki-recentchangestext {
    box-sizing: border-box;
    margin-left: 4px;
    width: calc(100% - 8px);
    border: none !important; /* override inline style */
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
}/**/

/**********************************************/
/*************** Category Pages ***************/
/**********************************************/
/* Horizontal rule after category layout selector */
.category-layout-selector + .noarticletext,
.category-gallery-form + .noarticletext {
    border-color: #AAB8C6;
    border-bottom: none;
}/**/

/* Category exhibition image cards */
.category-gallery-item {
    border: none;
}

.category-gallery-media a > img {
    padding: 0;
    box-shadow: 0 1px 1px #AABFD7;
}

.category-gallery-item img,
.category-gallery-item div.snippet {
    padding: 0;
}/**/

/* Page title things */
.category-gallery-media div.title:not(.bigger) {
    display: inline-block;
    margin-top: -8px;
    margin-left: -11px;
    padding: 3px 5px 3px;
    max-height: 32px;
    box-shadow: 0 2px 1px #AABFD7;
    line-height: 16px;
}

.category-gallery-item span.details,
.category-gallery-item div.title,
.category-gallery-media div.title:not(.bigger) {
    overflow: hidden;
    max-width: 110px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    background: #69F;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #FFF;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.9rem;
    font-family: 'IBM Plex Sans Condensed';
}

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

/* Dynamic categories image cards */
.WikiaArticle .category-page__trending-page-thumbnail {
    border: none;
    background: #C4D7EB;
}/**/

/* Page list thumbnails */
.WikiaArticle .category-page__member-thumbnail {
    border: none;
    box-shadow: 0 1px 1px #AABFD7;
}/**/

/**********************************************/
/************ Userpages & Contribs ************/
/**********************************************/
/* Masthead */
.UserProfileMasthead .masthead-info h1 {
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
.UserProfileMasthead .masthead-info .tag {
    background: #9FBFFF;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}/**/

/* User tags */
.UserProfileMasthead .masthead-info .tag.usergroup-sysop {
	background-color: #29d8ff;
    color: white;
    font-weight: bolder;
}

.UserProfileMasthead .masthead-info .tag.usergroup-bureaucrat {
	background-color: lightgreen;
	color: black;
    font-weight: bolder;
}

.UserProfileMasthead .masthead-info .tag.usergroup-content-moderator {
	background-color: #ff4800;
	color: black;
    font-weight: bolder;
}

.UserProfileMasthead .masthead-info .tag.usergroup-chatmoderator {
	background-color: #ff03ea;
	color: black;
    font-weight: bolder;
}

.UserProfileMasthead .masthead-info .tag.usergroup-rollback {
	background-color: orange;
	color: white;
    font-weight: bolder;
}
.UserProfileMasthead .masthead-info .tag.usergroup-top-user {
	background-color: pink;
    color: black;
    font-weight: bolder;
}

UserProfileMasthead .masthead-info .tag.usergroup-top user {
	background-color: pink;
    color: black;
    font-weight: bolder;
}

UserProfileMasthead .masthead-info .tag.usergroup-technician {
	background-color: Black;
    color: lightgreen;
    font-weight: bolder;
}


.UserProfileMasthead .masthead-info .tag.usergroup-blocked {
	background-color: red;
    color: white;
    font-weight: bolder;
}/**/

/* Flat status indicator */
.UserProfileMasthead .details > li {
    list-style-type: none;
}

.UserProfileMasthead .details > li > img {
	content: url("https://img.spacergif.org/v1/spacer.gif");
}

.UserProfileMasthead .details > li::after {
	content: "⬤";
}/**/

/* 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 {
    margin: 2px;
    background: #69F;
    box-shadow: 0 2px 1px #AABFD7;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;/* override imported style */
    transition: 0.25s;
}

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: #9FBFFF;
}/**/

/**********************************************/
/**************** S:Community *****************/
/**********************************************/
/* Header text */
.community-page-header .community-page-header-content {
    padding-bottom: 40px;
    text-shadow: 0 2px 1px rgba(0,0,0,0.5);
}

.community-page-header .community-page-header-welcome-message {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}/**/

/* Card modules */
.community-page-card-module {
    background: #C4D7EB;
    box-shadow: 0 2px 1px #AABFD7;
}

.community-page-card-module .community-page-card-module-header {
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    background: #69F;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}/**/

/* To-do list */
.community-page-todo-list-module .community-page-todo-list-module-content {
    padding: 10px 14px;
    border: none;
    border-left: 4px solid #69F;
    background: rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}/**/

/* Community page side rail */
.community-page-rail .community-page-module-box {
    box-shadow: 0 2px 1px #AABFD7;
}/**/

/**********************************************/
/************* Bug Fixes **********************/
/**********************************************/
/* Popular blog posts module */
.WikiaBlogListingBox .wikia-button {
    display: none;/* Remove create blog button */
}

#WikiaRailWrapper .WikiaBlogListingBox.module > h2 br:before,
#WikiaRailWrapper .WikiaBlogListingBox.module > h2 br {
    content: '\00A0';/* Delete line break on sane browsers */
}

.WikiaBlogListingBox.module > h2::before {
    text-indent: 0;
}

.WikiaBlogListingBox.module > h2 br {
    text-indent: 0;
}

#WikiaRailWrapper .WikiaBlogListingBox.module > h2 br {
    display: none;
}

.WikiaBlogListingBox.module > h2::after {
    content: 'Popular blog posts';
    text-indent: 0;
}
/**/
Retrieved from "https://tabs.wiki.gg/index.php?title=MediaWiki:Wikia.css&oldid=71851"