Skip to content

Instantly share code, notes, and snippets.

@nathonius
Last active November 2, 2021 12:29
Show Gist options
  • Save nathonius/0b9df0eeca1fa1330b8b3c2d4d33c00f to your computer and use it in GitHub Desktop.
Save nathonius/0b9df0eeca1fa1330b8b3c2d4d33c00f to your computer and use it in GitHub Desktop.
Curse of Strahd button CSS
/* Curse of Strahd Button */
.strahd .block-language-button .button-default {
/* This is a google font */
font-family: "Vollkorn SC", serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #d2c8ae;
border-width: 44px 132px;
border-style: solid;
border-color: #000;
/* can and probably should download this locally */
border-image-source: url("https://i.imgur.com/GZ2ESHp.png");
border-image-slice: 55 165 fill;
padding: 0;
/* could remove this negative margin with some very minor edits to the button image */
margin: -24px;
background-color: transparent;
box-shadow: none;
}
.strahd .block-language-button .button-default:hover {
filter: brightness(1.07);
transform: none;
box-shadow: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment