/* ==UserStyle==
@name           Vampires! The Dark Alleyway (FernLovebond's Gaudy)
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    The first-effort, gaudy alteration to the interface for Raven Black's Vampires! The Dark Alleyway game.
@author         FernLovebond
==/UserStyle== */
@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {
/* INFORMATION */

/* 
    If you have any trouble with this, let me know:

        Discord: @FernLovebond
        email: soiledfern@proton.me (and others)

    Include the phrase "Vampire CSS" in the sybject or
    initial DM so I know not to block you.

NOTE!!

You will need to have the fonts I used installed or
they won't show up right. Alternately, just change the
fonts to ones you DO have installed.

The fonts I use should all be freely available on the
google fonts subdomain, https://fonts.google.com/

    FONTS USED
        Ancient
        Bellota
        Berkshire Swash
        Cherry Swash
        Itim
        Righteous
        Ubuntu

*/
}

@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {
/* PRELIMINARY */

/* TABLE WIDTH FIX */
div.spacey {width: 500px;}
div.spacey td {min-width: 130px;}

/* OBJECTS */
span.object {color: #ffffa1;}

/* MOUSE-OVER DISPLAY ON HELP ENTITIES */
#mo {background-color: #fb0;}

/* PLAYER CONDITIONS */
.pansy {color: #ff8888;}
.cloak {color: #00ffff;}
.rich {color: #44ff70;}

/* OTHER PLAYERS, GENERAL */
td a[href*="/blood.pl?viewvamp="] {font: 450 11pt 'Ubuntu', sans-serif;}

td a[href*="/blood.pl?viewvamp="]:hover {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black;
    text-shadow: 2px 2px 3px white,
        -2px -2px 3px white,
        -2px 2px 3px white,
        2px -2px 3px white;
    animation: vamp1 1s ease-in-out infinite alternate;
}

/* ACTION LINKS */
.mh {
    font: bold 10pt 'Bellota', sans-serif;
}

}

@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {
/* STREETS AND SUCH */
td.cityblock { /* Blocked squares */
    background-color: /* #6b00dd*/ transparent;
}
td.intersect {
    background-color: /* #660909 */ transparent;
}
td.street {
    background-color: /* #660909 */ transparent;
}
td.city {
    border: solid #ffffff82 1px;
    border-radius: 0.4em;
    background-color: /* #201*/ transparent;
}

/* background asphalt */
td.intersect,
td.street {
    background-color: #8a2323;
    background-image: url(https://img.freepik.com/free-vector/detailed-background-with-brick-wall-texture_1048-2026.jpg);
    background-size: cover;
}

/* city background tiles */
td.city {
    background-color: #260326;
    background-image: url(https://www.shutterstock.com/image-photo/background-dark-brick-wall-pattern-260nw-542806156.jpg);
    background-size: 100% 110%;
}

span.intersect {
    background-color: #510022;
    border: solid #4f4f4f 1px;
    border-radius: 0.5em;
    font-family: 'Itim', fantasy;
    font-size: 11pt;
    padding: 0 5px;
}

}

@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {
/* LOCATION SIGNS */
span.transit {
    background-color: #880000;
    border: solid white 1px;
}

span.pub {
    background-color: #397970;
    border: solid white 1px;
}

span.bank {
    background-color: #113277;
    border: solid white 1px;
}

span.shop {
    background-color: #185b27;
    border: solid white 1px;
}

span.grave {
    background-color: #888888;
    border: solid white 1px;
    color: #222222;
}

span.pk {
    background-color: #000066;
    border: solid white 1px;
    color: #6fff00;
}
span.lair,
span.alchemy {
    background-color: #660022;
    border: solid white 1px;
    color: #cccccc;
}

}

@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {
/* THE USUAL CREATURES */
/* BASIC HUMANS (boring)*/
span.human {
    font: italic bold 10pt 'Bellota', sans-serif;
}

/* VAMPIRE HUNTER HUMANS (pricks) */
span.vhuman {
    font-family: 'Cherry Swash', fantasy;
    font-size: 11pt;
    line-height: 17pt;
    padding: 0 4px;
    border-radius: 0.4em;
    margin: 2px;
    color: #31fd85;
    background: rgb(9, 32, 9);
    background: linear-gradient(rgba(0, 255, 21, .25) 0%, 
        rgba(0,0,0,1) 48%, 
        rgb(8, 91, 0, .5) 100%); 
    animation: neonv 2s ease-in-out infinite alternate;
}

/* PALADIN HUMANS (bastards) */
span.phuman {
    font-family: 'Righteous', sans-serif;
    font-weight: lighter;
    font-size: 11pt;
    line-height: 17pt;
    padding: 0 4px;
    border: 1px dotted #45dbff;
    border-radius: 0.5em;
    margin: 2px;
    color: #45dbff;
    background: rgb(8, 35, 43) !important;
    background: linear-gradient(rgba(30,78,30,0) 5%, rgba(0,0,0,1) 50%, rgba(255,0,247,0) 95%) !important;
    animation: neonp 2s ease-in-out infinite alternate;
}

/* WEREWOLF HUMANS (filth) */
span.whuman {
    font-family: 'Ancient', serif;
    font-weight: 800;
    font-size: 16pt;
    -webkit-text-stroke: 0.5px black;
    line-height: 20pt;
    padding: 0 4px;
    border-radius: 0.4em;
    margin: 2px;
    color: #ff00ff;
    background: rgb(0, 0, 0) !important;
    background: linear-gradient(rgba(30,78,30,0) 5%, 
        rgba(0,0,0,1) 50%, rgba(255,0,247,0) 95%) !important;
    animation: neonw 2s ease-in-out infinite alternate;

}
}

@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {
/* FANCY ANIMATIONS */

/* basic vamp glow */
@keyframes vamp1 {
  from {
    text-shadow: 0 0 10px #7d7d7ddb, 
        0 0 20px #7d7d7ddb, 
        0 0 30px #7d7d7ddb, 
        0 0 40px #3c3c3cdb,
        0 0 70px #3c3c3cdb,
        0 0 80px #3c3c3cdb,
        0 0 100px #3c3c3cdb,
        0 0 150px #3c3c3cdb;
  }
  to {
    text-shadow: 0 0 2px #7d7d7ddb,
        0 0 5px #7d7d7ddb, 
        0 0 7px #7d7d7ddb, 
        0 0 10px #3c3c3cdb,
        0 0 17px #3c3c3cdb,
        0 0 20px #3c3c3cdb,
        0 0 25px #3c3c3cdb,
        0 0 37px #3c3c3cdb;
  }
}

/* hunter glow */
@keyframes neonv {
  from {
    text-shadow: 
        0 0 10px #92f997, 
        0 0 20px #92f997, 
        0 0 30px #92f997, 
        0 0 40px #1f1,
        0 0 70px #1f1, 
        0 0 80px #1f1, 
        0 0 100px #1f1, 
        0 0 150px #1f1;
  }
  to {
    text-shadow: 
        0 0 2px #f99292, 
        0 0 5px #f99292, 
        0 0 7px #f99292, 
        0 0 10px #f11,
        0 0 17px #f11, 
        0 0 20px #f11, 
        0 0 25px #f11, 
        0 0 37px #f11;
  }
}

/* paladin glow */
@keyframes neonp {
  from {
    text-shadow: 
        0 0 10px #9ef, 
        0 0 20px #9ef, 
        0 0 30px #9ef, 
        0 0 40px #1ff,
        0 0 70px #1ff, 
        0 0 80px #1ff, 
        0 0 100px #1ff, 
        0 0 150px #1ff;
  }
  to {
    text-shadow: 
        0 0 2px #c9f, 
        0 0 5px #c9f, 
        0 0 7px #c9f, 
        0 0 10px #81f,
        0 0 17px #81f, 
        0 0 20px #81f, 
        0 0 25px #81f, 
        0 0 37px #81f;
  }
}

/* werewolf glow */
@keyframes neonw {
  from {
      text-shadow: 
        0 0 10px #666, 
        0 0 20px #666, 
        0 0 30px #666, 
        0 0 40px #000,
        0 0 70px #000, 
        0 0 80px #000, 
        0 0 100px #000, 
        0 0 150px #000;
  }
  to {
    text-shadow: 
        0 0 2px #84b, 
        0 0 5px #84b, 
        0 0 7px #84b, 
        0 0 10px #909,
        0 0 17px #909, 
        0 0 20px #909, 
        0 0 25px #909, 
        0 0 37px #909;
  }
}

}

@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {

/* STYLE MY VAMP */
td.intersect b,
td.street b,
td.city b {
    color: #ff2929;
    background: linear-gradient(#f000 5%, black 50%, #f000 95%);
    font-family: 'Berkshire Swash', sans-serif !important;
    font-size: 14pt;
    padding: 0 3px;
    border-radius: 1em;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black;
}
}

@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {
/* SPECIAL (so special) */
span.sever,
span.bind {
    border: solid red 1px;
    color: red;
}
}