User:JustLeafy/global.css

/* Imports */ @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/code.css|u:dev:MediaWiki:RedesignedAdminDashboard.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:EditorVisualMinimal/code.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:RefreshedNotifications.css|u:dev:MediaWiki:FandomizedPagination/code.css|u:dev:MediaWiki:FandomizedBloglists/code.css|u:dev:MediaWiki:FandomizedCategoryExhibition/code.css|u:dev:MediaWiki:FandomizedToggles/code.css|u:dev:MediaWiki:ModernProfile/Masthead.css|MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:FandomizedActivityFeed/dark.css|u:dev:MediaWiki:FandomizedThemeDesigner/dark.css|u:dev:MediaWiki:FandomizedPolls/dark.css|u:dev:MediaWiki:FandomizedLightbox/code.css|u:dev:MediaWiki:FandomizedToggles/code.css|u:dev:MediaWiki:FandomizedCommunityRail/code.css|u:dev:MediaWiki:FandomizedFieldsets/code.css&only=styles'); @import url("http://dev.wikia.com/index.php?title=Highlight/code.css&action=raw&ctype=text/css"); @import url('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url(http://fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400&subset=cyrillic,cyrillic-ext,latin,greek-ext,greek,latin-ext,vietnamese);

/* FandomizedPagination: Continued */

/* For ListUsers */

span#lu-table_previous, span.previous.paginate_button { margin-right: 10px !important; }

span#lu-table_next, span.next.paginate_button { margin-left: 10px !important; }

span#lu-table_first, span.first.paginate_button { margin-right: 5px !important; }

span#lu-table_last, span.last.paginate_button { margin-left: 5px !important; }

span#lu-table_first, span#lu-table_previous, span#lu-table_next, span#lu-table_last, span.first.paginate_button, span.last.paginate_button, span.previous.paginate_button, span.next.paginate_button { font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 4px 12px !important; }

.paging_full_numbers span.paginate_button:hover { background-color: #f1f1f1 !important; color: #3a3a3a !important; }

.paging_full_numbers span.paginate_button { border: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; padding: 2px 12px !important; margin: 0 0.5px !important; cursor: pointer; box-shadow: 1px 1px 2px rgba(0,0,0,0.75); background-color: #fff; }

.paging_full_numbers span.paginate_active { border: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; padding: 2px 12px !important; margin: 0 0.5px !important; cursor: pointer; background-color: black !important; color: #fff; border-radius: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.75); }

/* For FileList */

.TablePager_nav td { padding: 12px; font-weight: bold; text-transform: uppercase; font-size: 10px; }

/* Give myself a colored name because why not */

a[href$=JustLeafy] { color: #008000 !important; }

/*** Popovers ***/

.popover { background-color: rgba(0,0,0,0.8); animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; }

.popover-inner { border: none !important; box-shadow: none !important; background-color: #000; color: white; } .popover-content { background-color: #000 !important; } .popover.arrow { display: none; }

/* Recent Changes Header */

span.rclinks { float: right; }

span.rc-backlink-text > a:hover { text-decoration: none !important; } span.rclinks > a:hover { text-decoration: none; color: #999999; transition: .3s; }

/* Rounded Avatars */ .avatar { border-radius: 50%; border: 2px #cccccc solid; }

/* Rounded Avatars: Fixes */ padding: 0; } .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid silver; } .Forum .ThreadList .avatar { border: 2px #c1c1c1 solid; }   border: 2px #c1c1c1 solid; }
 * 1) WallThreadHistory tr .avatar {
 * 1) Wall.Thread .avatar {

/* End Fixes */

/* Moving Wordmark */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* Hiding Main Page Categories */

.skin-monobook.mainpage .catlinks, .skin-oasis.mainpage .article-categories { display: none; }

/* Removing Hubs and Footer */

.wds-global-navigation__link.wds-is-games, .wds-global-navigation__link.wds-is-movies, .wds-global-navigation__link.wds-is-tv, .wds-global-footer { display: none; }

/* Some modifications for the style in the leaderboards page */

/* Achievements Customization Page */

.customize-section h2 { font-weight: bold; font-size: 16px; }

form > input[type="submit"]:hover, ul.custom-badges li div.image-form button:hover, .customize-edit-plus-category button:hover { background-color: #3a3a3a !important; border-color: #3a3a3a !important; transition: .3s; }

ul.custom-badges li div.image-form button, .customize-edit-plus-category button, form > input[type="submit"] { padding: 7px 12px; height: 35px; color: white; background-color: black; border: 1px black solid; border-radius: 0 !important; font-size: 10px; text-transform: uppercase; font-weight: bold; background-image: none !important; }

ul.custom-badges li .image-form p span.custom-text { text-transform: uppercase; font-size: 10px; }

ul.custom-badges li .image-form p span.custom-text > a:hover { text-decoration: none; }

.article-sidebar h2 { font-weight: bold; font-size: 16px; }

span.enabled-flag label, span.disabled-flag label { text-transform: uppercase; top: -6px !important; }

input.c-enabled-flags, input.c-disabled-flags { top: -3px !important; }

/* Modules */

.popover-inner { border: none; box-shadow: none; background-color: #000; color: white; }

.popover-content { background-color: #000; }

.popover.left .arrow { border-left: 5px solid black; }

h2.achievements-title { font-weight: bold; font-size: 16px !important; }

.module.AchievementsModule.UserProfileAchievementsModule h2 { font-size: 16px !important; font-weight: bold; border-bottom: 1px #ccc solid; }

section.WikiaLatestEarnedBadgesModule.module, .module.AchievementsModule.UserProfileAchievementsModule { background: none; border: none; }

.WikiaRail .UserProfileAchievementsModule .data .data-details a:hover, .WikiaRail .UserProfileAchievementsModule .data .data-details > p a:hover { text-decoration: none !important; }

section.WikiaLatestEarnedBadgesModule.module > a.more, .WikiaRail .UserProfileAchievementsModule .badges-next, .WikiaRail .UserProfileAchievementsModule .badges-prev, .WikiaRail .AchievementsModule .more { text-transform: uppercase; padding: 7px 12px; color: black; border: 1px black solid; font-weight: bold; font-size: 10px; }

section.WikiaLatestEarnedBadgesModule.module > a.more:hover, .WikiaRail .UserProfileAchievementsModule .badges-next:hover, .WikiaRail .UserProfileAchievementsModule .badges-prev:hover, .WikiaRail .AchievementsModule .more:hover { text-decoration: none; transition: .3s; border-color: #3a3a3a; color: #3a3a3a; }

div > ul > .wikiaThrobber { display: none !important; }

h2.achievements-title { font-weight: bold; font-size: 16px; border-bottom: 1px #ccc solid !important; }

/* Leaderboard */

text-decoration: none; }
 * 1) about-achievements a:hover {

background-color: transparent; background-image: none; border: none; }
 * 1) about-achievements {

font-weight: bold; text-transform: uppercase; font-size: 10px; }
 * 1) about-achievements > span {

font-size: 16px; font-weight: bold; border-bottom: 1px #ccc solid; padding-bottom: 3px !important; }
 * 1) about-achievements h1 {

.LeaderboardTable .rank span { background-image: none; border: none; }

td > img.avatar { border-radius: 50% !important; border: 2px #ccc solid; }

.LeaderboardTable th { font-weight: bold; text-transform: uppercase; }

.LeaderboardTable .user > a:hover { text-decoration: none; }

/* Prevent the TFA module from floating (a script I made from dev) */

position: unset; }
 * 1) WikiaAdInContentPlaceHolder.rail-sticky-module {

/* Minimal Scrollbar */


 * -webkit-scrollbar {

width: 6px !important; height: 6px !important; }
 * -webkit-scrollbar-thumb {

background-color: rgba(50,50,50,0.5) !important; }
 * -webkit-scrollbar-thumb:hover {

background-color: rgba(40,40,40,0.75) !important; }
 * -webkit-scrollbar-thumb:active {

background-color: rgba(30,30,30,1) !important; }
 * -webkit-scrollbar-track {

background-color: transparent !important; }

/* Making Dropdowns more modern */

.category-gallery-form .wikia-menu-button li { box-shadow: none; font-weight: normal; }

.wikia-menu-button ul a:hover { background-color: #f1f1f1 !important; }

.wikia-menu-button ul li, .wikia-menu-button.secondary ul li { border-top: none; }

ul.WikiaMenuElement { border-top: 5px white solid !important; border-bottom: 5px white solid !important; min-width: 25px !important; }

.wikia-menu-button ul, .wikia-menu-button.secondary ul { border: none; border-radius: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.wikia-menu-button ul a, .Wall .speech-bubble-message .buttons ul li a { padding: 12px !important; font-size: 0.9rem !important; font-weight: 500; text-transform: capitalize !important; background-color: #fff !Important; }

/* Making Lists somewhat consistent with the newer style */

.WikiaArticle ul, .SpeechBubble .speech-bubble-message ul { list-style: disc; padding: 1px 0; font-weight: 400; line-height: 1.5em; }

/* More Redesigning for Editor Source Minimal */ .skin-oasis #EditPageRail .cke_button > a, .skin-oasis #EditPageRail .module_page_controls #wpSummary, .skin-oasis #EditPageRail .CategorySelect.editPage .categories, .skin-oasis #EditPageRail .CategorySelect.editPage .input { border: none; } .EditPage .module_content > .text-links > li > a { color: black; padding: 7px 12px; margin-left: 40px; font-weight: bold; text-transform: uppercase; font-size: x-small; font-family: Helvetica; } .EditPage .module_page_controls .diff-link { color: black; border: 1px black solid; font-weight: bold; text-transform: uppercase; font-size: x-small; font-family: Helvetica; padding: 4px 12px; margin-top: 8px; } .skin-oasis.editor a.wikia-button, .skin-oasis.editor .wikia-single-button a, .skin-oasis.editor .wikia-menu-button, .skin-oasis.editor .wikia-menu-button a, .skin-oasis.editor .wikia-menu-button span, .skin-oasis.editor input[type="submit"], .skin-oasis.editor input[type="reset"], .skin-oasis.editor input[type="button"], .skin-oasis.editor .button, .skin-oasis.editor button { border-radius: 0; font-weight: bold; text-transform: uppercase; font-size: x-small; font-family: Helvetica; } h3.preview-header { font-weight: bold; } .EditPage .module_page_controls .checkboxes > label, .EditPageToolbar .cke_toolbar_expand > a label { text-transform: uppercase; font-weight: bold; font-size: x-small; font-family: Helvetica; } .EditPagePermissionError .EditPageRail > .module.module_page_controls { background-color: #f1f1f1; background-image: none; }

/* Some modifications for EditorVisualMinimal */

.EditPageHeader { border-bottom: none; opacity: 0.95; box-shadow: none; }

body.ve .WikiaMainContent { box-shadow: 0 0 0 1000vw rgba(0,0,0,0.5) !important; z-index: 5000100 !important; }

.ve-ui-surface.ve-init-mw-viewPageTarget-surface.ve-ui-surface-dir-ltr { margin-left: 10px; margin-right: 10px; }

.ve-init-mw-viewPageTarget-toolbar { border-top: 5px solid rgba(231,231,231,0.9625); }

.oo-ui-toolbar-bar { background-color: rgba(231,231,231,0.9625); border-bottom: none !important; }

.skin-oasis.ve .oo-ui-toolbar .ve-init-mw-viewPageTarget-toolbar-actions { margin-right: 5px; }

.ve-ui-wikia-license { border-top: none !important; }

/* Inputbox Modernization */

/* Input Fields */

input.createboxInput, input.commentboxInput, input.searchboxInput { border: none; background-color: transparent; border-bottom: 1px solid gray; }

input.createboxInput:focus, input.commentboxInput:focus, input.searchboxInput:focus { border-bottom: 1px solid darkblue !important; transition: .3s; }

/* Buttons */

input.searchboxGoButton, input.createboxButton, input.searchboxSearchButton, input.commentboxButton { background-image: none !important; border-color: black !important; background-color: black !important; border-radius: 0 !important; text-transform: uppercase !important; font-size: 10px !important; font-weight: bold !important; padding: 7px 12px !important; height: 35px !important; }

input.searchboxGoButton:hover, input.createboxButton:hover, input.searchboxSearchButton:hover, input.commentboxButton:hover { transition: .3s; background-color: #3a3a3a; border-color: #3a3a3a; }

/* Fix */

.wds-global-navigation__search-input:focus { border-bottom: none !important; }

/* FANDOMized Tabs */

ul.tabs { display: flex; flex-direction: row; border-bottom: none; } .tabs li { border-bottom: 4px solid #999; color: #999; cursor: pointer; float: left; font-size: .875rem; font-weight: 700; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter 0.25s ease-out } .tabs li:hover { filter: brightness(1.3) } .tabs li a { color: inherit; } .tabs li:hover a { text-decoration: none; } .tabs li.selected { border-bottom: 4px solid currentColor; color: var(--theme-primary-color); } .tabs li.selected a { border: none; background: none; color: inherit; }

/*********************************HOVER IMAGES**********************************/ /* Hover Logo */ opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ }   #WikiHeader h1.wordmark img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* Hover Logo (editor) */ span.wordmark.medium.graphic.font- { opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ }   span.wordmark.medium.graphic.font-:hover { opacity: 1.00; filter: alpha(opacity=100); /* For IE8 and earlier */ } span.wordmark.small.graphic.font-cpmono { opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ }   span.wordmark.small.graphic.font-cpmono:hover { opacity: 1.00; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* Hover Class */ .hoverimage img { opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ }   .hoverimage img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }
 * 1) WikiHeader h1.wordmark img {

/* Notifications at the bottom of the website */ .WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0; }

.WikiaNotifications li div a { font-weight: bold; }

.WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; }

/* Modernizing Media */

/* Images */

.wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none; background-color: transparent; }

.wikia-gallery-item { border-bottom: none !important; }

img.pi-image-thumbnail:hover { background: url('https://vignette.wikia.nocookie.net/justleafy/images/7/72/ExpandFile.png/revision/latest?cb=20171121200110') -73px -350px no-repeat rgba(0,0,0,.5) !important; }

/* Videos */

figure { position: relative; }

figure .video-thumbnail + figcaption { position: absolute; top: 10px !important; left: 10px; }

figure .video-thumbnail + figcaption .title { font-size: 24px; color: white; font-family: Helvetica; font-weight: normal !important; } .video-thumbnail .duration { color: #FAFAFA; font-weight: bold; letter-spacing: 0.25px; line-height: 18px; background: rgba(0,0,0,0.7); font-size: 12px; }

.article-thumb.show-info-icon:hover .info-icon { display: none; }

figure.article-thumb.tnone.show-info-icon:hover { border: 2px rgb(0,214,214) solid; transition: .2s; color: rgb(0,214,214) !important; cursor: pointer; }

.video-thumbnail .duration:hover { display: block !important; }

/* Sliders */

li#wikiaPhotoGallery-slider-0-0 > div.description > p > a, li#wikiaPhotoGallery-slider-0-1 > div.description > p > a, li#wikiaPhotoGallery-slider-0-2 > div.description > p > a, li#wikiaPhotoGallery-slider-0-3 > div.description > p > a { background-color: transparent; border-color: white; color: white; font-size: 10px; font-weight: bold; text-transform: uppercase; background-image: none !important; border-radius: 0 !important; padding: 3px 12px; }

.wikiaPhotoGallery-slider-body .horizontal .description h2, .wikiaPhotoGallery-slider-body .vertical .description h2 { font-weight: bold !important; text-transform: uppercase; font-size: 14px !important; }

.wikiaPhotoGallery-slider-body .selected p > img { border: none !important; border-bottom: 2px white solid !important; transition: .3s; }

/* Slideshows */

.wikia-slideshow-toolbar.clearfix { background-color: black; padding: 12px; margin-right: 5px; margin-left: 5px; margin-top: -5px; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-next span:hover, .skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-prev span:hover { background-color: transparent; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-next span .chevron { border-color: transparent transparent transparent #fff; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-prev span .chevron { border-color: transparent #fff transparent transparent; }

.wikia-slideshow-images-wrapper.accent { background-color: transparent; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-next span, .skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-prev span { border-radius: 0; background-image: none; border: 1px black solid; background-color: transparent; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-next span:hover, .skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-prev span:hover { background-image: none !important; }

.skin-oasis .wikia-slideshow-prev-next a span .chevron { border-width: 5px 10px; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-next span .chevron { border-color: transparent transparent transparent black; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-prev span .chevron { border-color: transparent black transparent transparent; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-next span { margin-right: 5px; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-prev span { margin-left: 5px; }

.wikia-slideshow-toolbar .wikia-slideshow-toolbar-counter { font-weight: bold; color: white; }

.skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-next span, .skin-oasis .wikia-slideshow-prev-next .wikia-slideshow-prev span { border-radius: 0 !important; }

.wikia-slideshow-image-caption { opacity: 1; color: white; background: rgba(0,0,0,0.75); }

a.wikia-slideshow-addimage.wikia-button.secondary { color: white; border-color: white; background-color: transparent; background-image: none !important; border-radius: 0 !important; font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 7px 12px; margin-top: -6px !important; }

a.wikia-slideshow-addimage.wikia-button.secondary:hover { transition: .3s; color: #ccc; border-color: #ccc; }

.skin-oasis .wikia-slideshow-prev-next a:hover span { background-image: none; background-color: transparent; }

/* Fan Feed Enhancements */

/* Scrollable Fan Feed */

.mcf-content { height: 621px; overflow-y: auto; }

/* Make Cards Lighter On Hover */

a.mcf-card.mcf-card-article:hover { filter: brightness(120%) !important; transition: .5s; }

/* General Styling */

/* Fan Feed Header */

h1.mcf-header { margin-top: 6px; }

/* Cards */

.mcf-card { border: none; border-radius: 4px; }

/* Dark Modules */

.mcf-card-wiki-articles__item-link, .mcf-card-discussions__header, .mcf-card-discussions__content, .mcf-card-discussions__user-subtitle, .mcf-card-related-wikis__header, .mcf-card-related-wikis__title { color: white; }

.mcf-card-wiki-articles, .mcf-card-discussions__header, .mcf-card-discussions, .mcf-card-discussions__list::after, .mcf-card-discussions__list::before, .mcf-card-related-wikis__header, .mcf-card-related-wikis { background-color: black; }

.mcf-card-wiki-articles__item { border-bottom: 1px white solid; }

/* Selection Color */


 * selection {

background-color: rgba(120,120,120,0.5); }

/* Cat and Lang Bars */

.CategorySelect.articlePage, .article-categories { background: rgba(0, 0, 0, 0.1); border: none; }

.CategorySelect.articlePage .add { background-image: none !important; border: 1px black solid; border-radius: 0 !important; text-transform: uppercase; font-size: x-small; color: black; font-weight: bold; padding: 7px 12px; background-color: transparent; height: 35px; }

button#CategorySelectCancel { background-image: none !important; border: 1px white solid; border-radius: 0 !important; text-transform: uppercase; font-size: x-small; color: white; font-weight: bold; padding: 7px 12px; background-color: transparent; height: 35px; }

button#CategorySelectSave { background-image: none !important; border: 1px white solid; border-radius: 0 !important; text-transform: uppercase; font-size: x-small; color: black; background-color: white !important; font-weight: bold; padding: 7px 12px; background-color: transparent; height: 35px; }

.CategorySelect.articlePage .add:hover { color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }

button#CategorySelectCancel:hover { color: #c7c7c7; border-color: #c7c7c7; transition: .3s; }

button#CategorySelectCancel:hover { background-color: #c7c7c7; border-color: #c7c7c7; transition: .3s; }

.CategorySelect.articlePage .category.new, .CategorySelect.articlePage .placeholder { background-color: lightgray; border: none; border-radius: 0; }

.CategorySelect.articlePage .input { background-color: transparent; } a.categoriesLink, .CategorySelect.articlePage .special-categories { color: black; font-weight: bold; font-size: 10px; text-transform: uppercase; }

.CategorySelect.articlePage > .toolbar { background-color: rgba(0,0,0,0.65) !important; border-top: none; }

/* Modernizing Comments */

/* Loading Throbbers */

.WikiaArticleComments.loading { background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .8s linear infinite; height: 60px !important; width: 90px !important; padding-right: 30px; background-size: 86px !important; padding-left: 550px; margin-top: -5px !important; border-top: 0 !important; }

background: url(https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239) no-repeat center !important; animation: rotator .8s linear infinite; height: 60px !important; padding-top: 10px !important; width: 90px !important; padding-right: 30px; background-size: 86px !important; }
 * 1) article-comm-form > div > div > div > span.loading-throbber {

/* Mini Editor */ input#article-comm-submit { padding: 7px 12px; height: 35px; color: white; font-size: 10px; font-weight: bold; text-transform: uppercase; border-radius: 0 !important; background-image: none !important; } input#article-comm-submit:hover { transition: .3s; } span.cke_button.cke_button_bold { border-radius: 0; border: none; } input.cp-button.cp-button-preview.wikia-button.secondary { border: 1px black solid; padding: 7px 12px; background-color: transparent; height: 35px; color: black; font-size: 10px; font-weight: bold; text-transform: uppercase; border-radius: 0 !important; background-image: none !important; } input.cp-button.cp-button-preview.wikia-button.secondary:hover { color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }

.WikiaArticleComments #article-comments > .MiniEditorWrapper .session img { border-radius: 50%; }

/* Rounding Avatars */

border-radius: 50%; }
 * 1) article-comments-ul > .SpeechBubble .speech-bubble-avatar > a > img.avatar {

height: 50px; width: 50px; padding: 0; }
 * 1) article-comments-ul > .SpeechBubble .speech-bubble-avatar {

/* Comment Links and Buttons */

.SpeechBubble .article-comm-input-text input { float: right; margin-left: 10px; color: white; background-color: black; height: 35px; padding: 7px 12px; border-color: black; background-image: none !important; font-size: x-small; font-weight: bold; }

.SpeechBubble .article-comm-input-text input:hover { background-color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }

a.article-comm-delete:hover, .article-comm-edit.actionButton:hover, .WikiaArticleComments .article-comm-history:hover { text-decoration: none !important; color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }

button.article-comm-reply.wikia-button.secondary.actionButton:hover { color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }

button.article-comm-reply.wikia-button.secondary.actionButton { border: 1px black solid; padding: 7px 12px; background-color: transparent; height: 35px; color: black; font-size: 10px; font-weight: bold; text-transform: uppercase; border-radius: 0 !important; background-image: none !important; }

a.article-comm-delete, .article-comm-edit.actionButton, .WikiaArticleComments .article-comm-history { border: 1px black solid; padding: 9px 12px; background-color: transparent; height: 35px; color: black; font-size: 10px; font-weight: bold; text-transform: uppercase; border-radius: 0 !important; background-image: none !important; }

.SpeechBubble .tools img { display: none; }

.SpeechBubble .tools { margin-right: 3px; margin-top: 9px; }

/* Comments Style */

.WikiaArticleComments .sub-comments { border: none; }

.SpeechBubble.even, .SpeechBubble.odd { border: none !important; border-top: 1px #ccc solid !important; padding-top: 5px; }

.SpeechBubble.even .speech-bubble-message, .SpeechBubble.owner .speech-bubble-message, .SpeechBubble .speech-bubble-message, .SpeechBubble .speech-bubble-message.current { background: transparent; border-radius: 0; border: 0; }

.SpeechBubble .speech-bubble-message:before, .SpeechBubble.even .speech-bubble-message:after, .SpeechBubble.owner .speech-bubble-message:after, .SpeechBubble:after, .SpeechBubble .speech-bubble-message:after { display: none !important; }

.SpeechBubble { border-bottom: 1px #cccccc solid; padding-bottom: 5px; }

.WikiaArticleComments .comments .article-comm-text { margin-bottom: -10px; }

.SpeechBubble .speech-bubble-message p { margin-bottom: 1.75em; }

.SpeechBubble .speech-bubble-message.current { border-bottom: 1px red solid; transition: .3s; }

/* Fix */

border: none; }
 * 1) Wall.Thread .comments > .message > .replies .new-reply .speech-bubble-avatar {

/* Discussions About Module */

margin-top: 33px; margin-bottom: -3px; font-weight: bold; font-size: 16px; }
 * 1) RelatedForumDiscussion > h2 {

a.button.forum-new-post { background-image: none !important; border-radius: 0 !important; font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 4px 12px; margin-bottom: -3px; background-color: black; border-color: black; color: white; }

.RelatedForumDiscussion .forum-discussions .forum-thread .forum-total-replies { font-weight: bold; text-transform: uppercase; font-size: 13px; margin-left: -15px; }

.RelatedForumDiscussion .forum-replies .forum-reply .forum-user-avatar { border: 2px #ccc solid !important; border-radius: 50% !important; }

.RelatedForumDiscussion .forum-see-more { margin-bottom: 7px; margin-top: 10px !important; }

.RelatedForumDiscussion .forum-see-more > a { color: black; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 7px 12px; border: 1px black solid; }

.RelatedForumDiscussion .forum-see-more > a:hover { text-decoration: none; transition: .3s; color: #3a3a3a; border-color: #3a3a3a; }

a.button.forum-new-post:hover { transition: .3s; background-color: #3a3a3a; border-color: #3a3a3a; }

a.forum-thread-title { margin-left: -15px; }

a.forum-thread-title:hover, .RelatedForumDiscussion .forum-user-name > a:hover { text-decoration: none; }

.RelatedForumDiscussion .forum-discussions .forum-thread { border-bottom: 1px #ccc solid; }

.RelatedForumDiscussion .forum-discussions .forum-thread .talk-two { display: none; }

.RelatedForumDiscussion ul { margin-left: -15px; }

/* Page Header Improvements */

/* Dropdowns */

header > nav > ul > li > div > .wds-is-not-scrollable.wds-dropdown__content, .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { border-radius: 0; background-color: #f6f6f6; color: black; border: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
 * 1) PageHeader > div > div > div > div > .wds-dropdown__content.wds-is-not-scrollable.wds-is-right-aligned,

.wds-community-header .wds-dropdown::after { border-bottom-color: #f6f6f6; }
 * 1) PageHeader > div > div > div.wds-button-group > div.wds-dropdown::after,

.WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a#ca-ve-edit, .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a#ca-history, .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a#ca-move, .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a#ca-protect .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a#ca-unprotect .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a#ca-delete .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a#CuratedContentTool, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked>li>a:hover, .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a { background-color: #ebebeb; color: #3a3a3a; }

/* Hide Redundant Wordmark */

.wds-community-header__sitename { visibility: hidden; }

/* Article Header */

.WikiaPage .page-header__title { font-size: 30px; margin-bottom: -2px; }

.page-header__contribution-buttons { margin-bottom: -6px; }