Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Nice Markdown styling from, preview:
This document has been created with <>
Please leave this notice in place, along with any additional credits below.
Title: Ulysses Freestraction Light
Author: Jonathan Poritsky <>
Description: Based on the Freestraction color scheme used in Ulysses III <>.
For more information read the introductory post:
html {
background-color: #f3f3f3;
color: #656565;
body {
padding: 2em;
border: 0;
font-size: 1em;
line-height: 1.7em;
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,sans-serif;
max-width: 35em;
a {
padding:0 0.3em 0.1em 0.3em;
color: #656565;
background: #f7f7f7;
border: 1px solid #d4d4d4;
border-radius: 4px;
a:hover {
padding:0 0.3em 0.1em 0.3em;
text-decoration: none;
background:-webkit-gradient(linear, 80% 20%, 80% 100%, from(#315983), to(#224C78));
color: #f7ffff;
border-top: 1px solid rgb(69,105,143);
border-bottom: 1px solid rgb(47,76,105);
border-right: 1px solid rgb(47,76,105);
border-left: 1px solid rgb(47,76,105);
border-radius: 4px;
box-shadow: 0px 0px 0px 1px rgb(47,76,105);;
h1, h2, h3, h4, h5, h6 {
text-align: center;
color: rgb(12,139,186);
line-height: 1;
font-weight: 600;
font-family: "Minion Pro","Chaparral Pro",Georgia,serif;
h1 {
font-size: 2em;
h2 {
font-size: 1.6em;
h3 {
font-size: 1.4em;
h4 {
font-size: 1.2em;
h5 {
font-size: 1.1em;
h6 {
font-style: italic;
font-size: 1em;
ol, ul {
margin-left: -15px;
margin-right: 25px;
ul li {
list-style: none;
ul li:before {
display: block;
position: relative;
max-width: 0;
max-height: 0;
left: -.8em;
top: -.1em;
color: rgb(12,139,186);
li {
font-size: .9em;
li p {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
.footnote {
font-size: 50%;
vertical-align: super;
div.footnotes {
font-size: 80%;
pre, code {
white-space: pre-wrap;
blockquote {
display: block;
color: rgb(12,139,186);
padding:0.2em 2em 0.2em 2em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
code {
font-family: Inconsolata,"Courier Prime",mono;
padding: 2px;
color: rgb(20,126,73);
background: rgb(224,232,228);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment