VTDA Violet Neon 2024-09-15 by fernlovebond

/* ==UserStyle==
@name         VTDA Violet Neon 2024-09-15
@version      20241012.18.15
@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

    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/

    I have tried to import these fonts by default so you
    don't need to mess around, but if you have some kind 
    of display problem with the fonts, let me know.

    ~ Fern
*/
}

@-moz-document url-prefix("https://quiz.ravenblack.net/blood.pl") {
/* Font Importing */
/* Standard import from Google Fonts API */
@import url(https://fonts.googleapis.com/css?family=Akaya+Kanadaka|Bellota|Aclonica|Berkshire+Swash|Cherry+Swash|Megrim|Monoton|Itim|Pirata+One|Ubuntu|Amita);
/* New CSS2 Google Fonts API */
@import url(https://fonts.googleapis.com/css2?family=Akaya+Kanadaka&family=Bellota&family=Aclonica&family=Berkshire+Swash&family=Cherry+Swash&family=Monoton&family=Itim&family=Pirata+One&family=Ubuntu&family=Amita);
/* Since this font is only used for the title, we speed up the fetch. */
@import url(https://fonts.googleapis.com/css2?family=Megrim&text=VAMPIRES!)
}

@-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: #b7ffa1;}

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

/* PLAYER CONDITIONS */
.pansy {color: #ff57f4;}
.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;
}
.head a {
    font-family: 'Aclonica', sans-serif;
    font-size: 1em;
}

/* ACTION LINKS */
.mh {
    font: 400 8pt 'Bellota', sans-serif;
    color: #c6b3ff;
    opacity: 0.7;
    transition: ease-in-out 0.5s;
}
.mh:hover {
    font: bold 'Bellota', sans-serif;
    color: #9172ff;
    opacity: 1;
    transition: ease-in-out 0.5s;
}

}

@-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: #460853;
    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: #804;
    border: solid #e797ff 1px;
    border-radius: 0.4em;
}

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

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

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

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

span.pk {
    background-color: #000066;
    border: solid #e797ff 1px;
    color: #6fff00;
    border-radius: 0.4em;
}
span.lair,
span.alchemy {
    background-color: #66004d;
    border: solid #e797ff 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: 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: 'Pirata One', sans-serif;
    font-weight: lighter;
    font-size: 1.5em;
    line-height: 1.7em;
    letter-spacing: .1rem;
    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: 'Akaya Kanadaka', 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") {
/* GENERIC DECOR */
.spacey {
    color: #d79aff;
}
div.spacey:first-of-type b:first-of-type {
    color: #d79aff;
    font: 1.5em 'Amita';
    line-height: 1.6em;
}
}

@-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: 'Aclonica', sans-serif !important;
    font-weight: bolder;
    font-size: 1.4em !important;
    padding: 0 3px;
    border-radius: 1em;
    -webkit-text-stroke-width: 0.25px;
    -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-...