MediaWiki:Wikia.css

/***********************************************************************/ /***********************************************************************/ /************************** Table of Contents **************************/ /***********************************************************************/ /***********************************************************************/ /*   Section 1 - Table of Contents Section 2 - Top Configuration Section 2.1 - Imports Section 2.1.1 - Fonts Section 2.1.2 - Other Section 3 - CSS Styling Section 3.1 - Avatars Section 3.2 - Tags Section 3.2.1 - Make code tags more prominent Section 3.2.2 - Preformatted (pre) tags & Syntaxhighlight tags Section 3.2.3 - Make External Links indistinguishable from normal ones Section 3.3 - File/User Page Tabs Section 3.4 - User Page Mastheads Section 3.5 - Infoboxes Section 3.5.1 - All Infoboxes margin- General Section 3.5.2 - All Infoboxes - Titles & Headers Section 3.5.3 - All Infoboxes - Images Section 3.5.4 - All Infoboxes - Data Section 3.5.5 - All Infoboxes - Navigation Section 3.5.6 - All Infoboxes - Borders Section 3.5.7 - All Infoboxes - Animations/Effects Section 3.5.8 - All Infoboxes - Centers Text Section 3.6 - Page Fonts Section 3.7 - Main Page Section 3.7. 1 - Widen MP sidebar Section 3.7. 2 - MP "super-module" styling for divs that contain headers + one or more modules Section 3.7. 3 - Header styling Section 3.7. 4 - FLEXBOX FALLBACK FOR BROWSERS THAT DO NOT YET SUPPORT CSS GRID Section 3.7. 5 - Grid-related classes & IDs Section 3.7. 6 - General module styling Section 3.7. 7 - MP module image positioning Section 3.7. 8 - MP module title-link styling Section 3.7. 9 - MP sidebar module styling Section 3.7.10 - MP Teal Modules (unused, do not delete) Section 3.8 - Threads & Comments Section 3.8. 1 - Comment warning Section 3.8. 2 - The actual comments Section 3.8. 3 - Remove even-odd styles Section 3.8. 4 - Hover styles Section 3.8. 5 - New messages Section 3.8. 6 - Remove Anon Comments Section 3.8. 7 - Message editor buttons Section 3.8. 8 - Avatars Section 3.8. 9 - Menus Section 3.8.10 - Text field Section 3.8.11 - Deleted or removed post message Section 3.8.12 - Misc.       Section 3.9 - Right Rail Section 3.10 - Tables Section 3.10.1 - Special:ListUsers table Section 3.10.2 - Tables in general Section 3.10.3 - Cells Section 3.10.4 - Most cell borders Section 3.10.5 - Top row headers Section 3.10.6 - Sorting arrows Section 3.10.7 - Top row borders Section 3.10.8 - Collapsible tables Section 3.10.9 - Bottom border-radius Section 3.11 - Toolbar + WikiaNotifs Section 3.11.1 - Toolbar Section 3.11.2 - WikiaNotifications Section 3.12 - Category Page Galleries Section 3.12.1 - Category exhibition image cards Section 3.12.2 - Page title things Section 3.12.3 - Dynamic categories image cards Section 3.12.4 - Page list thumbnails Section 3.13 - Polls Section 3.13.1 - Poll body Section 3.13.2 - Poll bars Section 3.14 - Tooltips & Popovers Section 3.15 - Activity & BlogList Feeds Section 3.15.1 - BlogLists & WikiActivity in general Section 3.15.2 - Icons Section 3.16 - Infobox Selector Tabbers Section 3.16.1 - Only applies to tabber if it's the very first thing in a article Section 3.17 - Page Table of Contents Section 3.17.1 - Normal article table of contents Section 3.18 - Navboxes Section 3.18.1 - Full width navbox, guaranteed Section 3.19 - Changelog Section 4 - Bottom Configuration Section 4.1 - Keyframes Section 4.1.2 - Large pulse animation /* Username Styling will be transferred to a gadget after the current community vote ends on October 1st */

/***********************************************************************/ /***********************************************************************/ /************************** Top Configuration **************************/ /***********************************************************************/ /***********************************************************************/

/***********************************************************************/ /******************************* Imports *******************************/ /***********************************************************************/

/* Fonts */ @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i');/**/ /* Note: Jura (not included) is the actual game's logo, while Roboto Condensed is the game's actual text. Locally, Roboto is generally used for body text, Roboto Condensed for headings, and Roboto Mono for code. */

/* Other */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:UpgradedToolbar.css|u:diepio:MediaWiki:Global.css");/**/

/***********************************************************************/ /***********************************************************************/ /***************************** CSS Styling *****************************/ /***********************************************************************/ /***********************************************************************/

/***********************************************************************/ /******************************* Avatars *******************************/ /***********************************************************************/

/* Avatars */ img.avatar { border: 2px solid rgba(0,0,0,0.05); border-radius: 3px; box-shadow: 0 2px 0 rgba(0,0,0,0.2); }

table.wallfeed td img.avatar { height: 36px; width: 36px; }

/***********************************************************************/ /******************************** Tags *********************************/ /***********************************************************************/

/* Make code tags more prominent */ .SpeechBubble .speech-bubble-message code, .WikiaArticle code, code { background-color: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.15); border-radius: 5px; font-family: 'Roboto Mono', monospace; font-style: normal; padding: 0.5px 2.5px; }/**/ /* Preformatted (pre) tags & Syntaxhighlight tags */ .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; }

font-family: "Roboto Mono", monospace; white-space: pre; font-size: 13.5px; } .css.source-css pre.de1, .css.source-css pre.de2 { padding: 12px; }/**/
 * 1) mw-content-text .css.source-css {

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

/***********************************************************************/ /************************* File/User Page Tabs *************************/ /***********************************************************************/

ul.tabs { display: flex; flex-direction: row; border-bottom: none; }

.tabs li { border-bottom: 4px solid rgba(0,0,0,0.4); color: rgba(0,0,0,0.5); cursor: pointer; float: left; font-size: 1rem; font-weight: bold; height: 36px; text-align: center; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter 0.25s ease-out }

.tabs li:hover { filter: brightness(1.25); }

.tabs li a { color: inherit; border: none !important; }

.tabs li:hover a { text-decoration: none; text-shadow: none; }

.tabs li.selected { border-bottom: 4px solid currentColor; color: rgba(46, 72, 30, 0.8); }

.tabs li.selected a { cursor: pointer; background: none; color: inherit; }/**/

/***********************************************************************/ /************************* User Page Mastheads *************************/ /***********************************************************************/ .UserProfileMasthead .masthead-info { background: #f0f5ea; }

.UserProfileMasthead .masthead-info > hgroup { background-image: none; }

body:not(.oasis-dark-theme) .UserProfileMasthead .masthead-info-lower::before { border-color: #f0f5ea #f0f5ea transparent transparent; }

.UserProfileMasthead .masthead-info .tag { font-weight: 500; }/**/

/***********************************************************************/ /****************************** Infoboxes ******************************/ /***********************************************************************/ /* All Infoboxes - General */ .portable-infobox.pi-background { width: 290px; margin-bottom: 6px; border-radius: 3px; box-shadow: 0 3px 0 rgba(0,0,0,0.2); }

.portable-infobox .pi-data-label, .portable-infobox .pi-data-value, .portable-infobox .pi-caption { -epub-hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; adobe-hyphenate: none; }

.portable-infobox .pi-data-label abbr { border-bottom: 1px dotted; }/**/

/* All Infoboxes - Titles & Headers */ .portable-infobox .pi-header, .portable-infobox .pi-title { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.portable-infobox .pi-title { padding: 8px 14px; }

.portable-infobox .pi-collapse .pi-header:first-child::after { border-width: 3px 3px 0 0; border-radius: 2px; }/**/

/* All Infoboxes - Images */ .portable-infobox .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox .pi-caption { font-style: italic; font-size: 12px; color: #666666; text-align: center; }

.portable-infobox .pi-image-collection .pi-image-collection-tabs { text-align: center; border-top-width: 4px; padding-top: 3px; padding-bottom: 6px; }

.portable-infobox .pi-image-collection-tabs .current { box-shadow: 0 3px 1px 0 rgba(0,0,0,0.1); }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { font-weight: bold; }/**/

/* All Infoboxes - Data */ .portable-infobox .pi-data { padding-top: 0; padding-bottom: 0; }

.portable-infobox .pi-data-label { padding-top: 6px; padding-bottom: 3px; }

.portable-infobox .pi-horizontal-group .pi-data-label, .portable-infobox .pi-data-label.pi-smart-data-label, .portable-infobox.pi-layout-stacked .pi-data-label { padding-bottom: 3px; }

.portable-infobox .pi-data-value { padding-bottom: 6px; }

.portable-infobox.pi-layout-default .pi-data-value { padding-top: 6px; }/**/

/* All Infoboxes - Navigation */ .portable-infobox .pi-navigation { background-color: inherit; font-weight: inherit; color: inherit; text-align: center; }/**/

/* All Infoboxes - Borders */ .pi-border-color { border-color: rgba(0, 0, 0, 0.05); }

.portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-item:not(.pi-group), .portable-infobox .pi-horizontal-group, .portable-infobox .pi-navigation { border-style: solid; border-width: 0 4px 0 4px; border-color: rgba(0, 0, 0, 0.05); }

.portable-infobox > .pi-item:not(.pi-group):first-child { border-top: 4px solid rgba(0, 0, 0, 0.2); }

.portable-infobox > .pi-navigation:last-child, .portable-infobox > .pi-item:last-child { border-bottom: 4px solid rgba(0, 0, 0, 0.05); border-radius: 0 0 3px 3px; }

.portable-infobox .pi-header.pi-item-spacing, .portable-infobox .pi-title.pi-item-spacing { border-style: solid; border-width: 0 4px 0 4px; border-color: rgba(0, 0, 0, 0.2); }

.portable-infobox .pi-group:first-child .pi-item:first-child, .portable-infobox > .pi-item:first-child:not(.pi-group) { border-top-width: 4px; border-radius: 3px 3px 0 0; }

.portable-infobox .pi-image-collection .pi-image-collection-tab-content .pi-image.pi-item, .portable-infobox .pi-header + .pi-image-collection .pi-image-collection-tabs, .portable-infobox .pi-title + .pi-image-collection .pi-image-collection-tabs { border-top-width: 0; }

.portable-infobox .pi-collapse-closed .pi-header.pi-item-spacing { border-bottom-width: 4px; }

.portable-infobox .pi-collapse-closed.pi-group:last-of-type .pi-header.pi-item-spacing { border-radius: 0 0 3px 3px; }

.portable-infobox .pi-collapse-closed.pi-group:only-child .pi-header.pi-item-spacing { border-radius: 3px; }

.portable-infobox .pi-image { border-color: rgba(0, 0, 0, 0.05); }

.portable-infobox .pi-collapse-closed.pi-collapse { border-bottom: none; }/**/

/* All Infoboxes - Animations/Effects */ .portable-infobox .pi-smart-data-label:nth-child(odd), .portable-infobox .pi-smart-data-value:nth-child(odd) { background-color: #D4E2C0; }

.portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-item:not(.pi-group), .portable-infobox .pi-horizontal-group, .portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-navigation, .portable-infobox .pi-header, .portable-infobox .pi-title { transition: all 0.4s cubic-bezier(0.42, 0, 0.13, 3.00); }

.portable-infobox .pi-tab-link { transition: all 0.3s; }

.portable-infobox .pi-image-collection-tabs:hover, .portable-infobox .pi-item:not(.pi-group):hover, .portable-infobox .pi-horizontal-group:hover, .portable-infobox .pi-image-collection-tabs:hover, .portable-infobox .pi-navigation:hover { border-color: rgba(0, 0, 0, 0.2); }

.portable-infobox .pi-header:hover, .portable-infobox .pi-title:hover { -webkit-filter: brightness(90%); filter: brightness(90%); }/**/

/* All Infoboxes - Centers Text */ .portable-infobox .pi-caption, .portable-infobox .pi-item, .portable-infobox .pi-image-collection-tabs { text-align: center; }/**/

/***********************************************************************/ /****************************** Page Fonts *****************************/ /***********************************************************************/ .WikiaPage { font-family: Roboto; }

.SpeechBubble .speech-bubble-message h1, .WikiaArticle h1 { font-weight: bold; font-family: "RobotoCondensed-Bold", "Roboto Condensed", "Helvetica", "Arial", sans-serif; }

.SpeechBubble .speech-bubble-message h2, .WikiaArticle h2 { font-weight: bold; font-family: "RobotoCondensed-Bold", "Roboto Condensed", "Helvetica", "Arial", sans-serif; }

.SpeechBubble .speech-bubble-message h3, .SpeechBubble .speech-bubble-message h4, .SpeechBubble .speech-bubble-message h5, .SpeechBubble .speech-bubble-message h6, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { font-weight: bold; font-family: "RobotoCondensed-Bold", "Roboto Condensed", "Helvetica", "Arial", sans-serif; }/**/

/***********************************************************************/ /****************************** Main Page ******************************/ /***********************************************************************/ /* Widen MP sidebar */ @media only screen and (min-width: 1084px) { .main-page-tag-rcs, .rcs-container { width: 320px; } }

@media only screen and (min-width: 1084px) { .wikia-main-page-tag-lcs, .main-page-tag-lcs-exploded { width: -webkit-calc(100% - 340px); width: calc(100% - 340px); } }/**/

/* MP "super-module" styling for divs that contain headers + one or more modules */ .mp-module-main { width: 100%; box-sizing: border-box; padding: 0 16px 16px; background-color: #D4E2C0; border: 4px solid rgba(0,0,0,0.05); border-radius: 3px; box-shadow: 0 3px 0 rgba(0,0,0,0.2); margin-bottom: 20px; }

.mp-module-main-sidebar { max-height: 70vh; overflow: auto; }

.mp-module-main-sidebar::-webkit-scrollbar { width: 12px; } .mp-module-main-sidebar::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.15); border-radius: 10px; border-bottom: 2px solid rgba(0,0,0,0.15); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); } .mp-module-main-sidebar::-webkit-scrollbar-thumb { background-color: #83AF50; border-radius: 10px; border-bottom: 2px solid #5B7A38; box-shadow: inset 0 -2px 0 #5B7A38; }/**/

/* Header styling */ .mp-module-main > h2:first-child { margin-top: 12px; margin-bottom: 8px; }

.mp-module-main > h2:first-child a { color: #3A3A3A; }/**/

/* FLEXBOX FALLBACK FOR BROWSERS THAT DO NOT YET SUPPORT CSS GRID */ .mp-module-grid-container { display: flex; flex-wrap: wrap; }

.mp-module.mp-module-grid-item, .mp-module.mp-module-grid-new { flex: 1 1 28%; margin-left: 8px; margin-right: 8px; margin-bottom: 16px; }

.mp-module.mp-module-grid-new, .mp-module-grid-item:nth-child(3n), .mp-module-grid-item:first-child { margin-left: 0; }

.mp-module-grid-item:nth-child(3n+2) { margin-right: 0; }

.mp-module-grid-item:nth-last-child(-n+3) { margin-bottom: 0; }

.mp-module-grid-item:nth-child(2), .mp-module.mp-module-grid-new { flex-basis: 40%; }

.mp-module-grid-item:last-child { flex-basis: 28%; }

@supports (display: grid) { .mp-module.mp-module-grid-item, .mp-module.mp-module-grid-new { margin: 0; } }/**/

/* Grid-related classes & IDs */ .mp-module-grid-container { display: grid; grid-column-gap: 16px; grid-row-gap: 16px; }

grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-areas: 'top1 top1 top1 top2 top2 top2' 'item1 item1 item2 item2 item3 item3' 'item4 item4 item5 item5 item6 item6' 'item7 item7 item8 item8 item9 item9'; }
 * 1) mp-grid1 {

grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: 'item10 item11'; }/**/
 * 1) mp-grid2 {

/* General module styling */ .mp-module { background-color: #83AF50; border-bottom: 2px solid #5B7A38; border-radius: 5px; box-shadow: inset 0 -2px 0 #5B7A38; box-sizing: border-box; color: white; margin-left: auto; margin-right: auto; padding: 8px 12px; text-shadow: 0 1px 2px rgba(0,0,0,.25); transition: all 0.3s; width: 100%; }

.mp-module:hover { box-shadow: inset 0 -2px 0 #5B7A38, 0 0 0 5px #A7CF5F, 0 0 0 10px #C2DA88; }

.mp-module a { color: #E7FFBB; }

.mp-module-intro { padding: 18px 48px; }

.mp-module-grid-item { text-align: center; display: flex; flex-direction: column; }

.mp-module-grid-new { display: flex; flex-direction: column; align-items: center; justify-content: space-around; justify-content: space-evenly; font-family: 'Roboto Condensed', sans-serif; font-size: 140%; font-style: italic; font-weight: bold; }

.mp-module-grid-new > div { line-height: 1.5; text-align: center; }

.mp-module-grid-primary { background-color: #50AFAB; border-bottom: 2px solid #387C79; box-shadow: inset 0 -2px #387C79; }

.mp-module-grid-primary:hover { box-shadow: inset 0 -2px #387C79, 0 0 0 5px #77D0AF, 0 0 0 10px #AADDB3; }

.mp-module-grid-primary > .mp-module-title > a { color: #DFFFF5; }/**/

/* MP module image positioning */ .mp-module-grid-item > div:first-child { flex: 1; display: flex; align-items: center; }

/* MP module title-link styling */ .mp-module-title { font-size: 125%; font-weight: bold; padding-top: 6px; }/**/

/* MP sidebar module styling */ .mp-module-sidebar { margin-left: 0; margin-bottom: 16px; }/**/

/* MP Teal Modules (unused, do not delete) */ .mp-module-teal { background-color: #50AFAB; border-bottom: 2px solid #387C79; box-shadow: inset 0 -2px #387C79; }

.mp-module-teal:hover { box-shadow: inset 0 -2px #387C79, 0 0 0 7px #77D0AF, 0 0 0 12px #AADDB3; }

.mp-module-teal a { color: #BFFAEE; }/**/

/***********************************************************************/ /************************* Threads & Comments **************************/ /***********************************************************************/ /* Comment warning */ padding: 0; }   padding: 0; border: 0; }   font-size: inherit; background: #deebca; border-radius: 0.3em; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15); transition: all 0.4s; padding: 5px 10px; margin-left: 0; margin-right: 0; }   margin: 10px -120px 0 0; }
 * 1) WikiaArticleFooter {
 * 1) WikiaArticleComments,
 * 2) article-comments {
 * 1) article-comments-counter-header {
 * 1) WikiaArticleComments .controls {

.refpopups-configure-page { float: initial; clear: both; margin-bottom: 0.5rem; }/**/ /* 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; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15); border-radius: 0.3em; 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; }/**/

/* Highlighted comments (from direct link) */ .article-comments li.comment .speech-bubble-message.current { background: rgba(140, 140, 58, 0.14); border-radius: 0.3em; box-shadow: 0 2px 0 rgba(140, 140, 58, 0.35); transition: all 0.4s; } .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; }/**/

/* Remove even-odd styles */ .SpeechBubble.even .speech-bubble-message, .SpeechBubble.owner .speech-bubble-message { background: #deebca; } /**/ /* Hover styles */ .article-comments li.comment .speech-bubble-message:hover, .Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover { background: rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2); }

.article-comments li.comment .speech-bubble-message:hover { background: rgba(0, 0, 0, 0.08); }

.article-comments li.comment .speech-bubble-message.current:hover { background: rgba(140, 140, 58, 0.22); border-radius: 0.3em; box-shadow: 0 2px 0 rgba(140, 140, 58, 0.4); }/**/

/* New messages */ .Wall#Wall > .new-message > .speech-bubble-message, .Wall#Wall ul.comments > li.message > .speech-bubble-message { margin-bottom: 10px; border: 4px solid rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2); border-radius: 0.4em; 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; } .article-comments li.comment .speech-bubble-message:before { display: none; } .article-comments li.comment .speech-bubble-message:after { border-color: transparent #deebca #deebca transparent; transition: all 0.4s; } .article-comments li.comment .speech-bubble-message:hover:after { border-color: transparent rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08) transparent; }

.article-comments li.comment .speech-bubble-message.current:hover:after { border-color: transparent rgba(140, 140, 58, 0.22) rgba(140, 140, 58, 0.22) transparent; }/**/ /* Avatars */ .Wall .comments ul.replies > .SpeechBubble .speech-bubble-avatar { margin-top: 0.5em; }/**/ /* Buttons */ .article-comments li.comment .secondary.actionButton, .Wall ul.comments > li.message .wikia-button.secondary, .Wall#Wall > .new-message > .speech-bubble-message button.secondary { background: #c7d5b0; 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, .Wall#Wall > .new-message > .speech-bubble-message button.secondary:hover { background: rgba(0,0,0,0.1); border: 1px solid transparent; } .Wall ul.comments > li.message .wikia-button:not(.secondary), .Wall#Wall > .new-message > .speech-bubble-message button:not(.secondary) { background: #577832; 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(87, 120, 50, 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 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }/**/ /* Text field */ .Wall ul.comments > li.message ul.replies > .SpeechBubble.new-reply .editarea { border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .Wall ul.comments > li.message ul.replies > .SpeechBubble.new-reply .editarea textarea { border-radius: 0.33em; }/**/ /* Deleted or removed post message */ .deleteorremove-infobox .deleteorremove-bubble { box-shadow: 1px 3px 5px 0 #d8edb5; }

.deleteorremove-infobox .deleteorremove-bubble, .deleteorremove-infobox .deleteorremove-bubble.tail { border: none; } .deleteorremove-infobox .deleteorremove-bubble.tail:before { display: none; }/**/ /* Misc. */ .Wall .comments .quote, .WallPreview .quote { background-color: rgba(0, 0, 0, 0.04); border: none; border-radius: 3px; box-shadow: 0 2px 0 rgba(0,0,0,0.15); }

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

/***********************************************************************/ /***************************** Right Rail ******************************/ /***********************************************************************/ /* Hide Community Corner */ .CommunityCornerModule { display: none; }/**/

/***********************************************************************/ /******************************* Tables ********************************/ /***********************************************************************/ /* Special:ListUsers table */ table.TablePager td.sorting_1 { background-color: transparent; }/**/ /* Tables in general */ .WikiaArticle table.wikitable, .WikiaArticle table.article-table, .WikiaArticle table.WikiaTable { max-width: calc(100% - 17px); max-width: -webkit-fill-available; max-width: fill-available; background: #D4E2C0; border: none; border-radius: 3px; border-collapse: separate; border-spacing: 0; box-shadow: 0 3px 0 rgba(0,0,0,0.2); margin: 1em 0; text-align: center; }/**/ /* Cells */ .WikiaArticle table.wikitable > * > tr > td, .WikiaArticle table.wikitable > * > tr > th { border-color: #777777; border-top: none; } .WikiaArticle table.wikitable > * > tr > th, .WikiaArticle table.article-table > * > tr > th, .WikiaArticle table.WikiaTable > * > tr > th { background: #577832; color: #FFFFFF; font-family: 'Roboto Condensed'; text-shadow: 0 1px 2px rgba(0,0,0,0.3); }

.WikiaArticle table.wikitable > * > tr > th a, .WikiaArticle table.article-table > * > tr > th a, .WikiaArticle table.WikiaTable > * > tr > th a { color: #E7FFBB; } .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 { height: 30px; padding: 5px 12px; }/**/ /* Most cell borders */ .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 rgba(0,0,0,0.05); } .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 rgba(0,0,0,0.2); } .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 rgba(0,0,0,0.05); } .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 rgba(0,0,0,0.2); } .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 rgba(0,0,0,0.05); } .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 rgba(0,0,0,0.2); }

.WikiaArticle table.wikitable > * > tr > td:not(:first-child), .WikiaArticle table.wikitable > * > tr > th:not(:first-child) { border-left: 0; }/**/ /* Top row headers */ .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 { background: #577832; border: none; border-top: 3px solid rgba(0,0,0,0.2); border-bottom: 0 solid transparent; color: #FFFFFF; font-family: 'Roboto Condensed'; font-size: 16px; text-shadow: 0 1px 2px rgba(0,0,0,0.3); transition: 0.3s; text-align: center; }

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

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

/* Top row borders */ .WikiaArticle table.wikitable > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.wikitable > *:first-child > tr:first-child > th:first-child, .WikiaArticle table.article-table > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.article-table > *:first-child > tr:first-child > th:first-child, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > th:first-child { border-left: 3px solid rgba(0,0,0,0.2); border-top-left-radius: 3px; } .WikiaArticle table.wikitable > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.wikitable > *:first-child > tr:first-child > th:last-child, .WikiaArticle table.article-table > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.article-table > *:first-child > tr:first-child > th:last-child, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > th:last-child { border-right: 3px solid rgba(0,0,0,0.2); border-top-right-radius: 3px; }/**/

/* Collapsible tables */ .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > td, .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > th, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > td, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > th, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > td, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > th { border-bottom: 3px solid rgba(0,0,0,0.2); } .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > th:first-child, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > th:first-child, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > th:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > th:last-child, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > th:last-child, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > th:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.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; }/**/ /* Bottom border-radius */ .WikiaArticle table.wikitable > *:last-child > tr:last-child > td:first-child, .WikiaArticle table.wikitable > *:last-child > tr:last-child > th:first-child, .WikiaArticle table.article-table > *:last-child > tr:last-child > td:first-child, .WikiaArticle table.article-table > *:last-child > tr:last-child > th:first-child, .WikiaArticle table.WikiaTable > *:last-child > tr:last-child > td:first-child, .WikiaArticle table.WikiaTable > *:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 3px; } .WikiaArticle table.wikitable > *:last-child > tr:last-child > td:last-child, .WikiaArticle table.wikitable > *:last-child > tr:last-child > th:last-child, .WikiaArticle table.article-table > *:last-child > tr:last-child > td:last-child, .WikiaArticle table.article-table > *:last-child > tr:last-child > th:last-child, .WikiaArticle table.WikiaTable > *:last-child > tr:last-child > td:last-child, .WikiaArticle table.WikiaTable > *:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 3px; }/**/

/***********************************************************************/ /************************ Toolbar + WikiaNotifs ************************/ /***********************************************************************/ /* Toolbar */ .WikiaBarWrapper .wikia-bar { font-family: Roboto; font-weight: 900; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }/**/ /* WikiaNotifications */ display: flex; align-items: flex-end; } .WikiaNotifications li div:not(.sysinnertext) { animation: pulse 2s infinite; background: #668c3a; color: #E0E0E0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); padding: 10px 20px; border: 4px solid rgba(0, 0, 0, 0.15); border-radius: 3px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .WikiaNotifications li div .close-notification { border: none; top: 5px; right: 5px; }   order: 1; }
 * 1) WikiaNotifications.WikiaNotifications {
 * 1) WikiaNotifications.WikiaNotifications li:not(.custom) {

.WikiaBarWrapper .tools-menu li a, #my-tools-menu li a { text-shadow: none; }/**/

/***********************************************************************/ /********************** Category Page Galleries ************************/ /***********************************************************************/ /* Category exhibition image cards */ .category-gallery-item { border: none; } .category-gallery-item img, .category-gallery-item div.snippet { border: none; border-radius: 0.25em; border: 3px solid rgba(0,0,0,0.1); box-shadow: 0 3px 0 rgba(0,0,0,0.2); padding: 0; }/**/ /* Page title things */ .category-gallery-media div.title:not(.bigger) { border-bottom-right-radius: 9px; border-top-right-radius: 9px; display: inline-block; line-height: 16px; max-height: 32px; padding: 3px 5px 3px; } .category-gallery-item span.details, .category-gallery-item div.title, .category-gallery-media div.title:not(.bigger) { background: #577832; border: 3px solid rgba(0,0,0,0.2); box-shadow: 0 2px 0 rgba(0,0,0,0.2); color: #E0E0E0; font-size: 0.9rem; font-weight: 600; max-width: 110px; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); white-space: nowrap; } .category-gallery-media div.title:not(.bigger) a.lightbox { color: #E0E0E0; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }/**/ /* Dynamic categories image cards */ .WikiaArticle .category-page__trending-page-thumbnail { background: #d4e2c0; border: 3px solid rgba(0, 0, 0, 0.05); border-radius: 3px; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2); }/**/ /* Page list thumbnails */ .WikiaArticle .category-page__member-thumbnail { background: #d4e2c0; border: 2px solid rgba(0, 0, 0, 0.05); border-radius: 2px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); }/**/

/***********************************************************************/ /******************************** Polls ********************************/ /***********************************************************************/ /* Poll body */ div.ajax-poll { background: #D4E2C0; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2); border: 4px solid rgba(0, 0, 0, 0.05); padding-right: 2em; }/**/

/* Poll bars */ .pollAnswerVotes { border-color: rgba(0, 0, 0, 0.15); color: #FFFFFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .pollAnswerVotes div { background: linear-gradient(to right, #5F8838 0%, #88BB4F 100%); }/**/

/***********************************************************************/ /************************ Tooltips & Popovers **************************/ /***********************************************************************/ /* General tooltips & popovers */ div.popover.wikiaBar .arrow, div.popover.top .arrow { border-top-color: #456027; } div.popover.bottom .arrow { border-bottom: 10px solid #456027; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; top: -15px; } div.popover-inner, div.tooltip-inner { background: #536f2f; border: 3px solid #456027; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); color: #FFFFFF; padding: 5px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } div.popover-content { background: none; }/**/

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

.WikiaBlogListing li.WikiaBlogListingPost:last-child { margin-bottom: 16px; } .WikiaBlogListing li.WikiaBlogListingPost h2 { font-weight: 600; font-size: 1.5rem; } .activityfeed > li:hover, .WikiaBlogListing li.WikiaBlogListingPost:hover { background: rgba(0, 0, 0 ,0.05); border-left: 5px solid #577832; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }/**/ /* Icons */ .activityfeed > li.activity-type-edit img.edit.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #ddbb6f; } .activityfeed > li.activity-type-talk img.talk.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-small.svg"); width: 18px; background-repeat: no-repeat; background-color: rgba(0,0,0,0.25); } .activityfeed > li.activity-type-categorization img.categorization.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #dd7666; } .activityfeed > li.activity-type-new img.new.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-article-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-article-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #7e9293; } .activityfeed-diff img { content: url("data:image/svg+xml; utf8,  "); background-image: none !important; }/**/

/***********************************************************************/ /********************** Infobox Selector Tabbers ***********************/ /***********************************************************************/ /* Only applies to tabber if it's the very first thing in a article */ .ns-subject #mw-content-text > .tabber:first-child .tabbertab { border: none; }

.ns-subject #mw-content-text > .tabber:first-child .tabbernav > li > a { background-color: #577832; border: 3px solid rgba(0,0,0,0.2); border-bottom: none; border-radius: 3px 3px 0 0; box-sizing: border-box; color: #fff; font-family: RobotoCondensed-Bold, 'Roboto Condensed', sans-serif; font-size: 1rem; text-shadow: 0 1px 2px rgba(0,0,0,0.3); }

.ns-subject #mw-content-text > .tabber:first-child .tabbernav { margin-top: 3px; border-bottom: 1px solid rgba(0,0,0,0.15); }/**/

/***********************************************************************/ /*********************** Page Table of Contents ************************/ /***********************************************************************/ /* Normal article table of contents */ .WikiaArticle .toc { box-sizing: border-box; padding: 0 12px; background-color: #D4E2C0; border: 4px solid rgba(0,0,0,0.05); border-radius: 3px; box-shadow: 0 3px 0 rgba(0,0,0,0.2); margin-bottom: 20px; }

.WikiaArticle #toctitle h2 { font-size: 1rem; }/**/

/***********************************************************************/ /****************************** Navboxes *******************************/ /***********************************************************************/ /* Full width navbox, guaranteed */ .navbox-table { width: 100%; }/**/

/***********************************************************************/ /***************************** Changelog *******************************/ /***********************************************************************/ /*   font-weight: bold; color: gold; }
 * 1) news .highlight,
 * 2) news b,
 * 3) news strong {

font-weight: bold; color: red; } /**/
 * 1) news .redacted {

/***********************************************************************/ /***********************************************************************/ /************************ Bottom Configuration *************************/ /***********************************************************************/ /***********************************************************************/

/***********************************************************************/ /****************************** Keyframes ******************************/ /***********************************************************************/ /* Large pulse animation, used for WikiaNotifications */ @keyframes pulse { 0% {   box-shadow: 0 0 0 0 rgba(71, 104, 34, 1); } 70% {      box-shadow: 0 0 0 30px rgba(71, 104, 34, 0); } 100% {      box-shadow: 0 0 0 0 rgba(71, 104, 34, 0); } }/**/