Discord-like appearance.
// ==UserScript==
// @name Kogadiscord
// @namespace https://www.youtube.com/channel/UCG7KVL-2EUV4SL0m7jObKng
// @description Discord-like appearance.
// @author dαρy 4υ
// @homepage https://www.youtube.com/channel/UCG7KVL-2EUV4SL0m7jObKng
// @include https://www.kogama.com/*
// @include https://friends.kogama.com/*
// @include https://kogama.com.br/*
// @run-at document-start
// @version 0.20190124174510
// ==/UserScript==
(function() {var css = [
"/* You are free to edit this content, therefore you are not allowed to republish this style without the owner constent */",
"",
"/* Note: Please ignore the titles that are used in the code, such as \"Badges, XP, Feed...\". They were used to split various sections of codes, but they are now ignored when I am placing new features. */",
"",
"/* Made by dαρy 4υ! */",
"",
"",
"",
"/* Badges */",
" .badge-name",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, #23272A, #23272A, #7289DA, #7289DA) !important;",
" background-position: 1% 100% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" border: none;",
" }",
"",
" .badge-name:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
"/* End Badges */",
"",
"/* XP */",
" .xp-to-next",
" {",
" color: #7289DA;",
" }",
"",
" body#root-page-mobile header#pageheader #meta-nav > li.profile-credits .xp-level:hover .level-progress .level-progress-fullfil",
" {",
" box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 6px 0px, rgba(114, 137, 218, 0.5) 4px 0px 6px -2px;",
" }",
"",
" #mobile-page #profile-levels section.user-progress .level-progress-container .level-progress .level-progress-fullfil",
" {",
" background-color: #7289DA;",
" box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 6px 0px, rgba(114, 137, 218, 0.5) 4px 0px 6px -2px;",
" }",
"",
" #mobile-page #profile-levels section.user-progress .level-progress-container .xp .caption,",
"#mobile-page #profile-levels section.user-progress .level-progress-container .xp .data",
" {",
" color: rgba(255, 255, 255, 0.5);",
" transition: 300ms;",
" }",
"",
" #mobile-page #profile-levels section.user-progress .level-progress-container .xp .caption:hover,",
"#mobile-page #profile-levels section.user-progress .level-progress-container .xp .data:hover",
" {",
" color: rgba(255, 255, 255, 0.5);",
" transition: 300ms;",
" }",
"",
"/* End XP */",
"",
"/* Right Side header */",
"",
" body#root-page-mobile header#pageheader #profile-extended .profile-links ul.links li.link-group > ul > li > a",
" {",
" color: #fff;",
" transition: all 300ms;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .profile-links ul.links li.link-group > ul > li > a:hover",
" {",
" color: #7289DA;",
" transition: all 300ms;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .profile-links ul.links > li.link-group > a",
" {",
" color: #7289DA;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .profile-links a",
" {",
" color: #fff;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .profile-links a:hover",
" {",
" color: #7289DA;",
" transition: 300ms;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .username small",
" {",
" color: #7289DA;",
" transition: 300ms;",
" }",
"",
" .xp-level a .level-progress .level-progress-fullfil",
" {",
" background-color: #7289DA;",
" background-image: linear-gradient(90deg, #7289DA 70px, #23272A 150px) !important;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .username a",
" {",
" font-size: 20px;",
" text-align: left;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .username",
" {",
" background-color: #000;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .user-credits",
" {",
" background-color: #000;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended .profile-links .arrow-top",
" {",
" border-top-color: #99AAB5;",
" }",
"",
" ._1Yhgq header",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, #7289DA, #7289DA, #23272A, #23272A) !important;",
" background-position: 1% 100% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" border: none;",
" }",
"",
" ._1Yhgq header:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" ._1lvYU",
" {",
" background-color: #23272A;",
" }",
"",
" ._1Yhgq .header",
" {",
" background-color: #7289DA;",
" }",
"",
" .post-content .post-body a",
" {",
" color: #7289DA !important;",
" }",
"",
" ._1taAL ._3zDi-",
" {",
" color: #fff;",
" transition: all 200ms;",
" }",
"",
" ._1taAL ._3zDi-:hover",
" {",
" color: #7289DA;",
" transition: all 200ms;",
" }",
"",
" #mobile-page .games-list .game-item ul.game-icons .display-member,",
"#mobile-page .games-list .game-item ul.game-icons .display-pinned",
" {",
" background-color: #7289DA;",
" }",
"",
" #mobile-page .games-list .game-item ul.game-icons .reward-icon",
" {",
" background-color: #F9A602;",
" }",
"",
" ._2E1AL",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, #23272A, #23272A, #7289DA, #7289DA) !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" border: none;",
" }",
"",
" ._2E1AL:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"/* Feed */",
" #profile-news-feed ul.news-feed-thumbs > li.item",
" {",
" background-color: #23272A !important;",
" color: #ffffff !important;",
" }",
"",
" #profile-news-feed ul.news-feed-thumbs > li.item.status_updated .feed-item .status-message a,",
"#profile-news-feed ul.news-feed-thumbs > li.item.wall_post .feed-item .status-message a",
" {",
" color: #ffffff;",
" }",
"",
" #profile-news-feed ul.news-feed-thumbs > li.item .feed-header .feed-text .user",
" {",
" color: #ffffff !important;",
" font-size: 1rem !important;",
" }",
"",
" #root-page-mobile #profile-news-feed .feed-comments .comments ul.comment-list li .body",
" {",
" color: #7289DA !important;",
" }",
"",
" #root-page-mobile #profile-news-feed .feed-comments .comments ul.comment-list li .header .username a",
" {",
" color: #ffffff !important;",
" }",
"",
" #root-page-mobile #profile-news-feed .feed-comments .comments form textarea",
" {",
" box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);",
" background: rgb(35, 39, 42, 0) none repeat scroll 0% 0%;",
" color: white;",
" }",
"",
" #root-page-mobile #profile-news-feed .feed-comments .comments ul.comment-list li .body",
" {",
" color: #FFFFFF !important;",
" }",
"",
" #profile-news-feed ul.news-feed-thumbs > li.item .feed-comments .comments .paging .paginator a",
" {",
" color: #99AAB5 !important;",
" }",
"",
" #root-page-mobile .comments li .body",
" {",
" background-color: #484B54;",
" color: #fff;",
" }",
"",
" #root-page-mobile .comments li .body:hover",
" {",
" background-color: #484B54;",
" color: #fff;",
" }",
"",
" .pure-form textarea,",
".pure-form input[type=\"text\"]",
" {",
" background-color: #141517 !important;",
" color: #aaa !important;",
" }",
"",
" #root-page-mobile .comments li .body .arrow-left,",
"#root-page-mobile .comments li .body .arrow-left-border,",
"#root-page-mobile .comments li .body:hover .arrow-left,",
"#root-page-mobile .comments li .body:hover .arrow-left-border",
" {",
" border-right-color: #484B54;",
" }",
"",
" #mobile-page #news-post .post-content .post-body .arrow-left-border,",
"#mobile-page #news-post .post-content .post-body .arrow-left",
" {",
" border-right-color: #23272A;",
" }",
"",
" #root-page-mobile .comments li .header .username a",
" {",
" color: #aaa;",
" }",
"",
" #root-page-mobile .comments li .header .username a:hover,",
"#root-page-mobile .comments li .body:hover .username a",
" {",
" color: #7289DA;",
" transition: 300ms;",
" }",
"",
" #root-page-mobile .comments li .header .time",
" {",
" transition: 300ms;",
" }",
"",
" #root-page-mobile .comments li .header .time:hover,",
"#root-page-mobile .comments li .body:hover .time",
" {",
" color: #7289DA;",
" transition: 300ms;",
" }",
"",
" .modal-content",
" {",
" background-color: #23272A !important;",
" }",
"",
" .modal-container .modal-content a",
" {",
" color: #fff;",
" }",
"",
" .modal-container .modal-content h3,",
".modal-container .modal-content h4",
" {",
" color: #7289DA;",
" }",
"",
" #mobile-page #news-post .post-content .post-body h3",
" {",
" color: #7289DA;",
" }",
"",
" .modal-content button.pure-button.pure-button-xsmall",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, #F9A602, #F9A602, #23272A, #23272A) !important;",
" color: #fff !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" border: none;",
" }",
"",
" .modal-content button.pure-button.pure-button-xsmall:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" .modal-content button.delete.pure-button.pure-button-error.pure-button-xsmall",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, #E50000, #E50000, #23272A, #23272A) !important;",
" color: #fff !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" border: none;",
" }",
"",
" .modal-content button.delete.pure-button.pure-button-error.pure-button-xsmall:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" .modal-content button.invite.pure-button.pure-button-success.pure-button-xsmall",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, hsl(227, 58%, 65%), hsl(227, 58%, 65%), #23272A, #23272A) !important;",
" color: #fff !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" }",
"",
" .modal-content button.invite.pure-button.pure-button-success.pure-button-xsmall:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" body#root-page-mobile header#pageheader #meta-nav > li.signup a",
" {",
" background-color: #7289DA;",
" }",
"",
" div.accept_or_cancel > button.accept",
" {",
" transition: background 300ms;",
" background: linear-gradient(45deg, #8BC34A, #8BC34A, #23272A, #23272A) !important;",
" background-position: 0% 75% !important;",
" background-size: 300% 300% !important;",
" width: 66.1px;",
" height: 26.2px;",
" }",
"",
" div.accept_or_cancel > button.accept:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" div.accept_or_cancel > .cancel",
" {",
" transition: background 300ms;",
" background: linear-gradient(45deg, #E50000, #E50000, #23272A, #23272A) !important;",
" background-position: 0% 75% !important;",
" background-size: 300% 300% !important;",
" width: 66.1px;",
" height: 26.2px;",
" }",
"",
" div.accept_or_cancel > .cancel:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" .pure-button-primary,",
".pure-button-selected,",
".help-label .text,",
".button-switch2 .active,",
"a.pure-button-success,",
"a.pure-button-primary,",
"a.pure-button-selected,",
".pure-button-success",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, hsl(227, 58%, 65%), hsl(227, 58%, 65%), #23272A, #23272A) !important;",
" color: #fff !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" border: none;",
" width: auto;",
" }",
"",
" .pure-button-primary:hover,",
".pure-button-selected:hover,",
".help-label .text:hover,",
".button-switch2 .active:hover,",
".profile-created-date:hover,",
"a.pure-button-success:hover,",
"a.pure-button-primary:hover,",
"a.pure-button-selected:hover,",
".pure-button-success:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" .pure-button-small",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, hsl(227, 58%, 65%), hsl(227, 58%, 65%), #23272A, #23272A) !important;",
" background-position: 1% 100% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" border: none;",
" }",
"",
" .pure-button-small:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" body#root-page-mobile header#pagesubheader ul.submenu > li.active a",
" {",
" color: #7289DA;",
" }",
"",
" #mobile-page .carousel header .help-popup-manager .help-container .modal-content",
" {",
" background-color: #7289DA;",
" }",
"",
" #profile-news-feed ul.news-feed-thumbs > li.item.marketplace_buy a.product-avatar-link",
" {",
" color: #7289DA;",
" }",
"",
" #profile-news-feed ul.news-feed-thumbs > li.item.status_updated .feed-item .status-message a, #profile-news-feed ul.news-feed-thumbs > li.item.wall_post .feed-item .status-message a",
" {",
" color: #7289DA;",
" transition: 300ms;",
" }",
"",
" #mobile-page #product-detail header.product-header .product-creator a",
" {",
" color: rgba(255, 255, 255, 0.73);",
" transition: 300ms;",
" }",
"",
" #mobile-page #product-detail header.product-header .product-creator a:hover",
" {",
" color: #7289DA;",
" transition: 300ms;",
" }",
"",
" footer #footer-company .company a,",
"footer #footer-links ul.links li a",
" {",
" color: #7289DA;",
" }",
"",
" .paging .paginator li a",
" {",
" color: #fffc;",
" }",
"",
" .paging .paginator li a:hover",
" {",
" color: #7289DA;",
" }",
"",
" body#root-page-mobile header#pagesubheader ul.breadcrumb > li .title",
" {",
" color: #fff9;",
" transition: 300ms;",
" }",
"",
" body#root-page-mobile header#pagesubheader ul.breadcrumb > li .title:hover",
" {",
" color: #7289DA;",
" transition: 300ms;",
" }",
"",
" body#root-page-mobile header#pagesubheader ul.breadcrumb > li:last-child .title",
" {",
" color: #7289DA;",
" }",
"",
" .profile-created-date",
" {",
" color: #FFFFFF !important;",
" transition: all 300ms;",
" background: linear-gradient(45deg, hsl(227, 58%, 65%), hsl(227, 58%, 65%), #23272A, #23272A) !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" border: none;",
" }",
"",
" .profile-created-date:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" #root-page-mobile #header-notify-toggle #notify .container",
" {",
" background-color: #23272A;",
" }",
"",
" #root-page-mobile #header-notify-toggle #notify .container header",
" {",
" background-color: #7289DA;",
" }",
"",
" #root-page-mobile #header-notify-toggle #notify .container .sections-container .sections #notify-counters ul li:hover .count",
" {",
" background-color: #7289DA;",
" }",
"",
"/* End Feed */",
" #comment",
" {",
" background-color: #FFFFFF;",
" color: #23272A;",
" }",
"",
" body#root-page-mobile header#pageheader #profile-extended",
" {",
" background-color: #23272a;",
" }",
"",
"/* Chat */",
"",
" ._1j2Cd._1Xzzq,",
"._1j2Cd.undefined",
" {",
" transition: all 200ms;",
" border-top-style: solid;",
" padding: 1;",
" border-top-width: 1px;",
" border-top-color: rgba(104, 104, 104, 0.2) !important;",
" }",
"",
" ._1j2Cd._1Xzzq:hover,",
"._1j2Cd.undefined:hover",
" {",
" transition: all 200ms;",
" filter: invert(70%);",
" }",
"",
" ._375XK ._2XaOw ._1j2Cd._1Xzzq p",
" {",
" font-size: 15px;",
" color: #fffe !important;",
" background-color: rgba(0, 0, 0, 0);",
" box-shadow: none;",
" padding-right: 5px;",
" padding-top: 10px;",
" padding-bottom: 2px;",
" }",
"",
" ._375XK ._2XaOw ._1j2Cd p",
" {",
" font-size: 15px;",
" color: #fffe !important;",
" background-color: rgba(0, 0, 0, 0);",
" box-shadow: none;",
" padding-left: 5px;",
" padding-top: 10px;",
" padding-bottom: 2px;",
" }",
"",
" ._2XzvN",
" {",
" color: #fff;",
" }",
"",
" ._3n8oD",
" {",
" /* Notification ping */",
" border-bottom-left-radius: 0.1px;",
" border-bottom-right-radius: 0.1px;",
" border-top-left-radius: 0.1px;",
" border-top-right-radius: 0.1px;",
" line-height: 50px;",
" }",
"",
" ._375XK .F3PyX",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, #7289da, #7289da, #23272A, #23272A) !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" }",
"",
" ._375XK .F3PyX:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" ._2XaOw",
" {",
" background: #23272A;",
" }",
"",
" .uwn5j",
" {",
" background: #2C2F33;",
" }",
"",
" ._3DYYr",
" {",
" transition: all 300ms;",
" background: linear-gradient(90deg, #23272A, #23272A, #7289DA, #7289DA) !important;",
" background-position: 1% 100% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" }",
"",
" ._3DYYr:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
" .zUJzi .o_DA6 .uwn5j ._3DYYr._2dPu4",
" {",
" border-left-color: #7289DA;",
" }",
"",
" ._1j2Cd",
" {",
" color: #FFFFFF;",
" }",
"",
"/* End Chat */",
"",
"/* Pricing Page */",
" .product.product-mobile.product-cheap.product-index-1,",
".product.product-popular.product-index-2,",
".product.product-best.product-index-3",
" {",
" background-color: #7289DA;",
" position: relative;",
" transform: scale(1);",
" border: 0;",
" -webkit-transition: 0.4s ease;",
" -moz-transition: 0.4s ease;",
" -o-transition: 0.4s ease;",
" transition: 0.4s ease;",
" z-index: 13;",
" }",
"",
" .product.product-mobile.product-cheap.product-index-1:hover,",
".product.product-popular.product-index-2:hover,",
".product.product-best.product-index-3:hover",
" {",
" position: relative;",
" -webkit-box-shadow: 0 5px 0px rgba(114, 137, 218, 1);",
" -moz-box-shadow: 0 5px 0px rgba(114, 137, 218, 1);",
" box-shadow: 0 5px 0px rgba(114, 137, 218, 1);",
" transform: scale(1.25);",
" border: 0;",
" z-index: 15;",
" }",
"",
"/* End Pricing Page */",
"",
" #mobile-page #profile-page .section-top .progression",
" {",
" width: 20% !important;",
" }",
"",
" #mobile-page #profile-page .section-top .progression",
" {",
" margin-top: 6px;",
" display: block;",
" margin: 0 auto;",
" }",
"",
" body#root-page-mobile header#pageheader #meta-nav > li.chat > a i",
" {",
" font-size: 24px;",
" width: 28px;",
" display: inline-block;",
" fill: #99AAB5 !important;",
" }",
"",
" body#root-page-mobile header#pageheader #meta-nav > li.profile-notify #header-icon",
" {",
" fill: #99AAB5;",
" cursor: pointer;",
" filter: grayscale(100%);",
" transition: all 250ms;",
" }",
"",
" body#root-page-mobile header#pageheader #meta-nav > li.profile-notify #header-icon:hover",
" {",
" fill: white;",
" }",
"",
" #profile-news-feed ul.news-feed-thumbs > li.item,",
"#profile-status-update form.status-message textarea",
" {",
" box-shadow: 0 5px 0px rgba(114, 137, 218, 1);",
" border-radius: 2px;",
" }",
"",
" .logo .logo-image",
" {",
" filter: grayscale(100%);",
" }",
"",
" .logo .logo-image:hover",
" {",
" filter: grayscale(100%);",
" }",
"",
" header#pageheader nav.menu > ol > li a",
" {",
" transition: all 250ms;",
" }",
"",
" header#pageheader",
" {",
" background-image: url(https://dummyimage.com/600x400/23272a/23272a);",
" background-size: 100%;",
" background-repeat: repeat;",
" opacity: 0.2;",
" transition-property: all;",
" transition-duration: 200ms;",
" transition-timing-function: ease;",
" transition-delay: 100ms;",
" }",
"",
" body#root-page-mobile header#pageheader nav.menu > ol li.active a",
" {",
" background-color: #7289DA;",
" }",
"",
" header#pageheader:hover",
" {",
" opacity: 1;",
" }",
"",
" a",
" {",
" transition: all 250ms;",
" }",
"",
" header#pageheader nav.menu > ol > li a:hover",
" {",
" color: #f5a52e;",
" }",
"",
" a:hover",
" {",
" color: #7289DA;",
" }",
"",
" .game-image,",
" .game-stats-online,",
" .game-name-stats,",
" .game-icons",
" {",
" transition: all .3s ease;",
" }",
"",
" .game-item:hover, .game-stats-online:hover, .game-name-stats:hover, .game-icons:hover",
" {",
" transition: all .3s ease;",
" transform: translate(0px, -10px);",
" z-index: 100;",
" overflow: visible !important;",
" max-height: -200px;",
" }",
"",
" #mobile-page .games-list .game-item .game-image",
" {",
" border-radius: 5px;",
" }",
"",
" #mobile-page .games-list .game-item",
" {",
" padding-right: 10px;",
" margin-bottom: 5px;",
" }",
"",
" #mobile-page .games-list .game-item .game-name-stats",
" {",
" border-bottom-left-radius: 7px;",
" border-bottom-right-radius: 7px;",
" }",
"",
" ::-moz-selection",
" {",
" background: #2C2F33;",
" color: #99AAB5;",
" }",
"",
" #mobile-page #profile-page .section-top .username h2",
" {",
" color: #FFFFFF;",
" text-shadow: 0 0 10px rgba(0, 0, 0, .43);",
" margin: 0;",
" padding: 0;",
" text-overflow: ellipsis;",
" overflow-wrap: normal;",
" white-space: nowrap;",
" padding-right: 20%;",
" overflow: hidden;",
" text-align: center;",
" }",
"",
" #mobile-page #profile-page .section-top .username h2",
" {",
" line-height: 4rem;",
" font-size: 3rem;",
" z-index: 50;",
" }",
"",
" #mobile-page #profile-page .section-top .progression",
" {",
" margin-left: 500px;",
" margin-right: 0;",
" padding-left: 1px;",
" padding-right: 33px;",
" border-radius: 0 2px 2px 0;",
" }",
"",
"#mobile-page #profile-page .section-top .progression .level{",
" padding-left: 0px;",
"}",
"",
" #mobile-page #profile-page .section-top .progression",
" {",
" left: 40%;",
" }",
"",
" .background-avatar, .section-top-background",
" {",
" background: #2C2F33 !important;",
" width: auto;",
" height: auto;",
" size: 100%",
" }",
"",
" body#root-page-mobile header#pageheader #meta-nav > li.profile-notify .header-icon-count",
" {",
" background: #7289DA;",
" }",
"",
" .xp-level .level-progress",
" {",
" background-color: #23272A !important;",
" }",
"",
" #mobile-page #profile-leaderboard ol.leaderboard-list li.current-user,",
"#mobile-page #profile-leaderboard ol.leaderboard-list li.current-user:hover",
" {",
" background-color: #7289DA;",
" }",
"",
" body#root-page-mobile header#pageheader #meta-nav > li.profile > a .image-container .image",
" {",
" filter: saturate(50%) grayscale(75%);",
" transition: filter 147ms;",
" }",
"",
" body#root-page-mobile header#pageheader #meta-nav > li.profile > a .image-container .image:hover",
" {",
" filter: grayscale(0%);",
" }",
"",
" body#root-page-mobile",
" {",
" background-color: #2C2F33;",
" background-image: linear-gradient(180deg, #2C2F33, #2C2F33);",
" filter: none;",
" }",
"",
"/* Shop Page */",
" #mobile-page .content-shop .shop-list .shop-item",
" {",
" opacity: 1;",
" transition: .3s ease;",
" backface-visibility: hidden;",
" }",
"",
" #mobile-page .content-shop .shop-list .shop-item a:hover",
" {",
" transition: .3s ease;",
" transform: translate(0%, -5%);",
" }",
"",
" #mobile-page .content-shop .shop-list .shop-item .shop-image",
" {",
" border-radius: 7px;",
" }",
"",
" .shop-price",
" {",
" transition: all 300ms;",
" background: linear-gradient(45deg, hsl(227, 58%, 65%), hsl(227, 58%, 65%), #23272A, #23272A) !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" width: auto;",
" border: none;",
" }",
"",
" .shop-price:hover",
" {",
" background-position: 100% 0% !important;",
" }",
"",
"/* End Shop Page*/",
"",
"/* News Page */",
" #mobile-page #news-list .news-list .news-item",
" {",
" box-shadow: 0 5px 0px rgba(249, 166, 2, 1);",
" padding-right: 0;",
" }",
"",
" .news-item.first",
" {",
" width: 99.1% !important;",
" }",
"",
" #mobile-page #news-list .news-list .news-item:not(.first)",
" {",
" width: 49%;",
" margin-right: 2px;",
" margin-left: 2px;",
" float: left;",
" }",
"",
" #mobile-page #news-post .post-content .post-body",
" {",
" background-color: #23272A;",
" box-shadow: 0 5px 0px rgba(114, 137, 218, 1);",
" color: #fffc;",
" }",
"",
" #mobile-page #news-post .post-created",
" {",
" color: #7289DA;",
" opacity: 1;",
" }",
"",
" .arrow-left",
" {",
" border-bottom-color: #000;",
" }",
"",
"/* End News Page */",
"",
"/* New Update*/",
"",
".xp-bar .progress{",
" background-color: #23272A;",
"}",
"",
".xp-bar .progress .progression-bar{",
"background-image: linear-gradient(90deg, #7289DA 70px, #23272A 150px) !important;",
"}",
"",
"._3bs9d ._2-MCS ._2Eaf_{",
" background-color: #7289DA !important;",
"}",
"",
"._3bs9d ._2-MCS{",
" background-color: #23272A !important;",
"}",
"",
"._3bs9d ._2-MCS .EtSJP ._3aPww{",
" color: #f2efe9 !important;",
"}",
"",
"._1daOJ{",
" background-image: url(https://cdn.discordapp.com/attachments/443770974974771210/534371630214938625/yb8x941uhjsz.png) !important;",
" top: 160px !important;",
" right: 70px !important;",
" ",
"}",
"",
".btn-success{",
" transition: all 300ms;",
" background: linear-gradient(45deg, hsl(227, 58%, 65%), hsl(227, 58%, 65%), #2C2F33, #2C2F33) !important;",
" color: #fff !important;",
" background-position: 1% 50% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" border: none;",
" width: auto;",
" box-shadow: 0 5px 0px rgba(0, 0, 0, 0)",
"}",
"",
".btn-success:hover{",
"background-position: 100% 0% !important;",
"box-shadow: 0 5px 0px rgb(114 137 218)",
"}",
"",
".box.box-white{",
" background-color: #23272A",
"}",
"",
"._2jxuA ._1cijc .h3, ._2jxuA ._1cijc .p, ._2jxuA .M3YMT .h3, ._2jxuA .M3YMT,",
"._2jxuA ._19dl7,",
"._2jxuA ._17Tqb{",
" color: #fff",
"}",
"",
"._2jxuA ._1cijc.false{",
" transition: all 300ms;",
" background: linear-gradient(45deg, #2C2F33, #2C2F33, #7289DA, #7289DA) !important;",
" color: #fff !important;",
" background-position: 0% 100% !important;",
" background-size: 300% 300% !important;",
" text-decoration: none;",
" border: none;",
" width: auto;",
" box-shadow: 0 5px 0px rgba(0, 0, 0, 0)",
"}",
"",
"._2jxuA ._1cijc.false:hover{",
"background-position: 100% 0% !important;",
"}",
"",
"._1cijc.LK0a-{",
" border-left-color: rgba(0, 0, 0, 0) !important;",
" background-color: #7289DA !important",
"}",
"",
"._2jxuA ._1cijc .h3, ._2jxuA ._1cijc .p, ._2jxuA .M3YMT .h3, ._2jxuA .M3YMT .p{",
" color: #fff",
"}",
"",
"._2jxuA ._1cijc .h2 ._1ZbfM, ._2jxuA .M3YMT .h2 ._1ZbfM{",
" color: #7289DA",
"}",
"",
".text-green{",
" color: #7289DA",
"}",
"",
"._2jxuA ._1cijc, ._2jxuA .M3YMT{",
" border-top: 0px solid",
"}",
"",
".progress-steps .progress-step::after, .progress-steps .progress-step::before{",
" background-color: #7289DA",
"}",
"",
".polygon.class .step-indicator-background{",
" fill: #7289DA",
"}",
"",
"article#coupon-redeem.content-content{",
" background-image: url(\"https://cdn.discordapp.com/attachments/424354948575133697/538043999588450317/1539628315_peace_and_tranquility.gif\")",
"}",
"",
"/* Media Queries */",
"",
"@media only screen and (min-width: 1210px)",
"{",
" #mobile-page #profile-page .section-top .progression",
" {",
" left: 5%;",
" width: 21% !important;",
" }",
"}",
"",
"@media only screen and (min-width: 1000px)",
"{",
" #mobile-page #profile-page .section-top .progression",
" {",
" left: 9%;",
" width: 26% !important;",
" }",
"}",
"",
"@media only screen and (min-width: 1024px)",
"{",
" #mobile-page #profile-page .section-top .progression",
" {",
" width: 25% !important;",
" left: 8%;",
" }",
"}",
"",
"@media only screen and (max-width: 300px)",
"{",
" #mobile-page #profile-page .section-top .progression",
" {",
" width: 64% !important;",
" left: 0%;",
" }",
"}"
].join("\n");
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
heads[0].appendChild(node);
} else {
// no head yet, stick it whereever
document.documentElement.appendChild(node);
}
}
})();