Actions

Work Header

Rating:
Archive Warning:
Fandoms:
Character:
Language:
English
Series:
Part 2 of Deltarune: A Different Snowgrave, Continued
Stats:
Published:
2025-08-17
Words:
895
Chapters:
1/1
Comments:
1
Kudos:
3
Bookmarks:
1
Hits:
144

Tenna's Funnytext work skin

Summary:

Here is the work skin I used for the text effects in Deltarune, A Different Snowgrave. This includes some that were featured in Deltarune, along with some custom ones, and ones I haven't used in the fic yet. As long as you have some basic knowledge of CSS and HTML, you should be able to copy and paste this into your own work skin, and you'd be good to go.

Will be updated if more is added

NOW INCLUDES PREVIEWS, FOR THE COMMON MAN

Notes:

Feel free to use this anywhere, as long as you link back to this (so other people can find and use it) and you comment on this saying that you used it (because I wanna see the fics that use this)

(See the end of the work for more notes.)

Work Text:

TO WIN THE GAME, ENTER THE PYRAMID AND FACE THE FINAL CHALLENGE

#workskin .textbox {
font-weight: bold;
color: #ffffff;
background-color: #000000;
max-width: 300px;
text-align: justify;
text-align-last: left;
letter-spacing: 1px;
line-height: 1.1;
font-size: 1.2em;
margin: auto;
display: block;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 1px;
padding-top: 1px;
}

TO WIN THE GAME, ENTER THE PYRAMID AND FACE THE FINAL CHALLENGE

(The d stands for dramatic)

#workskin .dtextbox {
font-weight: bold;
color: #ffffff;
background-color: #000000;
max-width: 300px;
text-align: center;
letter-spacing: 1px;
line-height: 1.1;
font-size: 1.2em;
margin: auto;
display: block;
padding-right: 20px;
padding-left: 20px;
padding-top: 1px;
padding-bottom: 1px;
}

BRAND A VALUES THIS RALSEI AT $8! WHAT'S THE TRUE VALUE!?

HIGHER
LOWER
PRICELESS [B] [R] [S]
$32.00 MSRP

<div class="quiz">
  <div class="quizq">

<p>BRAND A VALUES THIS RALSEI AT $8! WHAT'S THE TRUE VALUE!?</p></div>

<p><span class="correct">HIGHER<br />
</span>LOWER<br />
<span class="incorrect">PRICELESS   [B]   [R]   [S]<br />
</span><span class="correct">$32.00 MSRP</span></p></div>

#workskin .quiz {
font-weight: bold;
color: #ffffff;
background-color: #0891dd;
max-width: 300px;
border-color: #ffffff;
text-align: justify;
text-align-last: left;
padding: 1px 5px 1px 5px;
display: inline-block;
letter-spacing: 1px;
line-height: 1.6;
font-size: 1.2em;
margin-top: 3px;
margin-bottom: 3px;
}

#workskin .quizq {
font-weight: bold;
color: #ffffff;
background-color: #0891dd;
max-width: 300px;
border-color: #ffffff;
border-style: double;
border-width: thick;
text-align: justify;
text-align-last: left;
padding: 1px 5px 1px 5px;
display: inline-block;
letter-spacing: 1px;
line-height: 1.1;
font-size: 1.2em;
margin-top: 3px;
margin-bottom: 3px;
}

#workskin .correct {
color: #fefb3b;
}

#workskin .incorrect {
color: #fd0708;
}

 PRO-GAMER        

(You will need to insert several non-standard space characters in order to get the same empty space on the right)

#workskin .mlg {
background-image: linear-gradient(120deg, #025595,#025595,#025595,#025595,white,#aa051f,#aa051f);
color: white;
font-weight: bold;
font-size: 1.2em;
font-family: 'Courier New', monospace;
letter-spacing: 3px;
display: inline;
}

Tender Loving Care

(Fun fact: These colors were chosen as a reference to Virovirokun)

#workskin .tlc {
font-size: 1.6em;
font-family: 'Courier New', monospace;
color: #9152db;
text-decoration-line: underline;
text-decoration-color: #32e3f6;
text-decoration-thickness: 2px;
background-color: #f450de75;
}

N A M E S

<span class="nred">N</span><span class="ngreen">A</span><span class="nyellow">M</span><span class="nblue">E</span><span class="nred">S</span>

#workskin .nred {
font-family: Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px darkred;
color: red;
font-size: 1.8em;
letter-spacing: 3px;
}

#workskin .ngreen {
font-family: Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px darkgreen;
color: green;
font-size: 1.8em;
letter-spacing: 3px;
}

#workskin .nyellow {
font-family: Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px goldenrod;
color: gold;
font-size: 1.8em;
letter-spacing: 3px;
}

#workskin .nblue {
font-family: Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px darkblue;
color: blue;
font-size: 1.8em;
letter-spacing: 3px;
}

SCREAM!

#workskin .scream {
font-family: Verdana, sans-serif;
font-weight: bold;
background-color: #000000;
color: #ffffff;
font-size: 1.6em;
letter-spacing: 3px;
}

STARS

#workskin .stars {
font-size: 2.2em;
font-family: 'Trebuchet MS', sans-serif;
font-weight: bold;
background-image: linear-gradient(yellow, orange);
color: transparent;
background-clip: text;
}

Kris

#workskin .kris {
color: #205f8a;
font-family: 'Courier New', monospace;
font-weight: bold;
font-variant: small-caps;
text-shadow: 0px 0px 4px red;
font-size: 2.5em;
letter-spacing: 1px;
}

TEARS

#workskin .tears {
font-family: Arial, Helvetica, sans-serif;
color: #59ABDF;
font-size: 2em;
font-weight: bold;
text-shadow: 0px 3px 2px #336F95, 0px 6px 3px #27536F;
}

GLOOBY

#workskin .glooby {
color: #0db0fd;
letter-spacing: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
display: inline;
text-decoration-line: underline;
text-decoration-color: #167AAB;
text-decoration-style: wavy;
text-shadow: 0px 0px 5px #167AAB, 0px 0px 5px #167AAB, 0px 0px 5px #167AAB, -1px 0 #167AAB, 0 1px #167AAB, 1px 0 #167AAB, 0 -1px #167AAB, -2px 0 #167AAB, 0 2px #167AAB, 2px 0 #167AAB, 0 -2px #167AAB;
}

B...Burghley?

#workskin .berdly {
font-weight: bold;
font-style: italic;
font-size: 1.6em;
color: #558ed5;
font-family: "Times New Roman", Times, serif;
text-decoration: underline #558ed5 double;
text-shadow: -8px 0px 0px rgba(70,179,252, 0.5), -16px 0px 1px rgba(70,179,252, 0.2);
}

[Audience Laughs]

#workskin .audience {
font-family: 'Courier New', monospace;
}

Green Room

#workskin .greenroom {
font-family: Comic Sans, cursive;
font-size: 1.7em;
font-weight: bold;
color: #60ba35;
text-shadow: -1px 0.1px #d1d73b, -2px 1px #e45734;
}

THANK YOU!!!

(This one will most likely be changed)

#workskin .thankyou {
font-family: Georgia, serif;
font-size: 2.5em;
font-style: italic;
color: #FF10F0;
text-shadow: -1px 0 #C11C84, 0 1px #C11C84, 1px 0 #C11C84, 0 -1px #C11C84, -2px 0 #C11C84, 0 2px #C11C84, 2px 0 #C11C84, 0 -2px #C11C84;
}

ROUND 1

#workskin .round {
font-family: "Times New Roman", Times, serif;
font-size: 2em;
font-style: italic;
font-weight: bold;
color: #fcbb42;
letter-spacing: -2px;
text-shadow: -1px 0 #C11C84, 0 1px #8B0000, 1px 0 #8B0000, 0 -1px #8B0000, -2px 0 #fb6d2c, 0 2px #fb6d2c, 2px 0 #fb6d2c, 0 -2px #fb6d2c, -3px 0 #fb6d2c, 0 3px #fb6d2c, 3px 0 #fb6d2c, 0 -3px #fb6d2c;
}

PRIZE

#workskin .prize {
font-family: Garamond, serif;
font-size: 2.5em;
font-weight: bold;
color: #e31c2b;
text-shadow: -1px 1px black, -1px 0 #f9dc59, 0 1px #f9dc59, 1px 0 #f9dc59, 0 -1px #f9dc59, -2px 0 #f9dc59, 0 2px #f9dc59, 2px 0 #f9dc59, 0 -2px #f9dc59, -3px 0 #f9dc59, 0 3px #f9dc59, 3px 0 #f9dc59, 0 -3px #f9dc59;
}

FUN-O-METER

#workskin .meter {
font-family: "Times New Roman", Times, serif;
font-size: 2.3em;
font-weight: bold;
color: #F5D510;
letter-spacing: -1px;
text-shadow: -1px 0 #D20000, 0 1px #D20000, 1px 0 #D20000, 0 -1px #D20000;
}

AMAZING

(This displays properly on computer and laptop, but on mobile, it spans multiple screen lengths. Probably an easy fix if it wasn't so funny)

#workskin .amazing {
background-image: linear-gradient(120deg, green,cyan,indigo,violet,red,orange,yellow,green,cyan,indigo,violet,red,orange,yellow,green,cyan,indigo);
color: transparent;
font-weight: bold;
background-clip: text;
font-size: 14rem;
font-family: "Times New Roman", Times, serif;
letter-spacing: 3px;
font-style: italic;
white-space: nowrap;
}

Notes:

If you've made or want to make your OWN Funnytext classes, comment them below and I'll see if I can add them here

Series this work belongs to: