Various CSS fixes for Idlescape
/* ==UserStyle== @name Idlescape CCS @namespace idlescape.com @version 1.0.0 @author Sponsorn @description Various CSS fixes for Idlescape @license unlicense ==/UserStyle== */ @-moz-document url("https://idlescape.com/game") { /* Theme default changes */ .theme-default { /* This darkens the black and white background */ background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url(/images/background_basic.svg) } /* combat-area changes */ .combat-fight { height: 520px; width: 860px; grid-template-columns: 250px 200px 630px; } .core-container-combat { height: auto; /*increases usable space inside the combat zone area */ } .combat-gear-inventory { justify-content: center; } /* changes monsters name/health text */ .combat-monster-area p { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } /* changes monsters health bar */ .combat-monster-area progress { z-index: 10 !important; opacity: 0.9 !important; /* makes health bar get rounded corners */ border-radius: 3px !important; /* needed to make health bar overflow get hidden behind rounded corners */ overflow: hidden; margin: 0 0 15px 0; } /* changes players health number*/ .combat-player-area .combat-health { z-index: 10 !important; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } /* changes players health bar */ .combat-player-area progress { z-index: 10 !important; opacity: 0.95 !important; /* makes health bar get rounded corners */ border-radius: 3px !important; /* needed to make health bar overflow get hidden behind rounded corners */ overflow: hidden; } /* moves run away button to front for smaller screens */ .combat-run-away { z-index: 1 !important; border-radius: 3px; } /* moves run away button to other side to compensate for z-index not working properly with tooltips */ .button-group { left: 250px; right: 0; text-align: left; } /* Chat formatting */ .message-time-stamp { letter-spacing: -0.5px; } .christmas-tier3 { /* decreases the intensity of tier 3 items in chat */ box-shadow: 0 0 5px 0 red; } /* Marketplace formatting */ .marketplace-item-name { /* Increases font-size by 1px */ font-size: 15px; } .enchanted-text { /* Changes color on enchanted item text */ color: #f5593d; } #lowest-price { /* increases font size of "current lowest price" in sell pop up */ font-size: 12px; } /* these don't work atm .status-bar { z-index: 25 !important; } .__react_component_tooltip.type-dark{ z-index: 300 !important; } */ }