Skip to content

MyHordes Frost Theme by Phaenyxx

Write a review Install Get Stylus

Details

AuthorPhaenyxx

LicenseNo License

Categorymyhordes

Created

Updated

Code size22 kB

Code checksum3dafab9d

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Adds a Frozen look to MyHordes Website

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           MyHordesFrost
@namespace      myhordesfrost
@version        1.0.0
@description    Adds a Frozen look to MyHordes Website
@author         Phaenyxx
==/UserStyle== */

@-moz-document url-prefix("https://myhordes.eu"), url-prefix("https://myhordes.fr"), url-prefix("https://myhordes.de"), url-prefix("https://myhord.es") {
#wrapper,
#post-office #post-office-box {
    background: url(https://i.imgur.com/0CBgmT1.jpeg);
}
#wrapper,
#post-office #post-office-box {
    background: url(https://i.imgur.com/0CBgmT1.jpeg);
}

#wrapper > #content #apps {
    background-color: #5e7c88;
    border: 1px solid white;
}

a {
    color: white;
}

#wrapper > #content #apps:hover #apps-list ul li.app-external {
    color: #ddab76;
    cursor: pointer;
    font-size: 1.3rem;
    padding: 0;
}
.clock {
    background: url(https://i.imgur.com/ru7jDgD.png)!important;
}
div.game-menu-area > div.game-bar > div.ulcont.clock > li,
div.game-menu-area > div.game-bar > ul.clock > li:first-child {
    color: white;
}

.ulcont {
    border: 2px solid #32708a !important;
}

.ulcont ul li {
    color: white !important;
}

#header,
.text-menu::before,
.text-menu::after,
ul.status.rucksack_status_union.status::before {
    filter: hue-rotate(-170deg) saturate(40%) brightness(1.6) !important;
}

.forum::after {
    filter: hue-rotate(-170deg) saturate(30%) brightness(1.6) !important
}
.town-news::after,
.help::after {
    filter: saturate(40%) brightness(1.4) !important;
}
.back-dash {
    background: url(https://i.imgur.com/4ztlkV4.png) !important;
}
.text-menu {
    background-image: url(https://i.imgur.com/gm44miA.png) !important;
}
div.react_map_area div.controls > div.tilemap_controls .map_button.map-icon,
div.react_map_area div.controls > div.zonemap_controls .map_button.map-icon {
    background: url(/build/images/assets/img/icons/item_map.e215c13a..gif) 3px -2px no-repeat, url(https://i.ibb.co/YQxdyYr/frozen-mh-button.png) 50%/cover no-repeat;
    padding-left: 20px;
}

div.react_map_area div.controls > div.tilemap_controls .map_button.map-icon,
div.react_map_area div.controls > div.zonemap_controls .map_button.map-icon {
    background: url(/build/images/assets/img/icons/item_map.e215c13a..gif) 3px -2px no-repeat, url(https://i.ibb.co/YQxdyYr/frozen-mh-button.png) 50%/cover no-repeat;
    padding-left: 20px;
}

div.react_map_area div.controls > div.tilemap_controls .map_button.hide-tags,
div.react_map_area div.controls > div.zonemap_controls .map_button.hide-tags {
    background: url(/build/images/assets/img/icons/tickOff.918c2d65..gif) 3px -2px no-repeat, url(https://i.ibb.co/YQxdyYr/frozen-mh-button.png) 50%/cover no-repeat;
}
div.react_map_area div.controls > div.tilemap_controls .map_button.show-tags,
div.react_map_area div.controls > div.zonemap_controls .map_button.show-tags {
    background: url(/build/images/assets/img/icons/tickOn.6c2e5227..gif) 3px -2px no-repeat, url(https://i.ibb.co/YQxdyYr/frozen-mh-button.png) 50%/cover no-repeat;
}
div.react_map_area div.controls > div.tilemap_controls .map_button.map_button_zoom_in,
div.react_map_area div.controls > div.zonemap_controls .map_button.map_button_zoom_in {
    background: url(/build/images/assets/img/icons/small_more2.86c86133..gif) 0 -2px no-repeat, url(https://i.ibb.co/YQxdyYr/frozen-mh-button.png) 50%/cover no-repeat;
}
div.react_map_area div.controls > div.tilemap_controls .map_button.map_button_pin,
div.react_map_area div.controls > div.zonemap_controls .map_button.map_button_pin {
    background: url(/build/images/assets/img/icons/map_pin.6dee0195..png) 1px 0/13px 13px no-repeat, url(https://i.ibb.co/YQxdyYr/frozen-mh-button.png) 50%/cover no-repeat;
}
div.react_map_area div.controls > div.tilemap_controls .map_button.map_button_zoom_out,
div.react_map_area div.controls > div.zonemap_controls .map_button.map_button_zoom_out {
    background: url(/build/images/assets/img/icons/small_minus.1ce97bfc..gif) 0 -2px no-repeat, url(https://i.ibb.co/YQxdyYr/frozen-mh-button.png) 50%/cover no-repeat;
}

div.react_map_area div.map > .zone-plane-parent > .zone-plane > .zone-sub-container > .zone-subplane > .actor.citizen::before {
    background: url(/build/images/assets/img/icons/map/map_icon_citizen.c8e9e215..png) 50%/contain no-repeat;
    filter: drop-shadow(0 0 1px #9017ee) drop-shadow(0 0 1px #3f3f3f);
}

div.react_map_area div.map > .zone-plane-parent > .zone-plane > .zone-sub-container > .zone-subplane > .ruin {
    filter: hue-rotate(-170deg) saturate(40%) brightness(1.6) !important;
}

div.react_map_area div.map > .scroll-plane > .zone-grid {
    filter: hue-rotate(120deg) saturate(40%) brightness(1.6) !important;
}

div.zone-camp {
    background-color: #6e829f;
    color: white;
    font-size: 1rem;
    margin-bottom: 7px;
    margin-top: 7px;
    overflow: hidden;
    padding: 5px 5px 0;
    text-align: justify;
}
.small {
    color: white;
}
.link {
    color: #88e1c5;
}

.forum-button,
.ulcont,
.button,
button,
.classic-editor-react .forum-button-bar .forum-button-bar-section{
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(https://i.ibb.co/YQxdyYr/frozen-mh-button.png);
    border: 1px solid #84c0c1;
    color: white;
}


button:hover {
    border-color: #4dfff8;
}

div.game-menu-area > div.game-bar {
    background: url(https://i.imgur.com/5vHOX4T.jpeg);
}

div.react_map_area div.map > .zone-plane-parent > .zone-plane,
div.react_map_area div.map > .zone-plane-parent > .zone-plane.retro .retro-effect {
    background: url(https://i.imgur.com/70WvSGQ.jpeg) 0 0/20% repeat, #000;
}


div.react_map_area div.map > .zone-plane-parent > .zone-plane.retro .retro-effect:first-child {
    animation: glitch-anim-1 4s linear infinite alternate;
    background-blend-mode: overlay;
    background-color: #ebedee;
    transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
}

div.react_map_area div.map > .zone-plane-parent > .zone-plane.retro .retro-effect:nth-child(4) {
    animation: glitch-anim-4 4s linear infinite alternate;
    background-blend-mode: overlay;
    background-color: #32708a;
    transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
}
div.react_map_area div.map > .zone-plane-parent > .zone-plane.retro .retro-effect:nth-child(5) {
    animation: glitch-anim-flash 4s step-end infinite;
    background-blend-mode: overlay;
    background-color: #1149ac;
}
div.react_map_area.zone-viewer-mode > .map > .zone-plane-controls {
    filter: hue-rotate(-170deg) saturate(40%) brightness(1.6) !important;
}

div.react_map_area div.controls {
    background: url(https://i.imgur.com/T1tdgV8.png) top no-repeat, url(https://i.imgur.com/kTaLbpB.png) 0 0 repeat-x !important;
    bottom: 0;
    height: 16px;
    position: relative;
    z-index: 9;
}

div.zone-info {
    border: 1px solid #b6e9e7;
}
div.zone-info > div.row.zone-dist,
div.zone-info > div.row.zone-cp {
    background-color: #32708a;
    border: 1px solid #b6e9e7;
    color: white;
    font-size: 1rem;
    margin-top: 5px;
    min-height: 18px;
    outline: 2px solid #32708a;
    padding: 0;
}

div.react_map_area div.map-load-container {
    background: url(https://i.imgur.com/dERla9r.png)
}

div.game-menu-area > div.game-bar > div.ulcont.rucksack:not(.ap):not(.bp):not(.pm):not(.civil),
div.game-menu-area > div.game-bar > div.ulcont.status:not(.ap):not(.bp):not(.pm):not(.civil),
div.game-menu-area > div.game-bar > ul.rucksack:not(.ap):not(.bp):not(.pm):not(.civil),
div.game-menu-area > div.game-bar > ul.status:not(.ap):not(.bp):not(.pm):not(.civil) {
    background: url(https://i.imgur.com/9bvh1n3.png) 0 0 no-repeat, url(https://i.imgur.com/8XpG82Y.png) 100% 0 no-repeat, url(https://i.imgur.com/qjjbn8U.png) 0 100% no-repeat, url(https://i.imgur.com/Ql01l9W.png) 100% 100% no-repeat, url(https://i.imgur.com/iKFXpfl.png) 0 0 repeat-x, url(https://i.imgur.com/SkkROjE.png) 0 0 repeat-y, url(https://i.imgur.com/3NOC6LL.png) 100% 0 repeat-y, url(https://i.imgur.com/CCjqJpQ.png) 0 100% repeat-x, url(https://i.imgur.com/KoeMpx3.png);
    min-width: 64px;
}

div.game-menu-area > div.game-bar > div.ulcont.rucksack.rucksack_status_union.rucksack:not(.expanded)::before,
div.game-menu-area > div.game-bar > div.ulcont.rucksack.rucksack_status_union.rucksack:not(:hover)::before,
div.game-menu-area > div.game-bar > div.ulcont.status.rucksack_status_union.rucksack:not(.expanded)::before,
div.game-menu-area > div.game-bar > div.ulcont.status.rucksack_status_union.rucksack:not(:hover)::before,
div.game-menu-area > div.game-bar > ul.rucksack.rucksack_status_union.rucksack:not(.expanded)::before,
div.game-menu-area > div.game-bar > ul.rucksack.rucksack_status_union.rucksack:not(:hover)::before,
div.game-menu-area > div.game-bar > ul.status.rucksack_status_union.rucksack:not(.expanded)::before,
div.game-menu-area > div.game-bar > ul.status.rucksack_status_union.rucksack:not(:hover)::before {
    background: url(https://i.imgur.com/YNeaZeA.png) 0 0 no-repeat, url(https://i.imgur.com/27Q4zHs.png) 0 100% no-repeat, url(https://i.imgur.com/HWBs6kJ.png) 0 0 repeat-y;
}

div.game-menu-area > div.game-bar > div.ulcont.rucksack.rucksack_status_union.rucksack:not(.expanded):not(.civil),
div.game-menu-area > div.game-bar > div.ulcont.rucksack.rucksack_status_union.rucksack:not(:hover):not(.civil),
div.game-menu-area > div.game-bar > div.ulcont.status.rucksack_status_union.rucksack:not(.expanded):not(.civil),
div.game-menu-area > div.game-bar > div.ulcont.status.rucksack_status_union.rucksack:not(:hover):not(.civil),
div.game-menu-area > div.game-bar > ul.rucksack.rucksack_status_union.rucksack:not(.expanded):not(.civil),
div.game-menu-area > div.game-bar > ul.rucksack.rucksack_status_union.rucksack:not(:hover):not(.civil),
div.game-menu-area > div.game-bar ...

Reviews

No reviews yet.