☰

CSS Define

Adding CSS here and there in the ♥Hentai Heroes game♥

Versión del día 27/07/2021. Echa un vistazo a la versión más reciente.

  1. // ==UserScript==
  2. // @name         CSS Define
  3. // @namespace    Haremheroes
  4. // @version      0.0.2.0
  5. // @description  Adding CSS here and there in the ♥Hentai Heroes game♥
  6. // @author       KominoStyle
  7. // @match        http*://nutaku.haremheroes.com/*
  8. // @match        http*://*.hentaiheroes.com/*
  9. // @match	 http*://*.comixharem.com/*
  10. // @require      https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js
  11. // @run-at	 document-end
  12. // @grant        none
  13. // @license      MIT
  14. // ==/UserScript==
  15.  
  16. /* =========
  17. 	GENERAL
  18.    ========= */
  19.  
  20. // Define jQuery
  21. var $ = window.jQuery;
  22.  
  23. // Define CSS
  24. var sheet = (function() {
  25.     var style = document.createElement('style');
  26.     document.head.appendChild(style);
  27.     return style.sheet;
  28. })();
  29.  
  30. var CurrentPage = window.location.pathname;
  31.  
  32. //Function Lightbox
  33. $(document).ready(function() {
  34.     //include lightbox css
  35.     $(document.head).append(
  36.         '<link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css" rel="stylesheet" type="text/css">'
  37.     );
  38.     //define own css
  39.     defineCss();
  40. });
  41.  
  42. //Define @Keyframe Failed -.-!
  43.  
  44. /* never mind maybe im wrong xD
  45. //Modify the src attribute of the Main Logo:
  46.     document.getElementByClass("hh_logo").src = 'img/https://puu.sh/Hy0HH/b89e8bd8ba.png';
  47. */
  48.  
  49. //Adding some CSS script
  50.  
  51.  
  52. function defineCss()
  53. {
  54. //Main Css
  55.     sheet.insertRule('.base_block {'
  56.                      + 'background: #000000 repeat !important;'
  57.                      + 'box-shadow: 0 3px 10px 0 #000 !important;'
  58.                      + 'border: solid #ff7300 1px !important;}'
  59.                      );
  60.     sheet.insertRule('.sub_block {'
  61.                      + 'background: rgb(0 0 0 / 69%) !important;}'
  62.                      );
  63.     sheet.insertRule('.hh_tooltip_new {'
  64.                      + 'border: 1px solid #ff6700 !important;'
  65.                      + 'background-color: rgb(0 0 0 / 90%) !important;'
  66.                      + 'color: #fff !important;}'
  67.                      );
  68.     sheet.insertRule('.have_arrows.align-top:before {'
  69.                      + 'border: 10px solid transparent !important;'
  70.                      + 'top: auto !important;'
  71.                      + 'bottom: -19.5px !important;'
  72.                      + 'border-top-color: #ff6700 !important;}'
  73.                      );
  74.     sheet.insertRule('.have_arrows.align-top:after {'
  75.                      + 'border: 9px solid #ff000000 !important;'
  76.                      + 'top: auto !important;'
  77.                      + 'bottom: -17px !important;'
  78.                      + 'border-top-color: rgb(0 0 0) !important;}'
  79.                      );
  80.     sheet.insertRule('.have_arrows.align-bottom:before {'
  81.                      + 'border: 10px solid transparent !important;'
  82.                      + 'top: -19.5px !important;'
  83.                      + 'border-bottom-color: #ff6700 !important;}'
  84.                      );
  85.     sheet.insertRule('.have_arrows.align-bottom:after {'
  86.                      + 'border: 9px solid #ff000000 !important;'
  87.                      + 'top: -17px !important;'
  88.                      + 'border-bottom-color: rgb(0 0 0) !important;}'
  89.                      );
  90.     //Battle-Screen
  91.     sheet.insertRule('.team-hexagon-container .team-hexagon .team-member-outer-background {'
  92.                      + 'background-color: #000000 !important;}'
  93.                      );
  94.     sheet.insertRule('.hero-name-level-container .hero-name-container {'
  95.                      + 'background: #000000 !important;'
  96.                      + 'border: 2px solid #cc1141 !important;}'
  97.                      );
  98.     //Harem Girl-Build
  99.     sheet.insertRule('.change-team-panel {'
  100.                      + 'background: #000000 !important;'
  101.                      + 'background-image: url(https://hh2.hh-content.com/battle_bg.svg) !important;}'
  102.                      );
  103.     sheet.insertRule('.harem-panel-girls {'
  104.                      + 'background: #000000b0 !important;}'
  105.                      );
  106.     sheet.insertRule('.harem-panel-girls .harem-girl-container.selected, .harem-panel-girls .harem-girl-container:hover {'
  107.                      + 'background: #000000b0 !important;'
  108.                      + 'border: 2px solid #cc1141 !important;}'
  109.                      );
  110.     sheet.insertRule('.team-hexagon-container .team-hexagon .team-member .icon::before {'
  111.                      + 'width: 18px;'
  112.                      + 'height: 18px;}'
  113.                      );
  114.     sheet.insertRule('.team-hexagon-container .team-hexagon .team-member-outer-border {'
  115.                      + 'background-color: #cc1141b0 !important;}'
  116.                      );
  117.     sheet.insertRule('.team-hexagon-container .team-hexagon .team-member-container.selected .team-member-outer-border {'
  118.                      + 'background-color: #cc1141 !important;}'
  119.                      );
  120. //Menu
  121.     sheet.insertRule('#contains_all>nav>[rel=content]>div {'
  122.                      + 'background-color: #000000 !important;}'
  123.                      );
  124.     sheet.insertRule('#contains_all>nav>[rel=content]>div>a:active, #contains_all>nav>[rel=content]>div>a:hover {'
  125.                      + 'background-color: #cc1141 !important;}'
  126.                      );
  127. //Harem
  128.     sheet.insertRule('.global-container {'
  129.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;'
  130.                      + 'box-shadow: inset 0 0 40px 15px #66203400 !important;}'
  131.                      );
  132.     //Harem Left
  133.     sheet.insertRule('#harem_left {'
  134.                      + 'box-shadow: 0 0 5px #bd284b7d, inset 0 0 8px #bd284b !important;'
  135.                      + 'background-color: rgb(79 34 46 / 0%) !important;}'
  136.                      );
  137.     sheet.insertRule('#harem_left div.girls_list {'
  138.                      + 'box-shadow: inset 0 -35px 30px -34px #3c121d00;}'
  139.                      );
  140.     sheet.insertRule('#harem_left div.girls_list.grid_view {'
  141.                      + 'border-top: 1px solid #bd284b;'
  142.                      + 'border-bottom: 1px solid #bd284b;}'
  143.                      );
  144.     //OCD Script info
  145.     sheet.insertRule('#TabsContainer {'
  146.                      + 'position: absolute; '
  147.                      + 'z-index: 99; '
  148.                      + 'bottom: 35px; '
  149.                      + 'left: 17px; '
  150.                      + 'width: 240px !important; '
  151.                      + 'height: 430px !important; '
  152.                      + 'box-sizing: content-box; '
  153.                      + 'border: 1px solid rgb(156, 182, 213); '
  154.                      + 'box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.3) !important; '
  155.                      + 'font: normal 10px/16px Tahoma, Helvetica, Arial, sans-serif; '
  156.                      + 'color: #ffffff !important; '
  157.                      + 'background: #000000f0 !important;}'
  158.                      );
  159. //Club
  160.     sheet.insertRule('.inner_club_tables>.lead_table_view::after {'
  161.                      + 'opacity: 0;}'
  162.                      );
  163.     sheet.insertRule('.club-wrapper>.club-container {'
  164.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;'
  165.                      + 'background-size: auto !important;'
  166.                      + 'box-shadow: inset 0 0 40px 15px #66203400 !important;}'
  167.                      );
  168.     //Club Details
  169.     sheet.insertRule('.club_dashboard .club_information.light_subpanel_box {'
  170.                      + 'box-shadow: 0 0 5px rgb(45 8 17 / 0%), inset 0 0 8px rgb(0 255 87 / 0%) !important;}'
  171.                      );
  172.     sheet.insertRule('.light_subpanel_box {'
  173.                      + 'background-color: rgb(0 0 0 / 50%) !important;'
  174.                      + 'background-image: linear-gradient(to right,#65273a00 0,rgb(116 63 88 / 0%) 100%) !important;'
  175.                      + 'box-shadow: 0 0 5px rgb(45 8 17 / 0%), inset 0 0 8px rgb(0 255 87 / 0%) !important;}'
  176.                      );
  177.     sheet.insertRule('.club_dashboard .club_information>.dark_subpanel_box {'
  178.                      + 'border: 1px solid #bd284b !important;}'
  179.                      );
  180.     sheet.insertRule('.club_dashboard .club_information .line {'
  181.                      + 'background-color: #bd284b !important;}'
  182.                      );
  183.     sheet.insertRule('.club_dashboard table tbody tr:hover {'
  184.                      + 'background-color: #cc1141 !important;}'
  185.                      );
  186.     //Club Champ Container
  187.     sheet.insertRule('.club-wrapper>.club-container .club_champions_details_container {'
  188.                      + 'background: linear-gradient(to bottom,#743f5800 0%,#65273a00 0%) !important;}'
  189.                      );
  190.     sheet.insertRule('.club_champions_bar_container {'
  191.                      + 'box-shadow: #fff 0px 0px 0px 0.1px !important;}'
  192.                      );
  193.     sheet.insertRule('#club_champions_help_popup .club_champions_help_container {'
  194.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;}'
  195.                      );
  196.     //Club Upgrade Container
  197.     sheet.insertRule('.dark_subpanel_box {'
  198.                      + 'box-shadow: inset 0 0 40px 15px #66203400 !important;'
  199.                      + 'background-color: #00000000;}'
  200.                      );
  201. //Club-Chat
  202.     //Clubchat-Container
  203.     sheet.insertRule('.chat-wrapper .chat-container {'
  204.                      + 'color: #ffffff !important;'
  205.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 100%,#000000 100%) !important;'
  206.                      + 'box-shadow: inset 0 0 25px 1px #cc1141 !important;'
  207.                      + 'border: 1px solid #cc1141 !important;}'
  208.                      );
  209.     sheet.insertRule('.club-chat-messages .chat-msg:hover {'
  210.                      + 'background-color: #cc1141 !important;}'
  211.                      );
  212.     sheet.insertRule('.chat-msg .chat-msg-sender {'
  213.                      + 'color: #0e72ff !important;}'
  214.                      );
  215. //Profil
  216.     //left
  217.     sheet.insertRule('.hero_info > .top {'
  218.                      + 'border: 1px solid rgb(255 255 255);'
  219.                      + 'background: rgb(0 0 0 / 69%) !important;}'
  220.                      );
  221.     sheet.insertRule('.hero_info>.top>h3 {'
  222.                      + 'color: rgb(4 168 233); !important;}'
  223.                      );
  224.     sheet.insertRule('.hero_info>.bottom {'
  225.                      + 'border: 1px solid rgb(255 255 255);'
  226.                      + 'width: 233px;height: 308px;'
  227.                      + 'margin: 8px;'
  228.                      + 'background: rgb(0 0 0 / 69%) !important;}'
  229.                      );
  230.     sheet.insertRule('.hero_info {'
  231.                      + 'color: rgb(4 168 233); !important;'
  232.                      + 'background: #000000 url(https://hh2.hh-content.com/harem_girl_bg.svg) !important;}'
  233.                      );
  234.     //right
  235.     sheet.insertRule('.harem_page>.team_stats>div, .profile_page>.team_stats>div {'
  236.                      + 'border: 1px solid rgb(255 255 255);'
  237.                      + 'background: rgb(0 0 0 / 69%) !important;}'
  238.                      );
  239.     sheet.insertRule('.harem_page>.team_stats, .profile_page>.team_stats {'
  240.                      + 'color: rgb(4 168 233); !important;'
  241.                      + 'background: #000000 url(https://hh2.hh-content.com/harem_girl_bg.svg) !important;}'
  242.                      );
  243.     //Profile Girlshowcase
  244.     sheet.insertRule('.harem_page .slot.girls {'
  245.                      + 'background: rgb(0 0 0 / 30%);'
  246.                      + 'border: 1px solid rgb(255 255 255 / 69%);}'
  247.                      );
  248.     sheet.insertRule('.harem_page .change_background, .harem_page .change_girl {'
  249.                      + 'background: #000000 url(https://hh2.hh-content.com/harem_girl_bg.svg) !important;}'
  250.                      );
  251.     sheet.insertRule('.harem_page .change_background>.container, .harem_page .change_girl>.container {'
  252.                      + 'background: rgb(0 0 0 / 50%) !important;}'
  253.                      );
  254.     sheet.insertRule('.harem_page .change_girl>select {'
  255.                      + 'color: rgb(4 168 233); !important;'
  256.                      + 'background: rgb(0 0 0 / 69%) !important;}'
  257.                      );
  258.     sheet.insertRule('.harem_page .change_girl>input {'
  259.                      + 'border: 1px solid #fff !important;'
  260.                      + 'color: rgb(4 168 233); !important;'
  261.                      + 'background: rgb(0 0 0 / 69%) !important;}'
  262.                      );
  263.     sheet.insertRule('.harem_page .slot.girls:hover {'
  264.                      + 'background: rgb(204 17 65 / 50%);}'
  265.                      );
  266.     //Profile Editor
  267.     sheet.insertRule('.edit_content_tabs {'
  268.                      + 'background: #000000 url(https://hh2.hh-content.com/harem_girl_bg.svg) !important;}'
  269.                      );
  270.     sheet.insertRule('.edit_content_tabs>#avatar, .edit_content_tabs>#character, .edit_content_tabs>#profile, .edit_content_tabs>#theme {'
  271.                      + 'background: rgb(0 0 0 / 50%) !important;}'
  272.                      );
  273.     sheet.insertRule('.edit_content_tabs>#profile>.username>input {'
  274.                      + 'border: 1px solid #fff !important;'
  275.                      + 'color: rgb(4 168 233); !important;'
  276.                      + 'background: rgb(0 0 0 / 69%) !important;}'
  277.                      );
  278.     sheet.insertRule('.slot {'
  279.                      + 'box-shadow: inset 0 0 5px 0 rgb(255 255 255 / 69%);}'
  280.                      );
  281. //Season
  282.     //Main
  283.     sheet.insertRule('.seasons_bgr {'
  284.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;'
  285.                      + 'box-shadow: inset 0 0 40px 15px #66203400 !important;}'
  286.                      );
  287.     sheet.insertRule('.reward_placeholder {'
  288.                      + 'background-color: rgb(59 19 35 / 0%);}'
  289.                      );
  290.     sheet.insertRule('.info_bgr {'
  291.                      + 'background-image: linear-gradient(to top,rgb(0 0 0) 0,rgb(0 0 0 / 85%) 1%,rgb(0 0 0 / 85%) 100%);}'
  292.                      );
  293.     //Leaderboard
  294.     sheet.insertRule('.leaderboard_list {'
  295.                      + 'border-top: 1px solid #bd284b !important;'
  296.                      + 'border-bottom: 1px solid #bd284b !important;}'
  297.                      );
  298.     sheet.insertRule('.leaderboard_row_active {'
  299.                      + 'background-color: #cc1141 !important;'
  300.                      + 'border: 1px solid #000000 !important;}'
  301.                      );
  302.     //Reward
  303.     sheet.insertRule('.reward_wrapper_s_is_claimed {'
  304.                      + 'background: rgb(0 0 0 / 69%) !important;}'
  305.                     );
  306.     sheet.insertRule('.reward_wrapper_s_is_claimable {'
  307.                      + 'background-color: rgb(0 0 0 / 69%) !important;'
  308.                      + 'border: 2px solid #cc1141 !important;}'
  309.                      );
  310.     sheet.insertRule('#preview_reward_text_s {'
  311.                      + 'bottom: -9px !important;'
  312.                      + 'color: #ffffff !important;}'
  313.                      );
  314.     sheet.insertRule('#next_tier_indicator {'
  315.                      + 'background-color: #000000 !important;'
  316.                      + 'border: 1px solid #cc1141 !important;'
  317.                      + 'color: #ffa23e !important;}'
  318.                      );
  319.     //Opponent
  320.     sheet.insertRule('#season-arena .season_arena_block.battle_hero {'
  321.                      + 'background: linear-gradient(to top,#000000 33%,#000000b0 66%,#cc1141b0 100%) !important;}'
  322.                      );
  323.     sheet.insertRule('#season-arena .opponents_arena .selected_opponent .season_arena_block {'
  324.                      + 'box-shadow: 0 0 0 2px #cc1411 !important;'
  325.                      + 'background: linear-gradient(to top,#000000 33%,#000000b0 66%,#cc1411b0 100%) !important;}'
  326.                      );
  327.     sheet.insertRule('#season-arena .season_arena_block {'
  328.                      + 'background: linear-gradient(to top, #000000 40%, #000000b0 80%, #cc1141b0 100%) !important;}'
  329.                      );
  330. /*    //yin-yang CSS
  331.     sheet.insertRule('.team-member-border base-hexagon {'
  332.                      + 'width: 50px !important;'
  333.                      + 'height: 50px !important;'
  334.                      + 'border-radius: 50% !important;'
  335.                      + 'background: #000 !important;'
  336.                      + 'overflow: hidden !important;'
  337.                      + 'display: flex !important;'
  338.                      + 'align-items: center !important;'
  339.                      + 'justify-content: center !important;'
  340.                      + 'animation-name: yin-yang !important;'
  341.                      + 'animation-duration: 3s !important;'
  342.                      + 'animation-timing-function: linear !important;'
  343.                      + 'animation-iteration-count: infinite !important;}'
  344.                      );
  345.     sheet.insertRule('.team-member-border base-hexagon::before {'
  346.                      + 'content: "." !important;'
  347.                      + 'width: 6px !important;'
  348.                      + 'height: 6px !important;'
  349.                      + 'background: #fff !important;'
  350.                      + 'border-radius: 50% !important;'
  351.                      + 'border: 10px solid #000 !important;'
  352.                      + 'margin-bottom: 25px !important;'
  353.                      + 'position: absolute !important;'
  354.                      + 'z-index: 2 !important;}'
  355.                      );
  356.     sheet.insertRule('.team-member-border base-hexagon::after {'
  357.                      + 'content: "." !important;'
  358.                      + 'width: 6px !important;'
  359.                      + 'height: 6px !important;'
  360.                      + 'background: #000 !important;'
  361.                      + 'border-radius: 50% !important;'
  362.                      + 'border: 10px solid #fff !important;'
  363.                      + 'margin-top: 25px !important;'
  364.                      + 'position: absolute !important;'
  365.                      + 'z-index: 2 !important;}'
  366.                      );
  367.     sheet.insertRule('.team-member base-hexagon {'
  368.                      + 'position: relative !important;'
  369.                      + 'width: 25px !important;'
  370.                      + 'height: 50px !important;'
  371.                      + 'background: #fff !important;'
  372.                      + 'margin-left: 25px !important;}'
  373.                      );*/
  374. //Activities
  375.     //Place of Power
  376.     sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb>.pop_thumb_progress_bar .hh_bar .frontbar {'
  377.                      + 'height: 8px; !important;'
  378.                      + 'box-shadow: 1px 0 0 rgb(187 17 68) !important;'
  379.                      + 'background-image: linear-gradient(180deg,rgb(255 17 85) 0,rgb(187 17 50) 100%) !important;}'
  380.                      );
  381.     sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb_selected {'
  382.                      + 'background-color: rgb(255 184 39) !important;'
  383.                      + 'border-color: rgb(255 138 0) !important;}'
  384.                      );
  385.     sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb_selected .pop_thumb_progress_bar {'
  386.                      + 'background-color: #00000000 !important;}'
  387.                      );
  388.     sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb {'
  389.                      + 'border: 3px solid #cc1145 !important;'
  390.                      + 'background-color: #000000 !important;}'
  391.                      );
  392.     sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb > .pop_thumb_level {'
  393.                      + 'background-color: rgb(0 0 0 / 69%) !important;'
  394.                      + 'right: 1px !important;}'
  395.                      );
  396.     sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb > .pop_thumb_progress_bar {'
  397.                      + 'background-color: #00000000 !important;}'
  398.                      );
  399.     sheet.insertRule('#pop .pop_right_part>.grid_view div[girl]:hover {'
  400.                      + 'background-color: #cc1141 !important;}'
  401.                      );
  402.     sheet.insertRule('#pop .pop_right_part>.grid_view div[girl].assigned {'
  403.                      + 'background-color: #70243600 !important;'
  404.                      + 'border: 2px solid #cc1141 !important;}'
  405.                      );
  406.     sheet.insertRule('#pop .pop_central_part>.pop_active_sign {'
  407.                      + 'background-color: #290f1600 !important;'
  408.                      + 'border: 2px solid #cc1141 !important;}'
  409.                      );
  410.     sheet.insertRule('.PopIDs {'
  411.                      + 'z-index: 500 !important;'
  412.                      + 'position: absolute !important;'
  413.                      + 'margin-top: 25px !important;'
  414.                      + 'margin-left: 5px !important;'
  415.                      + 'text-shadow: 1.5px 1.5px 0px #bb1144 !important;}'
  416.                     );
  417.     //Contest
  418.     sheet.insertRule('#contests>div>div.left_part>.scroll_area>.nicescroll-rails {'
  419.                      + 'background-color: rgb(0 0 0 / 0%) !important;}'
  420.                      );
  421.     sheet.insertRule('#contests>div>div.right_part .over_panel {'
  422.                      + 'background: rgb(0 0 0 / 69%) !important;'
  423.                      + 'border-top: 1px solid #bd284b;'
  424.                      + 'border-bottom: 1px solid #bd284b;}'
  425.                      );
  426.     sheet.insertRule('#contests>div>div.right_part>.ranking table tbody tr:hover {'
  427.                      + 'background-color: #cc1145 !important;}'
  428.                      );
  429.     sheet.insertRule('#contests>div>div.left_part>.scroll_area>.contest>.contest_header.contest_header_active {'
  430.                      + 'border-color: #cc1145 !important;}'
  431.                      );
  432.     sheet.insertRule('#contests > div > div.left_part > .scroll_area > .contest > .contest_body > .contest_rewards > .reward_position {'
  433.                      + 'background: rgb(0 0 0 / 0%) !important;}'
  434.                      );
  435.     sheet.insertRule('#contests>div>div.left_part>.scroll_area>.contest>.contest_body>.contest_rewards>.reward_position.pink {'
  436.                      + 'background-color: #244770 !important;'
  437.                      + 'border: 2px solid #347098 !important;}'
  438.                      );
  439. //Market
  440.     sheet.insertRule('#shops>div.base_block {'
  441.                      + 'background-image: url(https://hh2.hh-content.com/market_bg.svg) !important;}'
  442.                      );
  443. //League
  444.     sheet.insertRule('.lead_table .lead_table_view::after {'
  445.                      + 'opacity: 0 !important;}'
  446.                      );
  447.     sheet.insertRule('.lead_table table tbody tr {'
  448.                      + 'background-color: rgb(191 40 90 / 0%);}'
  449.                      );
  450.     //Player Info
  451.     sheet.insertRule('.player_block {'
  452.                      + 'background-color: rgb(0 0 0) !important;'
  453.                      + 'background-image: linear-gradient(to right,rgb(0 0 0) 0,rgb(0 0 0) 100%) !important;'
  454.                      + 'box-shadow: 0 0 5px #bd284b7d, inset 0 0 8px #bd284b; !important;}'
  455.                      );
  456. //Tower of Fame
  457.     //Club
  458.     sheet.insertRule('.club-popup .members-table .lead_table_view::after {'
  459.                      + 'background: linear-gradient(to top,#63213400,rgba(0,0,0,0)) !Important;}'
  460.                      );
  461.     sheet.insertRule('.lead_table table tbody tr:hover {'
  462.                      + 'background-color: #cc1145 !important;}'
  463.                      );
  464. //Troll fight
  465.     sheet.insertRule('#pre-battle .panel {'
  466.                      + 'background: #000000 !important;'
  467.                      + 'background-image: url(https://hh2.hh-content.com/battle_bg.svg) !important;}'
  468.                      );
  469.     sheet.insertRule('#pre-battle .sub-panel {'
  470.                      + 'background: transparent !important;}'
  471.                      );
  472.     sheet.insertRule('.fighter-stats-container .stat {'
  473.                      + 'border: 1px solid #cc1141 !important;'
  474.                      + 'background-color: #000000b0 !important;}'
  475.                      );
  476. //Pachinko
  477.     //Epic
  478.     sheet.insertRule('.playing-zone[type-panel=epic] .container {'
  479.                      + 'background-color: #000000 !important;'
  480.                      + 'box-shadow: 0 0 20px rgb(192 0 72 / 50%), inset 0 0 50px rgb(192 0 72 / 40%) !important;'
  481.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;}'
  482.                      );
  483.     //Mythic
  484.     sheet.insertRule('.playing-zone[type-panel=mythic] .container {'
  485.                      + 'background-color: #000000 !important;'
  486.                      + 'box-shadow: 0 0 20px rgb(255 144 0 / 50%), inset 0 0 50px rgb(255 144 0 / 40%) !important;'
  487.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;}'
  488.                      );
  489.     //Great
  490.     sheet.insertRule('.playing-zone[type-panel=great] .container {'
  491.                      + 'background-color: #000000 !important;'
  492.                      + 'box-shadow: 0 0 20px rgb(13 165 79 / 50%), inset 0 0 50px rgb(13 165 79 / 40%) !important;'
  493.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;}'
  494.                      );
  495.     //Event
  496.     sheet.insertRule('.playing-zone[type-panel=event] .container {'
  497.                      + 'background-color: #000000 !important;'
  498.                      + 'box-shadow: 0 0 20px rgb(23 14 214 / 50%), inset 0 0 50px rgb(23 14 214 / 40%) !important;'
  499.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;}'
  500.                      );
  501. //Sex Champions
  502.     //Reception Desk
  503.     sheet.insertRule('.help-screen-border-gradient .help-screen-container {'
  504.                      + 'box-shadow: inset 0 0 40px 15px #66203400 !important;'
  505.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;}'
  506.                      );
  507.     sheet.insertRule('.dark_subpanel_box_border {'
  508.                      + 'box-shadow: inset 0 0 40px 15px #66203400 !important;'
  509.                      + 'background-color: #00000000 !important;}'
  510.                      );
  511.     sheet.insertRule('.help-screen-border-gradient .hidden-item {'
  512.                      + 'filter: brightness(100) !important;}'
  513.                      );
  514. //Event
  515.     //UI - Update 07.07.2021
  516.     sheet.insertRule('#events .nc-panel {'
  517.                      + 'background: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) center center,black linear-gradient(244deg,#000000 0,#000000 100%) 0 0 no-repeat padding-box !important;}'
  518.                      );
  519.     sheet.insertRule('#events .nc-events-prize-locations-container {'
  520.                      + 'background: #00000000 !important;'
  521.                      + 'border: 1px solid #cc1141 !important;}'
  522.                      );
  523.     sheet.insertRule('#events .nc-event-list-reward-container {'
  524.                      + 'background-color: #00000000 !important;}'
  525.                      );
  526.     sheet.insertRule('#events .nc-event-list-reward-container.selected, #events .nc-event-list-reward-container:hover {'
  527.                      + 'background: #000000 !important;'
  528.                      + 'border: 2.5px solid #cc1141 !important;'
  529.                      + 'border-radius: 0px !important;}'
  530.                      );
  531.     sheet.insertRule('#events .nc-sub-panel {'
  532.                      + 'background: #00000000 !important;}'
  533.                      );
  534.     sheet.insertRule('#events .nc-panel-body .nc-poa-reward-container {'
  535.                      + 'background: #00000000 !important;}'
  536.                      );
  537.     sheet.insertRule('#events .nc-panel-body .nc-poa-reward-container.selected, #events .nc-panel-body .nc-poa-reward-container:hover {'
  538.                      + 'border: 3px solid #cc1141 !important;'
  539.                      + 'background: #00000000 !important;}'
  540.                      );
  541.     sheet.insertRule('#events .nc-panel-body .nc-poa-step-indicator {'
  542.                      + 'border: 1px solid #cc1141 !important;'
  543.                      + 'background: #000000 !important;'
  544.                      + 'color: #ff7200 !important;}'
  545.                      );
  546.     //Girl Info
  547.     sheet.insertRule('.girl-where-to-find {'
  548.                      + 'background: #000000 !important;'
  549.                      + 'border: 2px solid #cc1141 !important;}'
  550.                      );
  551.     sheet.insertRule('.new_girl_info {'
  552.                      + 'background: url(https://hh2.hh-content.com/pictures/design/payments/ic_HH-logo.png) center,rgb(0 0 0 / 69%) !important;'
  553.                      + 'background-repeat: no-repeat !important;}'
  554.                      );
  555.     sheet.insertRule('.new_girl_info .girl_tooltip_positions {'
  556.                      + 'background-color: #00000000 !important;}'
  557.                      );
  558. //Special container
  559.     //Infobox
  560.     sheet.insertRule('.container-special-bg {'
  561.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;'
  562.                      + 'box-shadow: inset 0 0 40px 15px #66203400 !important;}'
  563.                      );
  564.     //Paymentbox - Daily
  565.     sheet.insertRule('#popups #no_HC #popup_daily_rewards {'
  566.                      + 'background-color: rgb(0 0 0 / 0%) !important;}'
  567.                      );
  568.     sheet.insertRule('#popups #no_HC #popup_daily_rewards .daily_rewards_week_container .daily_reward_container.reward_current {'
  569.                      + 'background: #70243600 !important;'
  570.                      + 'border: 3px solid #cc1141 !important;}'
  571.                      );
  572.     sheet.insertRule('#popups #no_HC #popup_daily_rewards .daily_rewards_week_container .daily_reward_container .daily_rewards_index.daily_rewards_next {'
  573.                      + 'color: #cc1141 !important;}'
  574.                      );
  575.     //Paymentbox - MonthlyCard
  576.     sheet.insertRule('#popups #no_HC .monthly_card .product-background {'
  577.                      + 'background: url(https://hh2.hh-content.com/pictures/design/payments/ic_HH-logo.png) center,rgb(0 0 0 / 69%) !important;'
  578.                      + 'background-repeat: no-repeat !important;'
  579.                      + 'background-size: 160px !important;'
  580.                      + 'background-position: center 100px !important;}'
  581.                      );
  582.     //Paymentbox - Bundles
  583.     sheet.insertRule('#popups #no_HC .bundles .product-background, #popups #no_HC .monthly_card .product-background {'
  584.                      + 'background: rgb(0 0 0) !important;}'
  585.                      );
  586.     //Paymentbox - Kobans
  587.     sheet.insertRule('#popups #no_HC .product-background.standalone[bg] {'
  588.                      + 'background-color: black !important;}'
  589.                      );
  590.     //Paymentbox - Season
  591.     sheet.insertRule('#sp_image_container {'
  592.                      + 'background-color: rgb(0 0 0 / 0%) !important;}'
  593.                      );
  594.     //Event - Container
  595.     sheet.insertRule('.event-widget .widget {'
  596.                      + 'background-color: rgb(0 0 0 / 69%) !important;'
  597.                      + 'border: 1px solid #cc1141 !important;}'
  598.                      );
  599. //POPUPS - KominoStyle Only
  600.     sheet.insertRule('#popups>div:not(.notifs):not(#hero_pages):not(#rewards_popup):not(#popup_blessings), #sliding-popups>div:not(.notifs):not(#hero_pages):not(#rewards_popup):not(#popup_blessings) {'
  601.                      + 'background: linear-gradient(110deg, rgb(0, 0, 0) 3%, rgb(204, 17, 65) 30%, rgb(204, 15, 78) 50%, rgb(204, 17, 65) 70%, rgb(0, 0, 0) 97%) rgb(0, 0, 0) !important;}'
  602.                      );
  603.     sheet.insertRule('#popups b, #sliding-popups b {'
  604.                      + 'color: #ffc500 !important;}'
  605.                      );
  606.     sheet.insertRule('#popups>#no_energy_challenge>div>.promo_price, #popups>#no_energy_fight>div>.promo_price, #popups>#no_energy_kiss>div>.promo_price, #popups>#no_energy_quest>div>.promo_price, #sliding-popups>#no_energy_challenge>div>.promo_price, #sliding-popups>#no_energy_fight>div>.promo_price, #sliding-popups>#no_energy_kiss>div>.promo_price, #sliding-popups>#no_energy_quest>div>.promo_price {'
  607.                      + 'color: #000 !important;'
  608.                      + 'text-shadow: -2px 0 #cc1141, 0 2px #cc1141, 2px 0 #cc1141, 0 -2px #cc1141 !important;}'
  609.                      );
  610.     sheet.insertRule('#popups>#no_energy_challenge>div>.promo_cross, #popups>#no_energy_fight>div>.promo_cross, #popups>#no_energy_kiss>div>.promo_cross, #popups>#no_energy_quest>div>.promo_cross, #sliding-popups>#no_energy_challenge>div>.promo_cross, #sliding-popups>#no_energy_fight>div>.promo_cross, #sliding-popups>#no_energy_kiss>div>.promo_cross, #sliding-popups>#no_energy_quest>div>.promo_cross {'
  611.                      + 'color: #000 !important;'
  612.                      + 'text-shadow: -2px 0 #cc1141, 0 2px #cc1141, 2px 0 #cc1141, 0 -2px #cc1141 !important;}'
  613.                      );
  614.     sheet.insertRule('#popups>#popup_credits>.credits_box, #sliding-popups>#popup_credits>.credits_box {'
  615.                      + 'background: rgb(0 0 0 / 20%);'
  616.                      + 'color: #fff;}'
  617.                      );
  618.     sheet.insertRule('#popups .popup_view_v2#confirm_pachinko, #popups .popup_view_v2#confirmation_popup {'
  619.                      + 'box-shadow: inset 0 0 40px 15px #00000000 !important;}'
  620.                      );
  621.     sheet.insertRule('#popups #rewards_popup .flex-container .subtitle_special_color, #sliding-popups #rewards_popup .flex-container .subtitle_special_color {'
  622.                      + 'color: #cc1141 !important;}'
  623.                      );
  624.     //Discount - informarion
  625.     sheet.insertRule('body>div>header .promo_profile_discount_text {'
  626.                      + 'left: 78px !important;'
  627.                      + 'top: 53px !important;'
  628.                      + 'width: 192px !important;}'
  629.                      );
  630.     //Reward
  631.     sheet.insertRule('#popups #rewards_popup .flex-container .rewards .rewards_background, #sliding-popups #rewards_popup .flex-container .rewards .rewards_background {'
  632.                      + 'background: rgb(0 0 0 / 69%) !important;'
  633.                      + 'box-shadow: 0 0 30px #cc1141b0 !important;}'
  634.                      );
  635.     //Blessing
  636.     sheet.insertRule('#popups #popup_blessings .blessings_wrapper {'
  637.                      + 'border-radius: 30px !important;'
  638.                      + 'width: 720px !important;'
  639.                      + 'height: 500px !important;'
  640.                      + 'top: -2px !important;'
  641.                      + 'left: -2px !important;'
  642.                      + 'background: #00000000 !important;'
  643.                      + 'border: 1px solid #cc1141 !important;}'
  644.                      );
  645.     sheet.insertRule('#popups #popup_blessings .border-gradient:before {'
  646.                      + 'border-radius: 30px !important;'
  647.                      + 'width: 720px !important;'
  648.                      + 'height: 500px !important;'
  649.                      + 'top: -2px !important;'
  650.                      + 'left: -2px !important;'
  651.                      + 'background: #000000b0 !important;'
  652.                      + 'border: 1px solid #cc1141 !important;}'
  653.                      );
  654.     sheet.insertRule('#popups #popup_blessings .blessings_wrapper .blessing {'
  655.                      + 'background: #000000cc !important;'
  656.                      + 'border: 1px solid #cc1141 !important;}'
  657.                      );
  658.     sheet.insertRule('#popups #popup_blessings .blessings_wrapper .upcoming-blessings-container h3 {'
  659.                      + 'color: #41cc4a !important;}'
  660.                      );
  661.     sheet.insertRule('#popups #popup_blessings .blessings_wrapper:before {'
  662.                      + 'transition: clip-path .25s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important;'
  663.                      + 'background: linear-gradient(110deg, rgb(0, 0, 0) 3%, rgb(204, 17, 65) 30%, rgb(204, 15, 78) 50%, rgb(204, 17, 65) 70%, rgb(0, 0, 0) 97%) rgb(0, 0, 0) !important;}'
  664.                      );
  665. //Setting
  666.     sheet.insertRule('.settings-wrapper>.settings-container {'
  667.                      + 'box-shadow: inset 0 0 25px 1px #cc1141 !important;'
  668.                      + 'border: 1px solid #cc1141 !important;'
  669.                      + 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 100%,#000000 100%) !important;}'
  670.                      );
  671. /*
  672. //!♥Koͨmͧiͭnͥoͤ Style♥!
  673.     //Club Chat - KominoStyle Only
  674.     sheet.insertRule('.chat-absolute-position {'
  675.                      + 'width: 869px;'
  676.                      + 'height: 869px;}'
  677.                      );
  678.     //HH-Logo - KominoStyle Only
  679.     sheet.insertRule('body>div>header>a.hh_logo>img {'
  680.                      + 'width: 0% !important;}'
  681.                      );
  682.     sheet.insertRule('.hh_logo {'
  683.                      + 'background: url(https://puu.sh/Hy0HH/b89e8bd8ba.png) center center no-repeat !important;'
  684.                      + 'background-size: contain !important;}'
  685.                      );
  686.     sheet.insertRule('body>div>header>a.hh_logo {'
  687.                      + 'width: 59px !important;'
  688.                      + 'height: 36px !important;}'
  689.                      );
  690. */
  691. //Eye Safer
  692.     sheet.insertRule('body {'
  693.                      + 'background-color: black;}'
  694.                      );
  695. }