Idlescape CCS

Various CSS fixes for Idlescape

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

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