Greasy Fork is available in English.

Kogadiscord

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