yeah

9c85b372036b… · tint ·

parent 6137c09543ea… diff

Changed files

FileChanges
css/MiiverseSymbols-Regular.eot binary raw
css/MiiverseSymbols-Regular.ttf binary raw
css/MiiverseSymbols-Regular.woff binary raw
css/main.css +52 −0 raw
index.html +5 −0 raw
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;
+}
diff --git a/index.html b/index.html
index aafd2dc..53b2c2a 100644
--- a/index.html
+++ b/index.html
@@ -123,6 +123,11 @@
<a href="https://rochesterapex.com/source">
<img src="index_files/buttons/gethtmlnow.gif"/>
</a>
+ <input type="checkbox" id="yeah-toggle" style="display: none;">
+ <label for="yeah-toggle" id="yeah">
+ <div id="yeah-off">Yeah!</div>
+ <div id="yeah-on">Unyeah</div>
+ </label>
</div></div></div>
</body>
</html>