From 9c85b372036b04d6dede8f39b64e6690607fe3d3 Mon Sep 17 00:00:00 2001 From: tint Date: Fri, 25 Nov 2022 23:06:52 -0500 Subject: yeah --- css/main.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) (limited to 'css/main.css') 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