Skip to content

Instantly share code, notes, and snippets.

View curiositry's full-sized avatar

Curiositry curiositry

View GitHub Profile
@curiositry
curiositry / pretty-links.css
Created May 12, 2014 23:48
A sweet link hover style.
@curiositry
curiositry / defer-css-loading.html
Created May 25, 2014 01:06
Defer loading CSS via google PageSpeed
<html>
<head>
<style>
.blue{color:blue;}
</style>
</head>
<body>
<div class="blue">
Hello, world!
</div>
@curiositry
curiositry / apache-restart.sh
Created May 31, 2014 06:15
Restart the apache web server (ubuntu/linux)
/etc/init.d/apache2 reload
@curiositry
curiositry / ot_small-caps.css
Created June 18, 2014 18:05
Small Caps CSS
.sc{
-moz-font-feature-settings: "smcp=1";
-ms-font-feature-settings: "smcp";
-webkit-font-feature-settings: "smcp";
-o-font-feature-settings: "smcp";
font-feature-settings: "smcp";
}
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{
font-size:21px;
}
@curiositry
curiositry / raspi_config.txt
Created July 7, 2014 06:11
What makes my Pi display properly.
overscan_left=50
overscan_right=50
framebuffer_width=1280
framebuffer_height=720
HDMI_CEA_720p50 = 19
@curiositry
curiositry / ampersand.css
Created July 28, 2014 21:35
A better ampersand that works everywhere.
.amp {
font-family: Calendas Plus Italic, 'Ampersand', Calendas Plus, Baskerville, GoudyBookletter1911, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
}
@font-face {
font-family: 'Ampersand';
src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAhYABEAAAAAFRAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcaZhpK0dERUYAAAGcAAAAHQAAACAAQQAER1BPUwAAAbwAAAGdAAALBLpV1NtHU1VCAAADXAAAAEsAAABoTKZNvk9TLzIAAAOoAAAAVQAAAGCXPLTuY21hcAAABAAAAABgAAABcknWTiBjdnQgAAAEYAAAAAQAAAAEAEQFEWdhc3AAAARkAAAACAAAAAj//wADZ2x5ZgAABGwAAAFyAAABiAAXFxJoZWFkAAAF4AAAAC8AAAA2BXO+p2hoZWEAAAYQAAAAIAAAACQO4QLMaG10eAAABjAAAAA5AAAAUC41AI5sb2NhAAAGbAAAABEAAAAqBhYGCG1heHAAAAaAAAAAHwAAACAAWACbbmFtZQAABqAAAAE9AAADEkdRbw5wb3N0AAAH4AAAAG4AAADQfoPIoHdlYmYAAAhQAAAABgAAAAaJhVPVAAAAAQAAAADMPaLPAAAAAM1fjFcAAAAAz/s6BHjaY2BkYGDgA2IJBhBgYmAEQmEgZgHzGAAFGwBGAAAAeNq9VitswzAQvVQDVXDxgiuNBZcXF4cMbGTTpExjw8XhxcXGgZNCRoqNw4MDfTv/1m7OWsdOd5bl+He+e3fPDiQAkMIt3EHyfP/2AnO4oRFABDmTPD28yjHQPZqbqXYOs/RTrkzr9IP2ZrSjwZJKhmsIEGRUC9q9QoY5F
hr{
border: none;
border-top: medium double #eee;
width: 50%;
text-align: center;
margin: 0 auto;
}
hr:not(.plain):after {
/* content: "◉";*/
@curiositry
curiositry / button.css
Created August 11, 2014 05:55
My CTA button style.
.btn {
border: 2px solid #dd4814;
background-color: orange;
color: white;
text-transform: uppercase;
padding: 4px 15px;
font: 900 1.4em Fira Sans, Fira Sans OT, Helvetica, sans-serif;
letter-spacing: .05em;
border-radius:2px;
cursor: pointer;
.viewer .navbar{
visibility:hidden;
}
.viewer .navbar:hover{
visibility:visible;
}
body.viewer{
font-family: Calendas Plus, serif !important;