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&only=styles'); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:RedesignedAdminDashboard.css&only=styles"); @import url('/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css&only=styles'); @import "http://dev.wikia.com/index.php?title=CSS3Tooltip/code.css&action=raw&ctype=text/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');

/* Rounded Avatars */ .avatar { border-radius: 50%; border-width: 2px; border-color: silver; }

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

/* Source Editor Header Improvements*/ .EditPageHeader { border-bottom: none; opacity: 0.95; box-shadow: none; }

.ve-init-mw-viewPageTarget-toolbar { border-top: none; } .oo-ui-toolbar.ve-ui-toolbar.ve-ui-dir-inline-ltr.ve-ui-dir-block-ltr.ve-init-mw-viewPageTarget-toolbar { margin-left: -10px; margin-right: -10px; }

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

.WikiaArticleComments .article-comments-pagination { display: flex; justify-content: center; } .WikiaArticleComments .article-comments-pagination .article-comments-pagination-link, .WikiaArticleComments .article-comments-pagination pre { border: none !important; background: #ffffff; font-family: Helvetica !important; font-size: 12px !important; color: #444444; font-weight: 300; margin: 0 !important; padding: 2px 12px !important; box-shadow: 1px 1px 2px rgba(0,0,0,0.75); font-size: 13px !important; cursor: default; border-left: 1px solid silver !important; } .WikiaArticleComments .article-comments-pagination .article-comments-pagination-link:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .WikiaArticleComments .article-comments-pagination .article-comments-pagination-link:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-next:before { content: '>'; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-prev:before { content: '<'; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-prev:before, .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-next:before { visibility: visible; border: none !important; background: #ffffff !important; font-family: Helvetica !important; font-size: 12px !important; color: #444444 !important; font-weight: 300 !important; padding: 2px 8px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor: default; } .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-prev, .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-next { visibility: hidden; width: 5px; white-space: nowrap; } .WikiaArticleComments .article-comments-pagination .article-comments-pagination-link:hover { text-decoration: none; color: black; } .WikiaArticleComments .article-comments-pagination .article-comments-pagination-link:not(.selected):hover { background-color: #bbb !important; cursor: pointer; } .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-prev:not(.selected):hover:before, .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-next:not(.selected):hover:before { background-color: #bbb !important; text-decoration: none; cursor: pointer; } .WikiaArticleComments .article-comments-pagination #article-comments-pagination-link-prev { margin-right: 15px !important; }

.Wall ul.Pagination li:not(:last-of-type) a, .Wall ul.Pagination li.ellipsis { border: none; background: #ffffff; font-family: Helvetica !important; font-size: 12px !important; color: #444444; font-weight: 300; margin: 0 !important; padding: 2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor: default; } .Wall ul.Pagination li { border-color: silver !important; } .Wall ul.Pagination li.ellipsis { padding: 2px 4px !important; } .Wall ul.Pagination li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .Wall ul.Pagination li:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .Wall ul.Pagination li.next > a:before { content: '>'; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .Wall ul.Pagination li.prev > a:before { content: '<'; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .Wall ul.Pagination li.prev > a:before, .Wall ul.Pagination li.next > a:before { visibility: visible; border: none !important; background: #ffffff !important; font-family: Helvetica !important; font-size: 12px !important; color: #444444 !important; font-weight: 300 !important; padding: 7.5px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor: default; } .Wall ul.Pagination li.prev > a, .Wall ul.Pagination li.next > a { visibility: hidden; width: 5px; white-space: nowrap; } .Wall ul.Pagination li.prev > a { margin-right: 20px !important; } .Wall ul.Pagination li.next > a { margin-left: 0; } .Wall ul.Pagination li a:hover { text-decoration: none; } .Wall ul.Pagination li:not(.selected) a:hover { background-color: #ddd !important; } .Wall ul.Pagination li:not(.selected).prev a:hover:before, .Wall ul.Pagination li:not(.selected).next a:hover:before { background-color: #ddd !important; text-decoration: none; } .Wall .Pagination li.selected a { font-weight: bold !important; background-color: rgb(51, 120, 0) !important; color: white !important; }

.wds-global-navigation__link.wds-is-games { display: none; }

.wds-global-navigation__link.wds-is-movies { display: none; }

.wds-global-navigation__link.wds-is-tv { display: none; }

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

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

/* EditorVisualMinimal - minimalist visual editor customisation */ /** VisualEditor UI modifications **/ .skin-oasis.ve { pointer-events: auto; } .skin-oasis .ve-spinner .content { background: none; border: none; box-shadow: none; } .skin-oasis .ve-spinner .loading { height: 64px; width: 64px; } .skin-oasis .ve-spinner .loading, .skin-oasis.ve .oo-ui-window .wikiaThrobber { animation: rotator .5s linear infinite; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center / 64px; } .skin-oasis.oasis-dark-theme .ve-spinner .loading, .skin-oasis.ve.oasis-dark-theme .oo-ui-window .wikiaThrobber { background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center / 64px; } .skin-oasis .ve-spinner .message { display: none !important; } /** VisualEditor main interface styling **/ .skin-oasis.ve .WikiaMainContent { box-shadow: none; z-index: 1; } .skin-oasis.ve .oo-ui-toolbar-bar, .skin-oasis.ve .oo-ui-tool-active.oo-ui-widget-enabled, .skin-oasis.ve .oo-ui-popupToolGroup-active, .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { background-image: none !important; } .skin-oasis.ve .ve-ui-overlay .oo-ui-popupWidget-popup, .skin-oasis.ve .oo-ui-toolbar .oo-ui-toolGroup, .skin-oasis.ve .oo-ui-toolbar .oo-ui-barToolGroup .oo-ui-tool:first-child, .skin-oasis.ve .oo-ui-toolbar .oo-ui-barToolGroup .oo-ui-tool:last-child { border-radius: 0; } .skin-oasis.ve .oo-ui-toolbar .ve-init-mw-viewPageTarget-toolbar-actions { padding: 8px 0; } .skin-oasis.ve .oo-ui-toolbar .ve-init-mw-viewPageTarget-toolbar-actions .oo-ui-buttonWidget { margin-top: 0; } /** VisualEditor button styling **/ .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { background-image: none !important; border-radius: 0; font-weight: bold; font-size: x-small; padding: 2px 12px; text-transform: uppercase; transition: background 0.3s; } .skin-oasis.ve .oo-ui-buttonElement-button > .oo-ui-labelElement-label { vertical-align: baseline; } .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button.secondary { background: transparent; border-radius: 0; border-color: currentColor; transition: opacity 0.3s; } .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button.secondary:hover { opacity: 0.8; } /** VisualEditor general modal styling **/ .skin-oasis.ve .oo-ui-windowManager-modal > .oo-ui-dialog { background: hsla(0, 0%, 0%, 0.5); } .skin-oasis.ve .oo-ui-window-frame { border-radius: 0 !important; height: 90vh !important; } .skin-oasis.ve .oo-ui-window .oo-ui-window-frame, .skin-oasis.ve .oo-ui-window .oo-ui-window-body { border: none; box-shadow: none; } .skin-oasis.ve .oo-ui-window .oo-ui-window-body { border-top: 1px hsla(0, 0%, 0%, 0.2) solid; } .skin-oasis.ve.oasis-dark-theme .oo-ui-window .oo-ui-window-body { border-top: 1px hsla(0, 0%, 100%, 0.2) solid; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head { background-color: hsla(0, 0%, 50%, 0.2); display: flex; flex-direction: row-reverse; font-size: 17px; font-weight: bold; height: auto; justify-content: space-between; line-height: 1em; padding: 13px 20px; align-items: center; } .skin-oasis.ve .oo-ui-window .oo-ui-processDialog-location, .skin-oasis.ve .oo-ui-window .oo-ui-processDialog-navigation { height: auto; padding: 0 !important; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-iconElement-icon { height: 17px; width: 17px; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-window-closeButton { display: flex; margin: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-processDialog-navigation { display: flex; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-processDialog-title { line-height: 1em; } /** VisualEditor modal element styling **/ .skin-oasis.ve .oo-ui-window:not(.oo-ui-window-ready) .oo-ui-window-inner-overlay { background-color: hsla(0,0%,0%,0.5); height: 100%; position: absolute; width: 100%; } .skin-oasis.ve.oasis-dark-theme .oo-ui-window .ve-ui-surfaceWidget-toolbar > .oo-ui-toolbar-bar, .skin-oasis.ve.oasis-dark-theme .ve-ui-surfaceWidget .ve-ui-surfaceWidget-surface { border-color: hsla(0,0%,100%,0.2); } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget { padding: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget input, .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget textarea { border-radius: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget textarea { background: hsla(0, 0%, 0%, 0.05); border: none; box-shadow: none; } .skin-oasis.ve .ve-ui-wikiaSourceModeDialog-content .oo-ui-window-body .oo-ui-textInputWidget textarea { padding: 15px; } .skin-oasis.ve.oasis-dark-theme .oo-ui-window .oo-ui-textInputWidget textarea { background: hsla(0, 0%, 0%, 0.05); } .skin-oasis.ve .oo-ui-window .oo-ui-bookletLayout-outlinePanel { border-right: 1px solid hsla(0,0%,0%,0.2); } .skin-oasis.ve.oasis-dark-theme .oo-ui-window .oo-ui-bookletLayout-outlinePanel { border-right: 1px solid hsla(0,0%,100%,0.2); } /** VisualEditor options modal styling **/ .skin-oasis.ve .oo-ui-window-setup .oo-ui-window-foot { border-top: 1px solid hsla(0,0%,0%,0.2); } .skin-oasis.ve.oasis-dark-theme .oo-ui-window-setup .oo-ui-window-foot { border-top: 1px solid hsla(0,0%,100%,0.2); } .skin-oasis.ve .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { color: inherit; opacity: 0.5; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table { border-collapse: separate; border-spacing: 0 1px; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr td, .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr th { border: none; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: hsla(0, 0%, 0%, 0.03); } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: hsla(0, 0%, 0%, 0.06); } .skin-oasis.ve.oasis-dark-theme .oo-ui-window-body .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: hsla(0, 0%, 100%, 0.03); } .skin-oasis.ve.oasis-dark-theme .oo-ui-window-body .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: hsla(0, 0%, 100%, 0.06); }

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

/* Hide Footer */

.wds-global-footer { display: none; }

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

/* Attempting to modernize the category exhibition feature */

.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); }

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