Skip to content

Instantly share code, notes, and snippets.

@hail2u
Created January 15, 2015 12:34
Show Gist options
  • Save hail2u/c5cb26daf00c58d9d1b1 to your computer and use it in GitHub Desktop.
Save hail2u/c5cb26daf00c58d9d1b1 to your computer and use it in GitHub Desktop.
EDJO
/* Converted from http://hail2u.net/styles/style.min.css */
html {
font-family: sans-serif;
}
html {
-ms-text-size-adjust: 100%;
}
html {
-webkit-text-size-adjust: 100%;
}
body,
button,
input,
optgroup,
select,
textarea,
blockquote {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
.flat-ul:before,
.icon-list:before,
.flat-ul:after,
.icon-list:after,
hr:before,
.seealso:before,
table,
.logo a,
.logo mark,
.byline::before,
.icon-list li,
.icon-list a,
.post-list ol time,
.read-older p::before {
display: block;
}
audio,
canvas,
progress,
video,
p code::before,
p code::after,
p var::before,
p var::after,
p samp::before,
p samp::after,
p kbd::before,
p kbd::after,
.site-navigation a,
.seealso::before {
display: inline-block;
}
audio,
canvas,
progress,
video,
sub,
sup {
vertical-align: baseline;
}
audio:not([controls]),
[hidden],
template {
display: none;
}
audio:not([controls]),
hr,
.byline::before {
height: 0;
}
a,
hr,
.logo mark,
.site-navigation mark,
.byline mark {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong,
optgroup,
dl dt,
.pull-quote p::before,
.pull-quote p::after,
.read-older p::before,
.seemore a,
.topic .section-footer+p::after {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
}
h1 {
margin: .67em 0;
}
mark {
background: #ff0;
}
mark {
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
}
sub,
sup {
line-height: 0;
}
sub,
sup,
figure,
.global-header,
.content,
.content>article,
.content>section,
.subcontent,
.site-search,
.global-footer,
.footlinks,
.post-list ol li,
.main .searchbox {
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img,
button::-moz-focus-inner,
input::-moz-focus-inner,
legend,
hr,
.full-width img,
.full-width video,
.full-width canvas,
.searchbox .button {
border: 0;
}
svg:not(:root),
.section-footer p,
.read-older p,
hr,
.seealso,
.adsbygoogle {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr,
input[type=search] {
-moz-box-sizing: content-box;
}
hr,
input[type=search] {
box-sizing: content-box;
}
pre,
textarea {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace,monospace;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea,
a,
mark,
.site-navigation a,
.byline mark,
.topic>a {
color: inherit;
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
input[type=checkbox],
input[type=radio],
legend,
td,
th,
.searchbox .button {
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio],
img,
video,
.icon-list a,
.searchbox .query {
box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
img,
video {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
}
input[type=search] {
-webkit-box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
.searchbox .query {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
}
fieldset {
margin: 0 2px;
}
fieldset {
padding: .35em .625em .75em;
}
table {
border-collapse: collapse;
}
table {
border-spacing: 0;
}
.global-header,
.content,
.subcontent,
.global-footer,
hr,
.adsbygoogle {
margin-left: auto;
}
.global-header,
.content,
.subcontent,
.global-footer,
hr,
.adsbygoogle {
margin-right: auto;
}
.global-header,
.content,
.subcontent,
.global-footer {
max-width: 36rem;
}
.global-header,
.content,
.subcontent,
.global-footer,
.icon-list li {
padding-left: .809rem;
}
.global-header,
.content,
.subcontent,
.global-footer,
.icon-list li {
padding-right: .809rem;
}
.flat-ul,
.icon-list {
zoom: 1;
}
.flat-ul:before,
.icon-list:before,
.flat-ul:after,
.icon-list:after {
content: "";
}
.flat-ul:after,
.icon-list:after,
hr,
pre,
ul,
ol,
dl,
table {
clear: both;
}
.section-footer p,
.read-older p {
-moz-font-feature-settings: normal;
}
.section-footer p,
.read-older p {
-webkit-font-feature-settings: normal;
}
.section-footer p,
.read-older p {
font-feature-settings: normal;
}
.section-footer p,
.read-older p {
text-overflow: ellipsis;
}
.section-footer p,
.read-older p,
th,
td,
.topic .section-footer+p::after {
white-space: nowrap;
}
h1,
h2,
pre,
.tagline,
.pull-quote,
.read-older p {
line-height: 1.294;
}
hr:before,
.seealso:before,
.section-footer,
.full-width img,
.full-width video,
.full-width canvas,
.searchbox .query,
img[src$='.svg'],
img[src$='.svgz'] {
width: 100%;
}
hr:before,
.seealso:before {
height: 100%;
}
hr:before,
.seealso:before {
content: "\00a0";
}
hr::before,
.seealso::before {
background-position: center center;
}
hr::before,
.seealso::before,
.searchbox .button {
background-repeat: no-repeat;
}
hr::before,
.seealso::before {
background-size: contain;
}
h1 a,
.global-header a,
.tagline a,
.section-footer a,
.global-footer a,
.icon-list a,
.read-older a,
.seealso a,
.seemore a,
.topic a {
background-image: none;
}
h1 a,
.global-header a,
.tagline a,
.section-footer a,
.global-footer a,
.icon-list a,
.read-older a,
.seealso a,
.seemore a,
.topic a,
.seealso a,
.topic .section-footer+p::after {
color: #18b;
}
p,
hr,
pre,
ul,
ol,
dl,
figure,
table {
margin: 1.618rem 0 0;
}
h2+p,
h2+pre,
h2+ul,
h2+ol,
h2+dl,
h2+figure,
h2+table,
figcaption,
.post-list ol li {
margin-top: .618rem;
}
.section-footer {
bottom: 100%;
}
.section-footer,
pre,
abbr,
.site-navigation,
.global-footer,
.footnote,
.sidenote p,
.topic .section-footer+p::after {
font-size: .811rem;
}
.section-footer,
.site-navigation,
.searchbox .button {
position: absolute;
}
.section-footer p,
.post-list ol time,
.sidenote {
color: #98928c;
}
.section-footer time,
.section-footer .tag,
body {
color: #3c3330;
}
html {
-moz-font-feature-settings: "kern" 1,"liga" 1,"lnum" 1,"pnum" 1;
}
html {
-webkit-font-feature-settings: "kern" 1,"liga" 1,"lnum" 1,"pnum" 1;
}
html {
font-feature-settings: "kern" 1,"liga" 1,"lnum" 1,"pnum" 1;
}
html {
font-size: 100%;
}
body {
background-color: #fcf9f0;
}
body {
font-family: Source Sans Pro,Emoji,sans-serif;
}
body {
line-height: 1.456;
}
h1,
h2,
dl dt,
em,
.byline,
.read-older p::before {
color: #534a47;
}
h1,
.pull-quote p,
.read-older p {
font-size: 1.618rem;
}
h1 {
margin: 6.854rem 0 0;
}
h2,
.tagline,
.seealso {
font-size: 1.313rem;
}
h2 {
margin: 4.236rem 0 0;
}
hr {
height: 2.618rem;
}
hr {
width: 6.854rem;
}
hr::before {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M464%20320v108.863l-94.277-54.43-16%2027.712L496%20484.29V320zm63.998%200v164.29l142.28-82.145-16-27.713L560%20428.862V320zM337.723%20429.855l-16%2027.713L416.003%20512l-94.28%2054.432%2016%2027.713L480.003%20512c-47.43-27.375-94.85-54.773-142.28-82.145zm348.554%200L543.997%20512l142.278%2082.145c5.336-9.235%2010.67-18.476%2016.002-27.713L607.997%20512l94.28-54.432zM496%20539.71l-142.277%2082.145%2016%2027.713L464%20595.138V704h32zm31.998%200L528%20704h32l-.002-108.863%2094.28%2054.43%2016-27.712z%22%20fill%3D%22%23e1ddd5%22%2F%3E%3C%2Fsvg%3E);
}
hr::before,
a,
.footnote {
background-repeat: repeat-x;
}
pre {
-moz-font-feature-settings: "kern" 0,"liga" 0,"pnum" 0,"tnum" 1,"zero" 1;
}
pre {
-webkit-font-feature-settings: "kern" 0,"liga" 0,"pnum" 0,"tnum" 1,"zero" 1;
}
pre {
font-feature-settings: "kern" 0,"liga" 0,"pnum" 0,"tnum" 1,"zero" 1;
}
pre,
code,
var,
samp,
kbd {
font-family: Source Code Pro,Emoji,monospace;
}
blockquote,
blockquote+figcaption:last-child {
border-left: .25rem solid #e1ddd5;
}
blockquote,
figcaption,
blockquote+figcaption:last-child,
.pull-quote p,
.seealso {
color: #6a625e;
}
blockquote,
dl dd,
blockquote+figcaption:last-child {
padding-left: 1.618rem;
}
ul,
ol {
padding: 0 0 0 1.618rem;
}
ul ul,
ul ol,
ol ul,
ol ol,
dl dl,
blockquote+figcaption:last-child,
.site-navigation ul {
margin-top: 0;
}
blockquote+figcaption:last-child,
.footnote {
padding-top: .618rem;
}
a {
background-image: linear-gradient(transparent 50%,#5bacd0 50%);
}
a {
background-position: 0 1.063em;
}
a {
background-size: .125rem .125rem;
}
a,
ins {
text-decoration: none;
}
em,
cite {
font-style: normal;
}
em,
strong {
font-weight: bolder;
}
strong {
color: #ff3b0c;
}
abbr {
cursor: help;
}
abbr {
letter-spacing: .063rem;
}
p code::before,
p code::after,
p var::before,
p var::after,
p samp::before,
p samp::after,
p kbd::before,
p kbd::after {
content: ' ';
}
p code::before,
p code::after,
p var::before,
p var::after,
p samp::before,
p samp::after,
p kbd::before,
p kbd::after {
font-size: 0;
}
p code::before,
p code::after,
p var::before,
p var::after,
p samp::before,
p samp::after,
p kbd::before,
p kbd::after {
width: 0;
}
mark {
background-color: #ffba0c;
}
del {
text-decoration: line-through;
}
img,
video,
.icon-list a,
.searchbox .query {
-moz-box-sizing: border-box;
}
img,
video,
table {
max-width: 100%;
}
figure img,
figure video {
background-color: #f8f5ec;
}
figure img,
figure video {
vertical-align: bottom;
}
table {
-moz-font-feature-settings: "pnum" 0,"tnum" 1,"zero" 1;
}
table {
-webkit-font-feature-settings: "pnum" 0,"tnum" 1,"zero" 1;
}
table {
font-feature-settings: "pnum" 0,"tnum" 1,"zero" 1;
}
table {
overflow-x: auto;
}
table {
table-layout: fixed;
}
th,
td {
border-bottom: .063rem solid #e1ddd5;
}
th,
td {
padding-bottom: .5rem;
}
th,
td {
padding-right: 1rem;
}
th,
td {
padding-top: .5rem;
}
th,
td {
vertical-align: top;
}
th {
text-align: left;
}
thead th {
border-bottom-width: .125rem;
}
.logo,
.logo a,
.logo mark,
.site-navigation li {
height: 1.86rem;
}
.logo,
.pull-quote p,
.main .searchbox,
.adsbygoogle {
margin-top: 1.618rem;
}
.logo a,
.logo mark,
.byline::before {
width: 1.86rem;
}
.tagline {
font-family: Megrim,Source Sans Pro,Emoji,sans-serif;
}
.tagline {
font-weight: 200;
}
.tagline {
margin-top: 2.618rem;
}
.site-navigation {
right: .809rem;
}
.site-navigation,
.read-older p::before,
.seemore a,
.topic .section-footer+p::after {
text-transform: uppercase;
}
.site-navigation,
.searchbox .button {
top: 0;
}
.site-navigation ul,
.footlinks ul,
.icon-list,
.post-list ol {
padding-left: 0;
}
.site-navigation li,
.footlinks li {
display: table-cell;
}
.site-navigation li {
line-height: 1.86rem;
}
.site-navigation li {
padding-left: .405rem;
}
.site-navigation mark {
border-bottom: .125rem solid;
}
.site-navigation mark {
color: #3598c3;
}
.site-navigation mark {
padding-bottom: .125rem;
}
.content {
margin-top: -4.236rem;
}
.first-heading {
margin-top: 8.167rem;
}
.site-search {
top: 6.854rem;
}
.global-footer {
margin-bottom: 4.236rem;
}
.footlinks ul {
margin-top: 8.472rem;
}
.footlinks li::after {
content: '\a0';
}
.footlinks li:first-child::after {
content: ' ·\a0';
}
.byline::before {
border-top: .125rem solid #e1ddd5;
}
.byline::before {
content: '';
}
.byline::before {
margin-bottom: .618rem;
}
.ads,
.full-width,
.icon-list {
margin-left: -.809rem;
}
.ads,
.full-width,
.icon-list {
margin-right: -.809rem;
}
.circular {
border-radius: 51%;
}
.drop img {
min-width: 12.751rem;
}
.footnote {
background-image: linear-gradient(to right,#cac5be 0,#cac5be 50%,transparent 50%,transparent 100%);
}
.footnote {
background-position: left 1.618rem;
}
.footnote {
background-size: .5rem .063rem;
}
.full-width figcaption:last-child {
margin-left: .809rem;
}
.icon-list li {
float: left;
}
.icon-list li {
line-height: 1;
}
.icon-list a {
border-radius: .25rem;
}
.icon-list a {
height: 3.246rem;
}
.icon-list a {
padding: 25%;
}
.icon-list a {
width: 3.246rem;
}
.icon-list a[href^='https://twitter.com/'] {
background-color: #00acee;
}
.icon-list a[href^='https://www.facebook.com/'] {
background-color: #3b5998;
}
.icon-list a[href$='.tumblr.com/'] {
background-color: #34526f;
}
.icon-list a[type='application/rss+xml'] {
background-color: #ee802f;
}
.icon-list img {
vertical-align: text-bottom;
}
.post-list ol li {
list-style-type: none;
}
.pull-quote {
margin-left: 1.618rem;
}
.pull-quote {
margin-right: 1.618rem;
}
.pull-quote {
text-align: center;
}
.pull-quote p {
quotes: '\201c' '\201d';
}
.pull-quote p::before {
content: open-quote;
}
.pull-quote p::after {
content: close-quote;
}
.read-older p {
margin-top: 4.236rem;
}
.read-older p::before {
content: 'Read older:';
}
.read-older p::before {
font-size: 1rem;
}
.searchbox {
max-width: 24rem;
}
.searchbox .query {
background-color: #fdfcf7;
}
.searchbox .query {
border: .063rem solid #e1ddd5;
}
.searchbox .query,
.searchbox .button {
border-radius: 0;
}
.searchbox .query {
color: #817a75;
}
.searchbox .query,
.searchbox .button {
height: 1.618rem;
}
.searchbox .query {
outline: none;
}
.searchbox .query {
padding: 0 1.743rem 0 .125rem;
}
.searchbox .query:focus {
border-color: #3598c3;
}
.searchbox .query:focus {
color: #1e1918;
}
.searchbox .button {
direction: ltr;
}
.searchbox .button {
text-indent: -9999px;
}
.searchbox .button {
background-color: #e1ddd5;
}
.searchbox .button {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22896%22%20height%3D%22896%22%20viewBox%3D%220%200%20896%20896%22%3E%3Cpath%20d%3D%22M384%20192a192%20192%200%200%200-192%20192%20192%20192%200%200%200%20192%20192%20192%20192%200%200%200%2099.766-28.234l156.234%20156.234%2064-64-156.186-156.186a192%20192%200%200%200%2028.186-99.814%20192%20192%200%200%200-192-192zm0%2064a128%20128%200%200%201%20128%20128%20128%20128%200%200%201-128%20128%20128%20128%200%200%201-128-128%20128%20128%200%200%201%20128-128z%22%20fill%3D%22%23fdfcf7%22%2F%3E%3C%2Fsvg%3E);
}
.searchbox .button {
background-position: center top;
}
.searchbox .button {
background-size: 100% auto;
}
.searchbox .button {
right: 0;
}
.searchbox .button {
width: 1.618rem;
}
.searchbox .query:focus+.button,
.searchbox .button:focus {
background-color: #3598c3;
}
.seealso::before {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22384%22%20height%3D%22384%22%20viewBox%3D%220%200%20384%20384%22%3E%3Cpath%20d%3D%22M293.941.008c-23.09%200-46.173%208.755-63.713%2026.296-21.2%2021.288-42.47%2042.507-63.713%2063.751l25.485%2025.486%2063.713-63.751c21.401-21.402%2055.089-21.402%2076.491%200%2021.401%2021.402%2021.401%2055.091%200%2076.494l-76.491%2076.459c-21.401%2021.402-55.054%2021.402-76.456%200-5.236-5.237-9.117-11.159-11.757-17.495l-33.265%2013.834c4.416%2010.601%2010.953%2020.563%2019.536%2029.147%2035.081%2035.081%2092.346%2035.082%20127.427%200l76.491-76.459c35.08-35.083%2035.08-92.385%200-127.467-17.541-17.541-40.659-26.296-63.749-26.296zm-127.427%20127.467c-23.09%200-46.173%208.755-63.713%2026.296l-76.491%2076.459c-35.08%2035.083-35.08%2092.385%200%20127.467%2035.081%2035.081%2092.382%2035.082%20127.462%200l63.713-63.751-25.485-25.486-63.713%2063.751c-21.401%2021.402-55.089%2021.402-76.491%200-21.401-21.402-21.401-55.091%200-76.494l63.749-63.716%2012.743-12.743c21.401-21.402%2055.054-21.402%2076.456%200%205.236%205.237%209.117%2011.159%2011.757%2017.495l33.265-13.834c-4.416-10.601-10.953-20.563-19.536-29.147-17.541-17.541-40.623-26.296-63.713-26.296z%22%20fill%3D%22%23534a47%22%2F%3E%3C%2Fsvg%3E);
}
.seealso::before {
background-position: left center;
}
.seealso::before {
margin-right: .328rem;
}
.seealso::before {
width: 1.313rem;
}
.seemore a::before {
content: '➔ ';
}
.topic .section-footer+p::after {
content: 'More ➟';
}
.topic .section-footer+p::after {
margin-left: .333rem;
}
.adsbygoogle {
height: 250px;
}
.adsbygoogle {
width: 300px;
}
html {
-ms-overflow-style: -ms-autohiding-scrollbar;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment