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:FandomizedActivityFeed/light.css|u:dev:MediaWiki:FandomizedToggles/code.css|u:dev:MediaWiki:ModernProfile/Masthead.css&only=styles'); @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('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css');

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

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

background-color: #e4e4e4; background-image: none; }
 * 1) about-achievements {

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

.WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li > a { cursor: pointer; }

/* Redesigning Theme Designer */

.Designer { background-color: #111111; } .Navigation { background-image: none; } .Navigation li { background-color: #222222; border-bottom: none; background-image: none; } .WikiaSlider { border-bottom: none; border-top: none; background-image: none; margin-top: -60px; margin-left: 60px; } .ThemeTab img { border: none; } .ThemeDesignerPicker h1 { font-weight: bold; color: white } .Designer h1 { font-weight: bold; color: #ffffff } .ThemeDesignerPicker { box-shadow: none; background: #000000; border: 1px solid #c1c1c1; border-radius: 4px; } img#swatch-community-header-image-background { border: 1px #c1c1c1 solid; } .CustomizeTab li img { border: none; } input#CommunityHeaderBackgroundImageUploadFile { padding-bottom: 5px; } .Toolbar { background-color: #222222; border-bottom: none; background-image: none; } .Toolbar .inner .history { font-weight: bold; text-transform: uppercase; color: white; } .Toolbar .inner .history .revisions { background: none; border: none; color: white; font-size: 11px; margin-right: 0; padding: 0; } .Toolbar .inner .history .chevron { border-color: #ffffff transparent transparent; } .Toolbar .inner .history ul { box-shadow: none; background-color: #000000; border: 1px solid #cccccc; border-radius: 4px; } .Toolbar .inner button.cancel { background-color: transparent; background-image: none; color: #fff; border-color: #fff; text-transform: uppercase; font-weight: bold; border-radius: 0; font-size: x-small; } .Toolbar .inner button.save { background-image: none; text-transform: uppercase; font-weight: bold; border-radius: 0; font-size: x-small; } .Toolbar .inner .history ul li:hover { background-color: #666666; } .WordmarkTab h2 { font-weight: bold; } .Toolbar .mode { color: white; font-weight: bold; font-size: 18px; } .Navigation li.selected a:hover { color: #bbbbbb; } .Navigation li.selected a { color: white; text-transform: uppercase; font-size: x-small; } .Navigation a { color: white; text-transform: uppercase; font-size: x-small; } .Designer h2 { font-weight: bold; color: #ffffff } section { border-right: none; } section#CustomizeTab { background-color: #000000; } section#ThemeTab { background-color: #000000; } section#WordmarkTab { background-color: #000000; border-bottom: none; } .Navigation li.selected { box-shadow: none; background-color: black; } .ThemeTab .next { border-color: transparent transparent transparent white; } .ThemeTab .previous { border-color: transparent white transparent transparent; }

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

/************************** MODERNIZING WIKIFEATURES ***************************/

/*** Modernizing Polls (thanks to User:NoReplyz for originally making this. ***/

/* Improving scaling for polls */ .pollAnswer { padding: 10px 0; }

.pollAnswerName { padding: 0 !important; } /* For Formatting purposes, this is separated. */ .home-poll .ajax-poll { border: none; width: calc(100%-6); background: #888888; color: white; }

.home-poll .ajax-poll .header { font-family: 'Helvetica'; font-weight: normal; background: black; color: #FFF; } .home-poll .pollAnswerVotes div { background: #54f95d; } /* Additional Changes that only apply to home polls*/

.home-poll .pollAnswerName label { display: block; margin-bottom: 5px; }

.home-poll .pollAnswerName input[type="radio"] { vertical-align: middle; margin: -1px 5px 0; }

.home-poll .pollAnswerVotes { margin-left: 0 !important; width: auto !important; border: none !important; background: #333333; padding: 10px; }

.home-poll .pollAnswerVotes span { padding:8px 5px; color: #ffffff; }

.home-poll .pollAnswerVotes div { padding: 10px 0; margin-top: 0!important; font-size: 10px !important; background-color: #000000; }

.home-poll #ajax-poll-area div:not(.pollAnswer):not(.pollAnswerName):not(.pollAnswerVotes) { font-size: 12px; margin-top: -15px; line-height: 170%; }

.home-poll .ajax-poll { padding: 0!important; }

.home-poll .ajax-poll .center { height: 1px; font-size: 11px; }

.home-poll .ajax-poll .header { padding: 14px 13px; font-size: 20px; line-height: 140%; }

.home-poll .ajax-poll form { padding: 0 10px; }

.home-poll .ajax-poll form input[type="submit"] { width: 150px; text-align: center; background-color: transparent; color: #000000; border-color: #000000; border: 1px solid; border-radius: 0; margin-top: 8px; margin-bottom: 4px; height: 33px !important; margin-left: 80px; }

/*** Modernizing Blogs ***/ /* Bloglists */

a.comments > .commentsbubble { border: none; background-image: none; background: none; font-size: small; color: black; font-weight: bold; }

.WikiaBlogListing .avatar { border: 2px solid silver; border-radius: 50%; }

span.read-more { font-weight: bold; text-transform: uppercase; font-size: small; }

.WikiaBlogListing .author-details span a, .WikiaBlogListing .author-details span a:visited { font-weight: normal; color: hsla(0, 0%, 23%, 0.75); }

.WikiaBlogListing .author-details span { color: hsla(0, 0%, 23%, 0.75); }

/* Module (from c:dev:ConsistentModules */

.skin-oasis .WikiaBlogListingBox .read-more a:hover, .skin-oasis .WikiaBlogListingBox .more:hover { text-decoration: none; }

.skin-oasis .WikiaBlogListingBox { position: relative; padding-bottom: 22px; background: transparent; border: none; }

.WikiaBlogListingBox h2 { padding-bottom: 3px; border-bottom: 1px #cccccc solid; }

.WikiaBlogListingBox h2 br { display: none; }

.skin-oasis .WikiaBlogListingBox .wikia-button, .skin-oasis .WikiaBlogListingBox .more { border-radius: 0; position: absolute; font-size: x-small; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 10px; background: none; color: black; border-color: black; }

.skin-oasis .WikiaBlogListingBox { position: relative; padding-bottom: 22px; } .skin-oasis .WikiaBlogListingBox .wikia-button { background: none; bottom: 0; height: auto; right: 0; } .skin-oasis .WikiaBlogListingBox .more { bottom: 0; left: 0; } .skin-oasis .WikiaBlogListingBox .wikia-button .sprite { display: none; } .skin-oasis .WikiaBlogListingBox ul { margin: 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost:first-child { padding: 0 0 6px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost:nth-child(n+2) { border: none; padding: 6px 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .avatar { border: 2px solid hsla(0, 0%, 0%, 0.2); border-radius: 50%; height: 28px; width: 28px; margin: 0; } .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .WikiaBlogListingPost .avatar { border: 2px solid hsla(0, 0%, 100%, 0.2); } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details { margin-left: 40px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details h2 { border: none; font-size: 14px; font-weight: normal; line-height: 1.125em; margin-bottom: 2px; min-height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details h2 a, .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span a { font-size: inherit; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { font-size: 12px; color: hsla(0, 0%, 23%, 0.75); } .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: hsla(0, 0%, 83%, 0.75); } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span a { color: inherit; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary { padding: 8px 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary p { font-style: italic; line-height: 1.5em; padding-bottom: 4px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary p * { color: inherit !important; font-size: inherit !important; line-height: inherit !important; text-shadow: inherit !important; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .read-more { text-transform: uppercase; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes { bottom: 16px; line-height: 1em; position: absolute; right: 0; width: auto; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes .comment { white-space: normal; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes .commentsbubble { background: none; line-height: 13px; margin: 0; border-radius: 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentsbubble:before, .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentsbubble:after { display: none; }

/*** Attempting to modernize the category exhibition feature ***/

/* Category Exhibition Header */

nav.wikia-menu-button.secondary.combined { font-weight: bold; text-transform: uppercase; font-size: x-small; border-radius: 0; background-image: none; background-color: transparent; border-color: black; }

.wikia-menu-button.secondary.combined:hover { background-color: transparent; border-color: #6d6d6d; color: #6d6d6d; background-image: none; }

.category-gallery-form { margin: 0 5px 5px 5px; text-align: right; font-weight: bold; }

/* Images of subcategories and pages */

.category-gallery-item { height: 171px; width: 171px; margin: 0; margin-right: 1px; margin-bottom: 5px; }

.category-gallery-item img { box-shadow: none; padding: 0; height: 171px; width: 171px; }

.category-gallery-item .title { font-weight: bold; border-radius: 0; margin-top: 149px; margin-left: 0; background-color: rgba(0, 0, 0, 0.6); max-width: 171px; text-transform: uppercase; font-size: x-small; font-family: Helvetica; }

.category-gallery .category-gallery-holder .category-gallery-room1 { width: 700px; }

.category-gallery-item .snippet { background-color: transparent; width: 160px; height: 160px; box-shadow: none; }

.wikia-paginator ul .paginator-spacer { font-weight: bold; color: black; }

.category-gallery .wikiaThrobber { background: url(https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239) no-repeat 50% 50% !important; background-size: 6.8em !important; animation: rotator .8s linear infinite; background-color: transparent; height: 100%; left: 0; opacity: .75; position: absolute; top: 0; width: 100%; z-index: 2; }

.category-gallery-item span.details { border-radius: 0; background-color: rgba(0, 0, 0, 0.6); margin-left: 1px; margin-top: 150px; color: white; max-width: 171px; font-weight: bold; text-transform: uppercase; font-size: x-small; font-family: Helvetica; }

/* Making Dropdowns more modern */

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

.wikia-menu-button ul a:hover { transition-duration: 0.3s; transition-property: background-color,color; }

ul.WikiaMenuElement { border: 1px #cccccc solid; border-radius: 4px; }

.WikiaMenuElement li a { font-weight: bold; text-transform: uppercase; font-size: 10px; }

.wikia-menu-button ul { 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); }

.wikia-menu-button ul a { padding: 12px !important; }

ul.WikiaMenuElement { min-width: 136px !important; }

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

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

.WikiaArticle ul { list-style: disc; padding: 1px 0; font-size: 14px; 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; }

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

/* Some modifications for EditorVisualMinimal */

.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 {

/* Experimenting a new design for the mini editor */

/* In Comments */

textarea#article-comm { border-bottom: 3px solid #cccccc; margin-top: -130px; height: 25px !important; background-color: transparent !important; margin-bottom: -30px; }

.WikiaArticleComments .MiniEditorWrapper .editarea { background-color: transparent !important; border: none !important; }

.WikiaArticleComments .MiniEditorWrapper .editarea textarea { background-color: transparent; border-bottom: 3px #cccccc solid !important; }

.WikiaArticleComments .MiniEditorWrapper .editarea textarea:focus { box-shadow: none !important; border-bottom: 3px black solid !important; transition: .3s; }

textarea#article-comm { height: 25px !important; background-color: transparent !important; }

.WikiaArticleComments .MiniEditorWrapper .focused .editarea { box-shadow: none !important; }

input#article-comm-submit { padding: 7px 12px; height: 35px; background-color: black; border-color: black; 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; background-color: #3a3a3a; border-color: #3a3a3a; }

.MiniEditorWrapper .toolbar .cke_button > a { background-color: black !important; border: none !important; border-radius: 0 !important; }

.MiniEditorWrapper .toolbar .cke_button > a:hover { background-color: #3a3a3a !important; background-image: none !important; transition: .3s; }

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%; border: 2px silver solid; }

.WikiaArticleComments .MiniEditorWrapper .toolbar, .WikiaArticleComments .MiniEditorWrapper .buttons { margin-top: 40px !Important; }

/* Message Wall */

textarea#WallMessageTitle, .Wall .new-message .editarea textarea { background-color: transparent; border-bottom: 3px white solid; font-weight: bold; text-align: center; }

textarea#WallMessageTitle:focus, .Wall .new-message .editarea textarea:focus { border-bottom: 3px black solid; background-color: transparent !important; transition: .3s; box-shadow: none !important; }

textarea#WallMessageBody { height: 50px !important; font-family: Helvetica; }

button#WallMessagePreview { padding: 7px 12px; background-color: transparent; border-color: black; color: black; border-radius: 0 !important; background-image: none !important; font-weight: bold; text-transform: uppercase; font-size: 10px; }

button#WallMessageSubmit { padding: 7px 12px; background-color: black; border-color: black; border-radius: 0 !important; background-image: none !important; font-weight: bold; text-transform: uppercase; font-size: 10px; }

button#WallMessageSubmit:hover { transition: .3s; background-color: #3a3a3a; border-color: #3a3a3a; }

button#WallMessagePreview:hover { transition: .3s; color: #3a3a3a; border-color: #3a3a3a; }

.Wall .SpeechBubble.new-message .no-title-container .no-title-warning { background-color: darkred; font-weight: bold; text-transform: uppercase; font-size: 10px; border-radius: 0; }

.Wall .SpeechBubble.new-message .speech-bubble-message { background-color: transparent !important; }

button.previewButton.secondary { background-color: transparent; border-color: black; color: black; padding: 7px 12px; border-radius: 0; background-image: none !important; text-transform: uppercase; font-size: 10px; font-weight: bold; }

button.replyButton { border-color: black; background-color: black; padding: 7px 12px; border-radius: 0; background-image: none !important; text-transform: uppercase; font-size: 10px; font-weight: bold; }

button.replyButton:hover { background-color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }

button.previewButton.secondary:hover { color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }

.Wall .MiniEditorWrapper .editarea textarea { background-color: transparent !important; }

.Wall .new-reply .editarea { border: none; border-bottom: 3px white solid; height: 50px; }

.Wall .MiniEditorWrapper.focused .editarea { box-shadow: none !Important; }

.Wall .new-reply .editarea:focus { border-bottom: 3px black solid !important; transition: .3s; }

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

/* Toggles */

input[type="checkbox"] { /* your desired styles here */ -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; font-size: 16px; padding: 7px 5px 7px 52px; position: relative; } input[type="checkbox"]:checked { /* your desired styles here */ -moz-appearance: none; -webkit-appearance: none; appearance: none; } /* :empty is needed */ input[type="checkbox"]:empty { padding-left: 45px; } input[type="checkbox"]::before { background-color: #999; border-radius: 8px; height: 14px; left: 6px; width: 34px; } input[type="checkbox"]:checked::before { background-color: #7ae7ff; border-radius: 8px; height: 14px; left: 6px; width: 34px; } input[type="checkbox"]::after, input[type="checkbox"]::before { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ''; margin: 0; outline: 0; position: absolute; top: 50%; transform: translateY(-50%); transition-duration: 0.3s; transition-timing-function: ease; transition: transform, background-color, -webkit-transform; } input[type="checkbox"]::after { background-color: #f6f6f6; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084); height: 20px; left: 5px; min-width: 20px; transition: all 0.5s; width: 20px; } input[type="checkbox"]:checked::after { background-color: #00b7e0; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084); height: 20px; left: 20px; min-width: 20px; width: 20px; }

/* Modernizing Sliders and Slideshows */

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

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

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

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

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

/* Modernizing the File Viewer */ .LightboxModal .LightboxHeader .more-info-button, .LightboxModal .LightboxHeader .share-button { background-image: none; border-radius: 0; border-color: white; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small; padding: 7px 12px; color: white; } a.wikia-button.more-info-button.secondary, a.wikia-button.share-button.secondary { background-image: none; background-color: transparent; } button.wikia-chiclet-button img { background-color: white; } .LightboxModal .see-full-size-link { margin-left: 448px; border-left: none; padding: 6px 12px; border-left: 1px white solid; border: 1px white solid; text-transform: uppercase; font-weight: bold; color: white; font-size: x-small !important; text-decoration: none; float: right; } a.see-full-size-link:hover, .LightboxModal .LightboxHeader .more-info-button:hover, .LightboxModal .LightboxHeader .share-button:hover { transition-duration: .3s; border-color: #bbbbbb !important; color: #bbbbbb !important; background-color: transparent; background-image: none; } .LightboxModal .user-details .avatar { border: 2px #cccccc solid; border-radius: 50% !important; } .LightboxModal .LightboxHeader .user-details { color: #888888; }

.LightboxModal .LightboxCarousel .carousel-arrow.disabled, .LightboxModal .LightboxCarousel .carousel-arrow.next, .LightboxModal .LightboxCarousel .carousel-arrow.previous { background-color: transparent; border-radius: 0; border: 1px white solid; background-image: none; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p { color: black; text-transform: uppercase; font-weight: bold; font-size: 9px; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.active { outline: none !important; border-bottom: 2px white solid; }

.LightboxModal .LightboxHeader .more-info-button:before, .LightboxModal .LightboxHeader .share-button:before { display: none; } .LightboxModal .LightboxHeader { border-bottom: none !important; box-shadow: none !important; } .LightboxModal .LightboxCarousel { border-top: none !important; box-shadow: none !important; } section#LightboxModal { width: 1360px !important; margin-left: -680px !important; margin-top: -25px !important; border: none; background-color: black; height: 662px !important; } .blackout { background-color: #000000 !important; opacity: 0.8; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer { width: 1266px; } .LightboxModal .LightboxHeader, .LightboxModal .LightboxCarousel { background-color: rgba(0,0,0,0.75) !important; }

.LightboxModal .LightboxCarousel .progress { color: white; }

span.posted-in, .LightboxModal .LightboxHeader .user-details { font-weight: bold; text-transform: uppercase; font-size: 10px; }

header.LightboxHeader > h1 > a:hover, .LightboxModal .LightboxHeader .user-details > a:hover, span.posted-in-article > a:hover { filter: brightness(115%); text-decoration: none; transition: .3s; }

.LightboxModal .LightboxHeader .more-info-button:before, .LightboxModal .LightboxHeader .share-button:before { display: none !important; }

.span.icon.pin.button.secondary { background-color: white; }

span.icon.pin.button.secondary:hover { background-color: #dfdfdf; border-color: #dfdfdf; transition: .3s; }

.LightboxModal .LightboxCarousel .carousel-arrow.next:after { border-left-color: white !important; }

.LightboxModal .LightboxCarousel .carousel-arrow.previous:after { border-right-color: white !important; }

/* Polls */

div.ajax-poll { background-color: black; border: none !important; }

.pollAnswerVotes { border: none !important; height: 35px !important; }

div.ajax-poll div.header { background-color: #222222; padding: 12px; margin-left: -14px !important; margin-top: -14px !important; margin-right: -17px !important; color: white; }

.pollAnswerVotes div { background-color: #444444; }

.pollAnswerVotes span { left: 7px !important; }

div#ajax-poll-area { font-size: 14px; font-weight: bold; color: white; }

input#axPollSubmit { font-size: 10px; text-transform: uppercase; font-weight: bold; border-radius: 0 !important; background-image: none !important; padding: 7px 12px; height: 35px; margin-left: 105px !important; margin-top: 10px !important; }