Skip to content

!♥Hentai-Heroes - CSS Define♥! by genos

Write a review Install Get Stylus

Details

Authorgenos

LicenseNo License

Categorysty

Created

Updated

Size68 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Girl size change

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           !♥Hentai-Heroes - CSS Define♥!
@namespace      Haremheroes
@version        1.6.1
@description    Adding CSS here and there in the ♥Hentai Heroes game♥
@author         !♥Koͨmͧiͭnͥoͤ Style♥!
@license      	MIT
==/UserStyle== */
@-moz-document domain("hentaiheroes.com"), domain("nutaku.haremheroes.com") {

/* ===================
	!♥Hentai-Heroes♥!
   =================== */
/*Script - CSSDefine*/

/*----------------
| NEW - Variable |
----------------*/
.purple_button_L {
	background-image: linear-gradient(to top, #a50b39 0, #b14 100%) !important;
}
.purple_button_L:hover,
.blue_button_L:hover {
	filter: brightness(120%) !important;
}

/*---------------------
| CSS-Define - Button |
---------------------*/
.CSSDefine_round_button {
	height: 30px !important;
	width: 30px !important;
	border: 1px solid #000000 !important;
	border-radius: 50% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.CSSDefine_button_blue {
	background-image: linear-gradient(to top, #008ed5 0, #05719c 100%) !important;
	box-shadow: 0 3px 0 #0d161999, inset 0 3px 0 #6df0ff !important;
}
.CSSDefine_button_red {
	background-image: linear-gradient(to top, #e3005b 0px, #820040 100%) !important;
	box-shadow: 0 3px 0 #0d161999, inset 0 3px 0 rgb(238 17 85) !important;
}
.CSSDefine_button_orange {
	background-image: linear-gradient(to top, #f90 0px, #f70 100%) !important;
	box-shadow: 0 3px 0 #0d161999, inset 0 3px 0 #ffde00 !important;
}
.CSSDefine_button_green {
	background-image: linear-gradient(to top, #619f00 0px, #570 100%) !important;
	box-shadow: 0 3px 0 #0d161999, inset 0 3px 0 #95ed3f !important;
}
.CSSDefineIcn {
	height: 20px !important;
	width: 20px !important;
	margin-top: 4px !important;
	background: center center no-repeat !important;
	background-size: contain !important;
	transform: scale(0.9) !important;
}
.ClubChampionIcn {
	background-image: url(https://hh2.hh-content.com/clubs/ic_ClubChampions.svg) !important;
}
.ChampionIcn {
	background-image: url(https://hh2.hh-content.com/design/menu/ic_champions.svg) !important;
}
.PachinkoIcn {
	background-image: url(https://hh2.hh-content.com/pictures/design/menu/pachinko.svg) !important;
	margin-left: 2px !important;
}
.LvLGirlIcn {
	background-image: url(https://hh2.hh-content.com/design/ic_books_gray.svg) !important;
	filter: brightness(100) !important;
}
.AwakenGirlIcn {
	background-image: url(https://hh2.hh-content.com/design/ic_gem.svg) !important;
}
.UpgradGirlIcn {
	background-image: url(https://hh2.hh-content.com/design/ic_gifts_gray.svg) !important;
	filter: brightness(100) !important;
}
.MarketIcn {
	background-image: url(https://hh2.hh-content.com/design/menu/shop.svg) !important;
}
.VillainIcn {
	background-image: url(https://hh2.hh-content.com/pictures/design/menu/map.svg) !important;
}
.QuestIcn {
	background-image: url(https://hh2.hh-content.com/design/menu/forward.svg) !important;
	margin-top: 3px !important;
}
.SideQuestIcn {
	background-image: url(/images/quest/ic_SideQuests.svg) !important;
}
.LeaguesIcn {
	background-image: url(https://hh2.hh-content.com/design/menu/leaderboard.svg) !important;
	transform: scale(1) !important;
}
.PhanteonIcn {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cmVjdCBoZWlnaHQ9IjciIHdpZHRoPSIzIiB4PSI0IiB5PSIxMCIvPjxyZWN0IGhlaWdodD0iNyIgd2lkdGg9IjMiIHg9IjEwLjUiIHk9IjEwIi8+PHJlY3QgaGVpZ2h0PSIzIiB3aWR0aD0iMjAiIHg9IjIiIHk9IjE5Ii8+PHJlY3QgaGVpZ2h0PSI3IiB3aWR0aD0iMyIgeD0iMTciIHk9IjEwIi8+PHBvbHlnb24gcG9pbnRzPSIxMiwxIDIsNiAyLDggMjIsOCAyMiw2Ii8+PC9nPjwvZz48L3N2Zz4=") !important;
}
.ActivitiesIcn {
	background-image: url(https://hh2.hh-content.com/design/menu/missions.svg) !important;
}

/*----------------------
| CSS-Define - Overall |
----------------------*/
/*Main Css*/
.base_block {
	background: #000000 repeat !important;
	box-shadow: 0 3px 10px 0 #000 !important;
	border: solid #ff7300 1px !important;
}
.sub_block {
	background: rgb(0 0 0 / 69%) !important;
}
.hh_tooltip_new {
	border: 1px solid #ff6700 !important;
	background-color: rgb(0 0 0 / 90%) !important;
	color: #fff !important;
}
.have_arrows.align-top:before {
	border: 10px solid transparent !important;
	top: auto !important;
	bottom: -19.5px !important;
	border-top-color: #ff6700 !important;
}
.have_arrows.align-top:after {
	border: 9px solid #ff000000 !important;
	top: auto !important;
	bottom: -17px !important;
	border-top-color: rgb(0 0 0) !important;
}
.have_arrows.align-bottom:before {
	border: 10px solid transparent !important;
	top: -19.5px !important;
	border-bottom-color: #ff6700 !important;
}
.have_arrows.align-bottom:after {
	border: 9px solid #ff000000 !important;
	top: -17px !important;
	border-bottom-color: rgb(0 0 0) !important;
}
/*Menu*/
#contains_all > nav > [rel=content] .extender {
	display: none;
}
#contains_all > nav > [rel=content] > div {
	background-color: #000000 !important;
	height: auto !important;
	width: auto !important;
	padding: 18px 10px !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
}
#contains_all > nav > [rel=content] > div > a {
	width: auto !important;
	height: auto !important;
	margin: 5px 10px !important;
	padding: 5px 9px !important;
	font-size: 12px !important;
	line-height: 20px !important;
}
#contains_all > nav > [rel=content] > div > a:active,
#contains_all > nav > [rel=content] > div > a:hover {
	background-color: #cc1141 !important;
}
#contains_all > nav > [rel=content] > div > a > div {
	margin: 0px !important;
}
#contains_all > nav > [rel=content] > div > a > div ic {
	width: 20px !important;
	height: 20px !important;
}
/*Battle & Reward - Button change*/
#new_battle #new-battle-skip-btn {
	position: relative !important;
	top: 388px !important;
	z-index: 20 !important;
}
#rewards_popup .popup_buttons {
	position: relative !important;
	top: 15px !important;
}
/*Girl Diamondbar*/
.diamond-bar .diamond.unlocked {
	cursor: pointer !important;
	border: 2px solid #fff !important;
	background-color: #cc1141 !important;
}

/*-----------------------
| CSS-Define - Function |
-----------------------*/
/*Show Clubmember*/
.IsMember:not(.lead_table_default),
.lead_table table tbody tr.IsMember:not(.personal_highlight) > td {
	color: #0e72ff !important;
}

/*-------------------
| • Terminal Button |
-------------------*/
/*Shop & PoP*/
#show_terminal,
#show_PoP_terminal {
	position: relative !important;
}
#show_terminal img,
#show_PoP_terminal img {
	position: relative !important;
	width: 2rem !important;
	display: block !important;
}

/*-------------------------------
| • Hide Buttons - Girl Upgrade |
-------------------------------*/
#controls .or,
#controls button[rel=next][act=HC] {
	display: none !important;
}
#controls button[rel=next][act=SC] {
	bottom: 0 !important;
}

/*-----------------------
| • Hide Buttons - Shop |
-----------------------*/
/*Shop - hide [buy/sell] button*/
#shop > button[rel=buy].orange_text_button.DONTbuy {
	display: none !important;
}
#inventory > button[rel=sell].green_text_button.DONTsell {
	display: none !important;
}
/*Shop - show [buy/sell] button*/
#shops #shop button,
#shops #inventory button {
	z-index: 1 !important;
}
/*Shop - left show [buy/sell] button*/
#shops #shop label#GiveMeThisItem {
	position: relative !important;
	display: block !important;
	height: 0% !important;
	width: 0% !important;
	background: none !important;
	cursor: pointer !important;
	z-index: 0 !important;
	top: -55% !important;
	right: -41% !important;
}
/*Shop - right show [buy/sell] button*/
#shops #inventory label#SellThisItem {
	position: relative !important;
	display: block !important;
	height: 0% !important;
	width: 0% !important;
	background: none !important;
	cursor: pointer !important;
	z-index: 0 !important;
	top: -21% !important;
	right: -41% !important;
}

/*----------------------
| • Hide Buttons - PoP |
----------------------*/
/*PoP - terminal [show/hide] button*/
#pop #pop_info label#HiddenPoP,
#pop #pop_info label#ShowPoP {
	position: absolute !important;
	display: block !important;
	height: 0% !important;
	width: 0% !important;
	background: none !important;
	cursor: pointer !important;
	z-index: 100 !important;
	bottom: 97.5% !important;
	right: 08% !important;
}
/*PoP - show/hide [auto assign/claim all] button*/
#pop .pop_list .pop-action-btn.hiddenPoP,
#pop #pop_info label#HiddenPoP.hiddenPoP,
#pop #pop_info label#ShowPoP.hiddenPoP {
	display: none !important;
}

/*---------------------
| NEW - Home - Screen |
---------------------*/
#homepage .main-container .left-side-container {
	display: block !important;
	height: 100% !important;
	width: 130px !important;
}
#homepage .main-container .left-side-container .quest-container {
	display: block !important;
	position: unset !important;
}
#homepage .main-container .left-side-container .quest-container > a > .notif-position > span,
#homepage .main-container .left-side-container > a > .notif-position > span {
	background-color: rgba(0, 0, 0, .69) !important;
	border: 1px solid #cc1141 !important;
	border-radius: 1rem !important;
}
/*Waifu*/
#homepage .main-container .middle-container .waifu-and-right-side-container .waifu-container {
	pointer-events: none !important;
	top: 1px !important;
}
#homepage .main-container .middle-container .waifu-and-right-side-container .waifu-container canvas.animated-girl-display {
	position: absolute !important;
	top: 225px !important;
	left: 175px !important;
	transform: translate3d(0, 0, 0) scale(.45) !important;
}
#homepage .main-container .middle-container .waifu-and-right-side-container .waifu-container img.avatar {
	position: absolute !important;
	top: -90px !important;
	left: 120px !important;
	transform: translate3d(0, 0, 0) scale(.5) !important;
}...

Reviews

No reviews yet.