Skip to content

Instantly share code, notes, and snippets.

@Satrium
Last active March 30, 2021 18:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Satrium/52e3aea4eb22ac0670824abb0deb0793 to your computer and use it in GitHub Desktop.
Save Satrium/52e3aea4eb22ac0670824abb0deb0793 to your computer and use it in GitHub Desktop.
/* Variables */
.user-css {
--border-image: url(https://cdn.discordapp.com/attachments/639810704668360714/680037144038735872/b3.png) 30 stretch;
--border: 10px solid transparent;
--default-box-shadow: inset 0 0 15px rgb(0 0 0 / 50%), 3px 3px 5px 0 black;
--defualt-box-shadow-transition: box-shadow ease-in-out 250ms;
--default-hover-box-shadow: inset 0 0 15px rgb(0 0 0 / 50%), 3px 3px 15px 5px black;
--outset-box-shadow: 3px 3px 5px 0 black;
--outset-hover-box-shadow: 3px 3px 15px 5px black;
}
/* Aloud */
.user-css .aloud{
border: var(--border);
border-image: var(--border-image);
position: relative;
box-shadow: var(--outset-box-shadow);
transition: var(--defualt-box-shadow-transition);
}
.user-css .aloud:hover{
box-shadow: var(--outset-hover-box-shadow);
}
.user-css .aloud:before{
content: url(https://www.worldanvil.com/uploads/images/dab454ff2b078911ffd6a0e86d41f84f.svg);
position: absolute;
width: 50px;
bottom: 5px;
right: 10px;
opacity: 10%;
}
.user-css .aloud:after {
content: url();
right: -1px;
left: -1px;
display: block;
top: -1px;
bottom: -1px;
position: absolute;
box-shadow: inset 1px 1px 25px #800000;
}
/* Block Quotes */
.user-css blockquote, .user-css-extended blockquote, .tooltipster-content blockquote{
background-color: var(--sp-dark);
border-radius: 0;
border: 5px solid transparent;
border-image: url(https://cdn.discordapp.com/attachments/639810704668360714/680037144038735872/b3.png) 20 stretch;
color: var(--sp-light-l);
box-shadow: inset 0 0 15px rgb(0 0 0 / 50%), 3px 3px 5px 0 black;
transition: box-shadow ease-in-out 250ms
}
.user-css blockquote:hover, .user-css-extended blockquote:hover{
box-shadow:inset 0 0 15px rgb(0 0 0 / 50%), 3px 3px 15px 5px black;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment