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

/* 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(25,25,25,0.75) !important; }
 * -webkit-scrollbar-thumb:active {

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

background-color: transparent !important; }

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

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

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

/* For blog comments/Message wall editor */ .MiniEditorWrapper .loading-indicator .loading-message { top: 5% !important; } .MiniEditorWrapper .loading-indicator .loading-message .loading-throbber { background: url('https://vignette.wikia.nocookie.net/ltesting/images/3/31/Rolling.gif/revision/latest?cb=20170917174635') 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; } .MiniEditorWrapper .loading-indicator .loading-message .loading-text { display: none !important; } /* Wikia's side rail */ .WikiaRail .loading { height: 88px; margin: 10px; padding-top: 10px; animation: rotator .5s linear infinite; background: url('https://vignette.wikia.nocookie.net/ltesting/images/3/31/Rolling.gif/revision/latest?cb=20170917190229') no-repeat center / 120px !important; } /*Classic editor and switching from Rich-text to source mode and vice versa*/ .EditPageEditor .loading-indicator .loading-message .loading-throbber { height: 146px; width: 145px; background: url('https://vignette.wikia.nocookie.net/ltesting/images/3/31/Rolling.gif/revision/latest?cb=20170917174635') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 2px; background-size: 100% !important; margin-bottom: -10px !important; } .EditPageEditor .loading-indicator .loading-message .loading-text { display: block !important; color: black !important; } /* This one for the preview module in the Classic editor */ .ArticlePreviewInner .wikiaThrobber { top: 0; z-index: 2; height: 400px; width: 185px; background: url('https://vignette.wikia.nocookie.net/ltesting/images/3/31/Rolling.gif/revision/latest?cb=20170917174635') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 270px; background-size: 100% !important; margin-bottom: -10px !important; opacity: .9 !important; position: absolute; }

/* For article comments when loading */ .WikiaArticleComments.loading { background: url('https://vignette.wikia.nocookie.net/ltesting/images/3/31/Rolling.gif/revision/latest?cb=20170917174635') 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; } /*The one that appears when pressing the "Reply" button on forums-like environment.*/ .Wall .loadingAjax { background: url(https://vignette.wikia.nocookie.net/sonic/images/7/7c/AjaxRC.gif/revision/latest?cb=20170918203921) !important; background-repeat: no-repeat; margin: 15px 0 0 0 !important; }

.ArticlePreview .wikiaThrobber { top: 0; z-index: 2; height: 400px; width: 185px; background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 270px; background-size: 100% !important; margin-bottom: -10px !important; opacity: .9 !important; position: absolute; } .modal.large.inactive .wikiaThrobber { top: 0; z-index: 2; width: 185px; background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 570px; background-size: 100% !important; opacity: .9 !important; position: absolute; } /* Removing rounded edges */ border-radius: 0 !important; } /* Applying fixes to the chat header */ height: 50px !important; }   padding-left: 0 !important; vertical-align: middle !important; height: 50px !important; margin-right: 200px !important; }   display: inline-block; vertical-align: middle; padding: 3px; }   margin-top: 0; vertical-align: middle; } /* Applying fixes to the chat */ right: 240px; }   width: 225px; } /* Applying fixes to the user item */ border: none !important; width: 150px; top: 8px; margin-right: 16px; height: auto; }   margin-left: 15px; }   height: 28px; width: 28px; } .User .details { margin-left: 10px; } .User .username { font-size: 10pt; font-weight: bold; position: relative; word-wrap: break-word; overflow-wrap: break-word; top: 5px; overflow: visible; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .User .username .badge { top: -4px; } .User.away .username { top: 0; } .User.away .details .status { display: inline-block; padding: 2px 6px; border-radius: 2px; margin-top: 1px; font-size: 9px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } /* Rounding the avatars */ .UserStatsMenu .info img { border-radius: 50%; border-width: 2px; } /* Fixing the avatar near the message box */ left: 5px !important; top: -2px !important; } /* Adding fixes to the chat messages */ .Chat li[data-user] .username:after { content: none; } /* Removing the tildes from the inline alerts */ content: none !important; } /* Redesigning the chat rail */ .Rail { padding: 8px; } .Rail .public { margin: 0 !important; padding: 8px 0; text-align: center; background: none !important; box-shadow: none !important; } .Rail .public .wordmark { padding: 0; margin: 0; vertical-align: middle; } .Rail .public .chevron { display: none !important; } .Rail .User { padding-top: 12px; padding-bottom: 12px; } .Rail #WikiChatList { height: auto; max-height: 380px; overflow: hidden; } .Rail .private { background-image: none !important; background-color: transparent !important; text-align: center; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 10pt; text-transform: uppercase; border: none !important; padding: 4px; }   margin-left: -5px; }   margin-left: -5px; } /* Creating the CSS for the UI */ display: block; text-align: center; padding: 4px; }   font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 10px; }   margin-left: 3px; } /* Wikia Page */ border-radius: 0 0 0 10px !important; } /* UserStatsMenu */ border-radius: 5px; padding: 10px; }
 * 1) ChatHeader,
 * 2) WikiaPage {
 * 1) ChatHeader {
 * 1) ChatHeader .public {
 * 1) ChatHeader .public a[href^="/wiki/"] {
 * 1) ChatHeader .public img {
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {
 * 1) WikiaPage .Rail {
 * 1) ChatHeader .User {
 * 1) ChatHeader .User .username {
 * 1) ChatHeader .User > img {
 * 1) ChatHeader .User img,
 * 2) WikiaPage .Chat .avatar,
 * 3) Rail .User img,
 * 4) Write > img,
 * 1) Write > img {
 * 1) WikiaPage .Chat li.inline-alert:before,
 * 2) WikiaPage .Chat li.inline-alert:after {
 * 1) WikiChatList .User .details {
 * 1) PrivateChatList .User .details {
 * 1) list-arrow-down,
 * 2) list-arrow-up,
 * 3) toggleChatList {
 * 1) toggleChatList {
 * 1) toggleChatList .icon {
 * 1) WikiaPage {
 * 1) UserStatsMenu {

.UserStatsMenu .info { margin-right: -3px; margin-left: -3px; margin-top: -3px; }

.UserStatsMenu .actions ul li .label { font-size: x-small; text-transform: uppercase; font-weight: bold; }

width: 75px; top: 4px; }
 * 1) ChatHeader .User {

.Write .message { background-color: #f1f1f1; border: none; }

.popover-inner { border: none; background: #f6f6f6; }

.UserStatsMenu { background: #f6f6f6; }

.popover.bottom .arrow { display: none; }

.UserStatsMenu .info img { margin-right: 3px; }