CSS Define

*NEW* adding JavaScript for CSS here and there in the ♥Hentai Heroes game♥

< Feedback on CSS Define

Review: Good - script works

§
Posted: 06. 04. 2022

Hey, Buddy! You can add a option for disable your Home UI changes?

Komino_StyleAuthor
§
Posted: 09. 04. 2022

hey, Jaraya
i wont make a menu for changing css, because than it won't be smooth for others so you will need to change it yourself,
just go to CSS file, and change things you don't need between this comment = /* style you don't want to take action */
this is the css section for home screen ;)
/*---------------------
| 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;
}
#homepage .main-container.NoWaifuSelected .middle-container .waifu-and-right-side-container .waifu-container canvas.animated-girl-display {
position: absolute !important;
top: 290px !important;
left: 175px !important;
transform: translate3d(0, 0, 0) scale(.3) !important;
}
#homepage .main-container.NoWaifuSelected .middle-container .waifu-and-right-side-container .waifu-container img.avatar {
position: absolute !important;
top: -50px !important;
left: 120px !important;
transform: translate3d(0, 0, 0) scale(.3) !important;
}
#homepage .waifu-buttons-container {
position: absolute !important;
bottom: 0 !important;
left: 560px !important;
}
.blur-effect {
filter: unset !important;
}
/*Home - Button position*/
#homepage .main-container .left-side-container a.feature-locked {
display: none !important;
}
#homepage .main-container .left-side-container a[rel=map],
#homepage .main-container .left-side-container .quest-container a[rel=map] {
position: absolute !important;
width: 130px !important;
top: 25px !important;
left: 445px !important;
}
#homepage .main-container .left-side-container .quest-container .continue-quest-container {
position: absolute !important;
top: -10px !important;
left: 460px !important;
}
#homepage .main-container .left-side-container .NoWaifuSelected a[rel=map],
#homepage .main-container .left-side-container .quest-container.NoWaifuSelected a[rel=map] {
position: absolute !important;
width: 130px !important;
top: 135px !important;
left: 405px !important;
}
#homepage .main-container .left-side-container .quest-container.NoWaifuSelected .continue-quest-container {
position: absolute !important;
top: 100px !important;
left: 420px !important;
}
#homepage .main-container .left-side-container a[rel=sex-god-path],
#homepage .main-container .left-side-container .quest-container a[rel=sex-god-path] {
position: absolute !important;
width: 130px !important;
top: 60px !important;
right: 260px !important;
}
#homepage .main-container .left-side-container a[rel=harem] {
position: absolute !important;
width: 130px !important;
top: 350px !important;
right: 0px !important;
}
#homepage .main-container .left-side-container a[rel=activities] {
position: absolute !important;
width: 130px !important;
top: 350px !important;
right: 300px !important;
}
#homepage .main-container .left-side-container a[rel=shop] {
position: absolute !important;
width: 130px !important;
top: 230px !important;
right: 250px !important;
}
#homepage .main-container .left-side-container a[rel=pachinko] {
position: absolute !important;
width: 130px !important;
top: 50px !important;
left: 60px !important;
}
#homepage .main-container .left-side-container a[rel=leaderboard] {
position: absolute !important;
width: 130px !important;
top: 25px !important;
left: 260px !important;
}
#homepage .main-container .left-side-container a[rel=clubs],
#homepage .main-container .left-side-container .quest-container a[rel=clubs] {
position: absolute !important;
width: 130px !important;
bottom: 250px !important;
left: 120px !important;
}
#homepage .main-container .left-side-container .quest-container > a > .button-notification-icon {
position: absolute !important;
top: -11px !important;
right: -10px !important;
}
#homepage .main-container .left-side-container > a > .button-notification-icon {
position: absolute !important;
top: -11px !important;
left: 118px !important;
}
#homepage .main-container .left-side-container .quest-container > a > .new_notif,
#homepage .main-container .left-side-container > a > .new_notif {
top: -10px !important;
right: -5px !important;
}
#homepage .main-container .left-side-container a[rel=sex-god-path] span p {
margin-block-start: 1em !important;
margin-block-end: 1em !important;
margin-inline-start: 0px !important;
margin-inline-end: 0px !important;
}
/** CSS-Define button **/
#homepage .main-container .left-side-container .CSS-Container {
display: flex !important;
flex-direction: row !important;
justify-content: space-evenly !important;
width: 5.875rem !important;
padding-left: 8px !important;
height: auto !important;
margin-top: auto !important;
margin-bottom: auto !important;
}
#homepage .main-container .left-side-container .quest-container .CSS-Container-sex-god-path {
position: absolute !important;
top: 25px !important;
right: 280px !important;
}
#homepage .main-container .left-side-container .quest-container .CSS-Container-clubs {
position: absolute !important;
bottom: 310px !important;
left: 135px !important;
}
#homepage .main-container .left-side-container .quest-container .CSS-Container-activities {
position: absolute !important;
bottom: 150px !important;
right: 320px !important;
}
/*season-banner*/
#homepage .main-container .middle-container .waifu-and-right-side-container .right-side-container .event-container .season-pov-container .pov-button > a[rel=path-of-valor] > .notif-position .pov-widget,
#homepage .main-container .middle-container .waifu-and-right-side-container .right-side-container .event-container .season-pov-container .season-button > a > .notif-position > span {
background-color: #000000e0 !important;
}
#homepage .season-button {
display: block !important;
position: absolute !important;
left: 10px !important;
bottom: 160px !important;
}
#homepage .pov-button {
display: block !important;
position: absolute !important;
left: 10px !important;
bottom: 80px !important;
}
#homepage .collect-button {
display: block !important;
position: absolute !important;
right: -2.2% !important;
bottom: 0 !important;
}
/*event-banner*/
#homepage .main-container .middle-container .waifu-and-right-side-container .right-side-container .event-container .event-widget-container {
position: absolute !important;
top: 0 !important;
right: 0 !important;
}
#homepage .event-widget .event-thumbnail {
position: absolute !important;
top: 20px !important;
right: 0px !important;
height: auto !important;
width: auto !important;
}
.event-widget .event-thumbnail .bar-wrapper {
background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;
background-color: #000000e0 !important;
border: 1px solid #cc1141 !important;
}
/*FUCKING BUNDLES*/
.Fucking-Bundles,
#homepage .main-container .middle-container .waifu-and-right-side-container .right-side-container .event-container .event-widget-container .bundles {
display: flex !important;
position: absolute !important;
bottom: -515px !important;
left: 225px !important;
justify-content: center !important;
width: unset !important;
height: unset !important;
margin-bottom: unset !important;
opacity: unset !important;
color: unset !important;
text-decoration: unset !important;
background-color: unset !important;
border: unset !important;
-webkit-border-radius: unset !important;
-moz-border-radius: unset !important;
border-radius: unset !important;
padding: unset !important;
transition: 250ms !important;
box-shadow: unset !important;
transform: scale(0.75)
}
/*bottom-container*/
#homepage .main-container .middle-container .bottom-container {
position: relative !important;
left: -140px !important;
justify-content: left !important;
}
/*HH++*/
.script-home-timer {
margin-top: 0 !important;
}
#homepage .script-home-shortcut-container {
display: none !important;
}

§
Posted: 09. 04. 2022

Thank you!

Post reply

Sign in to post a reply.