yeah

1 files changed, 52 insertions, 0 deletions

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;
+}