User:Darkbitlike/global.css

/* [Custom Scrollbar.] */
 * -webkit-scrollbar {

width: 20px; height: 20px; }
 * -webkit-scrollbar-thumb {

background: #0038D8 ; }
 * -webkit-scrollbar-thumb:hover {

background: #3269FF !important; }
 * -webkit-scrollbar-thumb:active {

background: #5E89FF !important; }

/* Fonts Override entire page */
 * 1) WikiaPage { font-family: Trebuchet MS !important; }

/* Site Border Glowing */ .WikiaPage { border: 2px solid #0000FF; box-shadow: 0px 0px 28px #0000FF; }

/* Color Name because why not?*/ a[href="/wiki/User:Darkbitlike"], .Wall .edited-by a[href$="Wall:Darkbitlike"]:not(.subtle) { color:#00FF66!important; font-weight: bold !important; font-family: Cursive !important; } /* Profile Override */

.UserProfileMasthead .masthead-info hgroup { /* Group Coding */ background-image: url(""); } .UserProfileMasthead .masthead-info .tag { /* Tag Glowing */ box-shadow: inset 0 0 6px white; } .UserProfileMasthead .masthead-info .tag:hover { /* Tag Glowing */ box-shadow: inset 0 0 10px white; } .UserProfileMasthead .masthead-info .group { /* Group Coding */ -moz-border-radius: 100%; -webkit-border-radius: 100%; background-image: url(""); border-radius: 100%; display: inline-block; position: relative; } .masthead-avatar img { /* Adding Profile Border */ border-radius: 100%; box-shadow:0 0 20px blue; } .masthead-avatar img { /* Profile Roundify */ -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .masthead-avatar:hover img { /* Profile Roundify */ border-radius: 100%; box-shadow:0 0 20px blue; /* change color when rotate*/ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .masthead-avatar .sprite.edit-pencil { display: none } .tabs-container { box-shadow: inset 0 -9px 10px rgba(0, 0, 0, .2); padding-left: 20px; }
 * 1) userAvatarEdit { margin-left: -14px }

/* Importing Scripts because why not? */

/*** Change Activity Feed ***/

/* /** * @section        Activity Feed styling * @element        .activityfeed > li */ .activityfeed > li { border-left: 5px solid #fbfbfb; border-top: none !important; margin: 0.5em; overflow: hidden; padding-left: 3em; transition: all 0.3s; font-family: var(--mwa-font); } .activityfeed > li.activity-type-edit { border-left-color: var(--mwa-edit); } .activityfeed > li.activity-type-edit strong a { color: var(--mwa-edit); } .activityfeed > li.activity-type-new { border-left-color: var(--mwa-new); } .activityfeed > li.activity-type-new strong a { color: var(--mwa-new); } .activityfeed > li.activity-type-talk { border-left-color: var(--mwa-talk); } .activityfeed > li.activity-type-talk strong a { color: var(--mwa-talk); } .activityfeed > li.activity-type-categorization { border-left-color: var(--mwa-cat); } .activityfeed > li.activity-type-categorization strong a { color: var(--mwa-cat); } .activityfeed .subtle, .activityfeed .wallfeed a { text-transform: var(--mwa-link-transform); font-size: x-small; font-weight: bold; } .activityfeed em { text-transform: var(--mwa-text-transform); font-size: smaller; font-weight: bold; font-style: normal; } .activityfeed .wall-owner { text-transform: var(--mwa-link-transform); font-size: x-small; font-weight: bold; } .activityfeed .avatar { border: 0 !important; border-radius: var(--mwa-avatar-radius); } .page-Special_WikiActivity .page-header__page-subtitle a { text-transform: var(--mwa-link-transform); font-weight: bold; font-size: x-small } .page-Special_WikiActivity a:hover { opacity: 0.8; transition: opacity 0.3s ease; text-decoration: none; } /** * @section        Icons * @element        .activityfeed > li img */    /**     * @section         Edit * @icon           pencil-small * @default        #feaf09 */ .activityfeed > li.activity-type-edit img.edit.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-edit); }   /**     * @section         Talk * @icon           comment-small * @default        grey */ .activityfeed > li.activity-type-talk img.talk.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-comment-small.svg"); background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-comment-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-talk); }   /**     * @section         Categorization * @icon           tag-small * @default        #b76801 */ .activityfeed > li.activity-type-categorization img.categorization.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-cat); }   /**     * @section         New Page * @icon           add-small * @default        deepskyblue */ .activityfeed > li.activity-type-new img.new.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-add-small.svg"); background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-add-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-new); }   /**     * @section         Diff * @icon           magnifying-glass * @default        black * @default        white */ .activityfeed-diff img { content: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg); background-image: none !important; } .oasis-dark-theme .activityfeed-diff img { -webkit-mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg); mask-image: url(extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg); background-color: #fff; filter: brightness(9); background-image: none !important; content: none; } /** * @section        Variables * @element        .activityfeed > li */ .activityfeed > li { --mwa-edit: #feaf09; --mwa-talk: #17b100; --mwa-cat: #b10000; --mwa-new: #0076ff; --mwa-font: Rubik, sans-serif; --mwa-link-transform: uppercase; --mwa-text-transform: uppercase; --mwa-avatar-radius: 50%; }
 * @title: ModernWikiActivity
 * @description: Modernizes Special:WikiActivity and adds in WDS icons
 * See http://dev.wikia.com/wiki/ModernWikiActivity for more information.
 * @authors:  Americhino
 * @version:  0.9.7
 * @license:  CC-BY-SA 3.0
 * @installation:  @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernWikiActivity.css");

/*** Convert all loading throbbers into modern spinners ***/

/* 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/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; opacity: .7 !important; } .MiniEditorWrapper .loading-indicator .loading-message .loading-text { display: none !important; } .modal.medium.inactive .wikiaThrobber { background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat scroll center !important; animation: rotator .8s linear infinite; opacity: 0.7 !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/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center / 120px !important; opacity: .7 !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/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 2px; background-size: 100% !important; margin-bottom: -10px !important; opacity: .7 !important; } .EditPageEditor .loading-indicator .loading-message .loading-text { display: block !important; color: #3a3a3a !important; } form#WikiaPhotoGalleryImageUploadForm .WikiaPhotoGalleryProgress { background: transparent url(https://vignette.wikia.nocookie.net/sonic/images/7/7c/AjaxRC.gif/revision/latest?cb=20170918203921) no-repeat 60% 60% !important; width: 0; height: 0; padding: 19px 0 0 20px; margin-left: -8px !important; opacity: .7 !important; } .WikiaPhotoGalleryProgress { background: transparent url(https://vignette.wikia.nocookie.net/ltesting/images/0/0b/Spinner.svg/revision/latest?cb=20170924143857) no-repeat 50% 50% !important; background-size: 8.8em !important; } .mainpage #EditPageDialog .wikiaThrobber { margin-left: 425px; } .mainpage .modal.large.inactive .wikiaThrobber { margin-left: 535px !important; } /* For the preview modules in the Classic editor */ .ArticlePreviewInner .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: .7 !important; position: absolute; } .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: .7 !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: .7 !important; position: absolute; } /* For article comments when loading */ .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; opacity: .7 !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'); background-repeat: no-repeat; margin: 15px 0 0 0 !important; } /* The one that appears in the file viewer */ .LightboxModal .wikiaThrobber { left: 0; top: 0; z-index: 2; top: 0; z-index: 2; height: 610px; 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: 400px; background-size: 100% !important; margin-bottom: -50px !important; opacity: .7 !important; position: absolute; } /* The one that appears when uploading a file using Special:Images */ .ajaxwait { background: url('https://vignette.wikia.nocookie.net/sonic/images/7/7c/AjaxRC.gif/revision/latest?cb=20170917141821') no-repeat scroll center !important; padding-left: 500px; position: absolute; display: inline; width: 0; height: 0; padding: 28px 0 0 100px; } /* The one that appears during the load of the "All contributors" list of Special:Community */ .throbber-placeholder .wikiaThrobber { 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: 85px !important; width: 90px !important; padding-right: 30px; background-size: 86px !important; padding-left: 555px; margin-top: -5px !important; opacity: 0.7 !important; } /* The one that appears on category pages when browsing into another set of items */ .category-gallery .wikiaThrobber { background: #fff url(https://vignette.wikia.nocookie.net/ltesting/images/0/0b/Spinner.svg/revision/latest?cb=20170924143857) no-repeat 50% 50% !important; background-size: 6.8em !important; opacity: .7 !important; } /* The one that appears when applying new categories to an article's category bar */ .article-categories.CategorySelect.articlePage.userCanEdit.modified .wikiaThrobber, .page-list-content.WikiaGrid .wikiaThrobber { background: #fff url(https://vignette.wikia.nocookie.net/ltesting/images/0/0b/Spinner.svg/revision/latest?cb=20170924143857) no-repeat 50% 50% !important; background-size: 6.2em !important; opacity: .7 !important; } /* Special:ListUsers */ .dataTables_processing img { width: 0; height: 0; padding: 19px 0 0 20px; margin-left: -3px !important; background: transparent url(https://vignette.wikia.nocookie.net/sonic/images/7/7c/AjaxRC.gif/revision/latest?cb=20170918203921) no-repeat 60% 60% !important; margin-bottom: 5px; }

/*** Changed Message Wall thingy ***/

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

/*** Global Navigations ***/

/* * @title           GlobalNavigationIcons.css * @description    Adds icons to the user dropdown in the global navigation. * @author         Americhino * @license        CC-BY-SA 3.0 * @notes          Supports: *                     ContribsLink *                     QuickCreateUserPage *                     QuickCreateMessageWallGreeting *                     SandboxLink *                     BlogLink *                     CodeLinksDropdown *                     UserActivityLink *                     VanguardTools *                     PreferenceLinks * @notes          Original stylesheet at https://americhino.wikia.com/wiki/MediaWiki:GlobalNavigationIconsDark.css * * /** * @section        Installing FANDOM-Icons * @element        .wds-global-navigation__user-menu .wds-dropdown__content li **/ @font-face { font-family: 'FANDOM-Icons'; /* */  src: url('https://vignette.wikia.nocookie.net/dev/images/e/ee/FANDOM-Icons.woff/revision/latest?cb=20181019183927&usecubes=1') format('woff'); font-weight: normal; font-style: normal; } .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a:before, .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li .wds-sign-out__button:before { font-family: 'FANDOM-Icons' !important; speak: none; font-size: 13px; vertical-align:middle; margin-right:3px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /** * @section        Icons * @element        .wds-global-navigation__user-menu .wds-dropdown__content li a **/ /**    * @section         Default * @icon           fandom-heart (\1f499) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a:before { content: '\1f499'; padding-right: 5px; }   /**     * @section         Profile * @icon           user (\1f464) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a[data-tracking-label="account.profile"]:before { content: '\1f464'; }   /**     * @section         VanguardTools * @icon           gear (\2699) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked > li#van-tools-dropdown a.wds-dropdown-level-2__toggle.van-tools-link:before { content: '\1f4ca' !important; margin-top: 6px; }   /**     * @section         Talk * @icon           reply (\e9b0) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a[data-tracking-label="account.talk"]:before, .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a[data-tracking-label="account.message-wall"]:before { content: '\e9b0'; }   /**     * @section         BlogLink (Blog) * @icon           quote (\22) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked li#bl-blog a:before { content: '\22'; margin-right: 4px; }   /**     * @section         BlogLink (Contributions) * @icon           pencil (\1f4dd) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked li#bl-contributions a:before { content: '\1f4dd'; margin-right: 4px; }   /**     * @section         ContribsLink * @icon           pencil (\1f4dd) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a[data-id="contributions"]:before { content: '\1f4dd'; transform: translateY(-3px); padding-right: 6px; }   /**     * @section         PreferenceLinks * @icon           gear (\2699) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li#preference-links-dropdown>a:before { content: '\2699'; margin-top: 6px; }   /**     * @section         UserActivityLink * @icon           activity (\1f4c8) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked li a[data-id="activity"]:before { content: '\1f4c8' }   /**     * @section         CodeLinksDropdown * @icon           embed (\1f5a5) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a[data-id="codelinks"]:before { content: '\1f5a5'; padding-right: 5px; margin-right: -28px; margin-top: 6px; font-size: 15px; margin-left: -2px; }   /**     * @section         Preferences * @icon           gear (\2699) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a[data-tracking-label="account.preferences"]:before { content: '\2699'; margin-right: 1px; }   /**     * @section         Help * @icon           information (\2139) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li>a[data-tracking-label="account.help"]:before { content: '\2139'; margin-right: 1px; }   /**     * @section         Sign Out * @icon           undo (\e9c0) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked>li .wds-sign-out__button:before { content: '\e9c0'; margin-right: 6px; }   /**     * @section         QuickCreateUserPage * @icon           paragraph (\b6) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked li.QuickCreateUserPage a:before { content: '\b6'; transform: translateY(-3px); padding-right: 6px; }   /**     * @section         QuickCreateMessageWallGreeting * @icon           megaphone (\1f4e2) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked li.QuickCreateMessageWallGreeting a:before { content: '\1f4e2'; transform: translateY(-3px); padding-right: 3px; }   /**     * @section         SandboxLink * @icon           article (\1f4d8) **/ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked li#MySandbox a:before { content: '\1f4d8' }   /**     * @section         Submenus * @icon           N/A **/ .wds-dropdown-level-2__content.wds-is-not-scrollable.van-tools-menu a:before, .wds-dropdown-level-2__content.wds-is-not-scrollable.codelinks-menu li a:before, .wds-dropdown-level-2__content.wds-is-not-scrollable.preference-links-menu ul li a:before { display: none; }