From 9c85b372036b04d6dede8f39b64e6690607fe3d3 Mon Sep 17 00:00:00 2001 From: tint Date: Fri, 25 Nov 2022 23:06:52 -0500 Subject: yeah --- css/MiiverseSymbols-Regular.eot | Bin 0 -> 15578 bytes css/MiiverseSymbols-Regular.ttf | Bin 0 -> 15284 bytes css/MiiverseSymbols-Regular.woff | Bin 0 -> 12044 bytes css/main.css | 52 +++++++++++++++++++++++++++++++++++++++ 4 files changed, 52 insertions(+) create mode 100644 css/MiiverseSymbols-Regular.eot create mode 100644 css/MiiverseSymbols-Regular.ttf create mode 100644 css/MiiverseSymbols-Regular.woff (limited to 'css') diff --git a/css/MiiverseSymbols-Regular.eot b/css/MiiverseSymbols-Regular.eot new file mode 100644 index 0000000..f0e6c54 Binary files /dev/null and b/css/MiiverseSymbols-Regular.eot differ diff --git a/css/MiiverseSymbols-Regular.ttf b/css/MiiverseSymbols-Regular.ttf new file mode 100644 index 0000000..b821e9b Binary files /dev/null and b/css/MiiverseSymbols-Regular.ttf differ diff --git a/css/MiiverseSymbols-Regular.woff b/css/MiiverseSymbols-Regular.woff new file mode 100644 index 0000000..3635857 Binary files /dev/null and b/css/MiiverseSymbols-Regular.woff differ diff --git a/css/main.css b/css/main.css index 4b612c4..eea934b 100644 --- a/css/main.css +++ b/css/main.css @@ -171,3 +171,55 @@ html.dither>body>div>div{ z-index: 9999; pointer-events: none; } + +@font-face { + font-family: "MiiverseSymbols"; + src: url('MiiverseSymbols-Regular.ttf'); + src: url('MiiverseSymbols-Regular.eot') format('embedded-opentype'), url('MiiverseSymbols-Regular.woff') format('woff'), url('MiiverseSymbols-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +#yeah, #yeah div { + vertical-align: top; +} +#yeah-toggle:checked+label>#yeah-off { + display: none; +} +#yeah-toggle:not(:checked)+label>#yeah-on { + display: none; +} +#yeah div { + font-family: 'Helvetica', 'Arial', sans-serif; + cursor: pointer; + display: inline-block; + margin: 0 auto; + padding: 3px 5px 2px; + border: 1px solid #ddd; + border-bottom-color: #ccc; + background: #FFF; + font-size: 12px; + color: #323232; + text-align: center; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: inset 0 1px 0 #fff; + -moz-box-shadow: inset 0 1px 0 #fff; + -ms-box-shadow: inset 0 1px 0 #fff; + -o-box-shadow: inset 0 1px 0 #fff; + box-shadow: inset 0 1px 0 #fff; +} +#yeah div::before { + font-family: "MiiverseSymbols", sans-serif !important; + font-weight: normal !important; + content: "E"; + font-size: 16px; + color: #969696; + margin-right: 2px; + margin-top: -3px; + display: inline-block; + vertical-align: middle; +} -- cgit v1.2.3