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;
}
*/
}