VTDA Violet Neon 2024-09-15 by fernlovebond

/* ==UserStyle==
@name         VTDA Violet Neon 2024-09-15
@version      20240916.00.29
@namespace    https://userstyles.world/user/fernlovebond
@description  A violet theme for the Vampires! The Dark Alleyway game by Raven Black. A deliberately gaudy theme. Uses free fonts from Google Fonts (see notes).
@author       fernlovebond
@license      No License
==/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,
.head a: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 #9900ff82 1px;
    border-radius: 0.4em;
    background-color: /* #201*/ transparent;
}

/* background asphalt */
td.intersect,
td.street {
    background-color: transparent;
    background-image: url(https://fernlove.bond/images/tile-07.png);
    background-size: cover;
    background-blend-mode: difference;
}

/* city background tiles */
td.city {
    background-color: #260326;
    background-image: url(https://fernlove.bond/images/tile-04.png);
    background-size: cover;
    background-blend-mode: difference;
}

span.intersect {
    background-color: #530828;
    border: solid #5c00db 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;
    border-radius: 0.4em;
}

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

span.bank {
    background-color: #091e4f;
    border: solid white 1px;
    border-radius: 0.4em;
}

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

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

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

}

@-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: rgb(179, 117, 255);
    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;
}

/* Let's make the borders rounded & purply */
div[style="padding:5px; border:solid 1px white;"] {
    border-radius: 1em;
    border-color: indigo !important;
}
html body.search_plugin_added div#main center table tbody tr td div.spacey div center table tbody tr:nth-of-type(1) td:nth-of-type(1) {
    border-radius: 1em 0 0 0;
}
html body.search_plugin_added div#main center table tbody tr td div.spacey div center table tbody tr:nth-of-type(1) td:nth-of-type(3) {
    border-radius: 0 1em 0 0;
}
html body.search_plugin_added div#main center table tbody tr td div.spacey div center table tbody tr:nth-of-type(3) td:nth-of-type(1) {
    border-radius: 0 0 0 1em;
}
html body.search_plugin_added div#main center table tbody tr td div.spacey div center table tbody tr:nth-of-type(3) td:nth-of-type(3) {
    border-radius: 0 0 1em 0;
}

/* Okay, let's get fancy */
/* HEADER IS PINK/VIOLET NEON */
h1 {
    color: #fefaff;
    letter-spacing: 8px;
    font-family: Monoton;
    font-weight: bold;
    font-size: 300%;
    text-shadow: 1px 0px 4px #f6d5ffaa, 2px 0px 4px #ffd5feaa, 3px 0px 4px #f2d5ffaa, 2px 0px 3px #b22cd4aa, 2px 3px 15px #b22cd4aa, 2px 0px 15px, 5px 0px 125px, 20px 0vw 200px #992cd4aa,40px 0vw 200px #a22cd4aa;
}

p[style="font-size:smaller; color:red; text-align:center;"] {
  color: #000 !important;
  letter-spacing: 1px;
    text-shadow: 1px 0px 4px #f5d5ffaa, 2px 0px 4px #f4d5ffaa, 3px 0px 4px #f9d5ffaa, 2px...