schneider
/
toasted-cactus
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Change font to system fonts

master
Schneider 8 years ago
parent
890389b654
commit
d546f6f96a
1 changed files with 328 additions and 325 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 653
      static/css/style.css

653
static/css/style.css
View File

@ -4,35 +4,35 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
/* Clearfix */ /* Clearfix */
.clearfix:after { .clearfix:after {
content: "";
display: table;
clear: both;
content: "";
display: table;
clear: both;
} }
.hidden { display: none; } .hidden { display: none; }
/* Icons */ /* Icons */
@font-face { @font-face {
font-family: 'icons';
src: url('../fonts/icons.eot');
src: url('../fonts/icons.eot#iefix') format('embedded-opentype'),
url('../fonts/icons.woff') format('woff'),
url('../fonts/icons.ttf') format('truetype'),
url('../fonts/icons.svg#icons') format('svg');
font-weight: normal;
font-style: normal;
font-family: 'icons';
src: url('../fonts/icons.eot');
src: url('../fonts/icons.eot#iefix') format('embedded-opentype'),
url('../fonts/icons.woff') format('woff'),
url('../fonts/icons.ttf') format('truetype'),
url('../fonts/icons.svg#icons') format('svg');
font-weight: normal;
font-style: normal;
} }
[class^="icon-"]:before, [class*=" icon-"]:before { [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
font-family: "icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
} }
.icon-facebook:before { content: '\e802'; } .icon-facebook:before { content: '\e802'; }
.icon-facebook-squared:before { content: '\e800'; } .icon-facebook-squared:before { content: '\e800'; }
@ -44,115 +44,117 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
/* Spacing */ /* Spacing */
.post h1, h3, h4, h5, p, .post-body ul, pre { .post h1, h3, h4, h5, p, .post-body ul, pre {
margin-bottom: 20px;
margin-bottom: 20px;
} }
/* Base */ /* Base */
html, body { height: 100%; } html, body { height: 100%; }
body { body {
font:16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #666;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
/*font:16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
color: #666;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
} }
h1 { h1 {
font-size: 30px;
letter-spacing: -1px;
color: #222;
font-weight: bold;
font-size: 30px;
letter-spacing: -1px;
color: #222;
font-weight: bold;
} }
h2 { h2 {
font: italic 19px/1.3em Georgia,serif;
color: #bbb;
font: italic 19px/1.3em Georgia,serif;
color: #bbb;
} }
.profile #wrapper { .profile #wrapper {
padding: 100px 40px 0px;
max-width: 600px;
margin: 0 auto;
padding: 100px 40px 0px;
max-width: 600px;
margin: 0 auto;
} }
.profile #header { .profile #header {
padding-bottom: 40px;
text-align: center;
position: relative;
padding-bottom: 40px;
text-align: center;
position: relative;
} }
.profile #avatar { .profile #avatar {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 20px;
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 20px;
} }
.profile h1 { .profile h1 {
font-weight: 400;
letter-spacing: 0px;
font-size: 20px;
color: #222;
font-weight: 400;
letter-spacing: 0px;
font-size: 20px;
color: #222;
} }
.profile h2 { .profile h2 {
font-size: 20px;
font-weight: 300;
color: #aaa;
margin-top: 10px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 20px;
font-weight: 300;
color: #aaa;
margin-top: 10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal;
} }
nav.main-nav { nav.main-nav {
padding: 20px 20px 0;
padding: 20px 20px 0;
/*max-width: 600px;*/
/*width:100%;*/
background: #fff;
background: rgba(255,255,255,.90);
margin: 0 auto;
text-align: right;
/*position: fixed;*/
z-index: 100;
/*max-width: 600px;*/
/*width:100%;*/
background: #fff;
background: rgba(255,255,255,.90);
margin: 0 auto;
text-align: right;
/*position: fixed;*/
z-index: 100;
} }
nav.main-nav a { nav.main-nav a {
top: 8px;
right: 6px;
padding: 8px 12px;
color: #5badf0;
font-size: 13px;
/*font-weight: bold;*/
line-height: 1.35;
border-radius: 3px;
top: 8px;
right: 6px;
padding: 8px 12px;
color: #5badf0;
font-size: 13px;
/*font-weight: bold;*/
line-height: 1.35;
border-radius: 3px;
} }
nav.main-nav a.cta { nav.main-nav a.cta {
background: #5badf0;
color: #fff;
margin-left: 12px;
background: #5badf0;
color: #fff;
margin-left: 12px;
} }
#wrapper { #wrapper {
max-width: 600px;
margin: 0 auto;
padding: 60px 40px 100px 40px;
max-width: 600px;
margin: 0 auto;
padding: 60px 40px 100px 40px;
} }
#wrapper.home { #wrapper.home {
max-width: 600px;
margin: 0 auto;
padding: 0px 40px 20px 40px;
max-width: 600px;
margin: 0 auto;
padding: 0px 40px 20px 40px;
} }
.home #avatar { .home #avatar {
float: right;
width: 40px;
height: 40px;
border-radius: 50%;
float: right;
width: 40px;
height: 40px;
border-radius: 50%;
} }
/* Typography */ /* Typography */
@ -162,9 +164,9 @@ a,
#post-list a:hover, #post-list a:hover,
#post-list li:hover .dates, #post-list li:hover .dates,
#title:hover { #title:hover {
text-decoration: none;
color: #5badf0;
color: #5694f1;
text-decoration: none;
color: #5badf0;
color: #5694f1;
} }
p a { color: #5694f1; } p a { color: #5694f1; }
@ -172,88 +174,89 @@ p a { color: #5694f1; }
/*Transitions*/ /*Transitions*/
a, a,
#post-nav a, #post-nav a,
#post-list a {
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
#post-list a {
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
} }
ul { margin:0; padding:0; margin-bottom: 20px; }
li { list-style-type:circle; list-style-position:inside; }
ul { margin:0; padding:0; margin-bottom: 20px; }
li { list-style-type:circle; list-style-position:inside; }
/* Line Height */ /* Line Height */
#post-body, p { line-height:1.7; } #post-body, p { line-height:1.7; }
b, strong { font-weight: 500; b, strong { font-weight: 500;
color: #1E2025; }
color: #1E2025; }
em, i { font-style: italic; } em, i { font-style: italic; }
#title { #title {
display: inline-block;
line-height: 100%;
font-weight: 500;
font-size: 19px;
margin: 0;
padding-bottom: 20px;
display: inline-block;
line-height: 100%;
font-weight: 500;
font-size: 19px;
margin: 0;
padding-bottom: 20px;
} }
.description { .description {
float: right;
font: italic 14px/1.4em Georgia,serif;
color: #aaa;
float: right;
font: italic 14px/1.4em Georgia,serif;
color: #aaa;
} }
.home h1 { .home h1 {
font-size: 30px;
letter-spacing: -1px;
color: #222;
font-weight: bold;
font-size: 30px;
letter-spacing: -1px;
color: #222;
font-weight: bold;
} }
.home h2 { .home h2 {
font: italic 19px/1.3em Georgia,serif;
color: #bbb;
font: italic 19px/1.3em Georgia,serif;
color: #bbb;
} }
.post header { .post header {
text-align:center;
text-align:center;
} }
.post h1 { .post h1 {
margin-bottom: 20px;
color: #222;
font: 300 32px/1.4em "Helvetica Neue", Helvetica,Arial,sans-serif;
margin-bottom: 20px;
color: #222;
font-weight: 300;
font-size: 200%;
} }
.post h2 { .post h2 {
margin-bottom: 40px;
font: 300 24px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #111;
margin-bottom: 40px;
font: 300 24px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #111;
} }
.post h2.headline { .post h2.headline {
/*font: italic 22px/1.3em Georgia,serif;*/
font: normal 13px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: -5px 0 40px 0;
color: #b2b9be;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
/*margin-top: 15px;*/
display: inline-block;
/*font: italic 22px/1.3em Georgia,serif;*/
font: normal 13px/1.5em -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: -5px 0 40px 0;
color: #b2b9be;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
/*margin-top: 15px;*/
display: inline-block;
} }
#post-list h2 { #post-list h2 {
font: normal 17px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #aaa;
max-width: 400px;
margin-top: 2px;
font: normal 17px/1.5em -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #aaa;
max-width: 400px;
margin-top: 2px;
} }
h3, h4, h5 { color:#333; } h3, h4, h5 { color:#333; }
@ -263,376 +266,376 @@ h4 { font-size:16px; font-weight:bold; }
h5 { font-size:15px; font-weight: bold; } h5 { font-size:15px; font-weight: bold; }
h6 { h6 {
font-size: 13px;
font-weight: bold;
color: #666;
margin-bottom: 6px;
font-size: 13px;
font-weight: bold;
color: #666;
margin-bottom: 6px;
} }
p.small { p.small {
color: #bbb;
font-size: 14px;
line-height: 1.5;
display: block;
text-align: center;
margin-top: 20px;
color: #bbb;
font-size: 14px;
line-height: 1.5;
display: block;
text-align: center;
margin-top: 20px;
} }
blockquote { blockquote {
padding-left: 15px;
border-left: 3px solid #eee;
padding-left: 15px;
border-left: 3px solid #eee;
} }
hr { hr {
display: block;
border: none;
height: 1px;
margin: 40px auto;
background: #eee;
display: block;
border: none;
height: 1px;
margin: 40px auto;
background: #eee;
} }
span.code { font-family:Menlo, Monaco, Courier; background-color:#EEE; font-size:14px; } span.code { font-family:Menlo, Monaco, Courier; background-color:#EEE; font-size:14px; }
pre {
font-family:Menlo, Monaco, Courier;
white-space:pre-wrap;
/*border: 1px solid #ddd;*/
padding:20px;
background-color:#fdfdfd;
/*font-size:14px;*/
overflow:auto;
border-radius: 3px;
background: #272b2d;
font-family: 'Source Code Pro',Menlo,monospace;
font-size: 13px;
line-height: 1.5em;
font-weight: 500;
color: #d0d4d7;
pre {
font-family:Menlo, Monaco, Courier;
white-space:pre-wrap;
/*border: 1px solid #ddd;*/
padding:20px;
background-color:#fdfdfd;
/*font-size:14px;*/
overflow:auto;
border-radius: 3px;
background: #272b2d;
font-family: 'Source Code Pro',Menlo,monospace;
font-size: 13px;
line-height: 1.5em;
font-weight: 500;
color: #d0d4d7;
} }
table { table {
width: 100%;
margin: 40px 0;
border-collapse: collapse;
font-size: 13px;
line-height: 1.5em;
width: 100%;
margin: 40px 0;
border-collapse: collapse;
font-size: 13px;
line-height: 1.5em;
} }
th,td { th,td {
text-align: left;
padding-right: 20px;
vertical-align: top;
text-align: left;
padding-right: 20px;
vertical-align: top;
} }
table td,td { table td,td {
border-spacing: none;
border-style: solid;
padding: 10px 15px;
border-width: 1px 0 0 0;
border-spacing: none;
border-style: solid;
padding: 10px 15px;
border-width: 1px 0 0 0;
} }
tr>td { tr>td {
border-top: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
} }
tr:nth-child(odd)>td { tr:nth-child(odd)>td {
background: #fcfcfc;
background: #fcfcfc;
} }
thead th,th { thead th,th {
text-align: left;
padding: 10px 15px;
height: 20px;
font-size: 13px;
font-weight: bold;
color: #444;
border-bottom: 1px solid #dadadc;
cursor: default;
white-space: nowrap;
text-align: left;
padding: 10px 15px;
height: 20px;
font-size: 13px;
font-weight: bold;
color: #444;
border-bottom: 1px solid #dadadc;
cursor: default;
white-space: nowrap;
} }
img { img {
max-width: 100%;
border-radius: 3px;
max-width: 100%;
border-radius: 3px;
} }
/* Made with Cactus Badge */ /* Made with Cactus Badge */
#badge { #badge {
position: absolute;
bottom: 8px;
right: 8px;
height: 48px;
width: 48px;
position: absolute;
bottom: 8px;
right: 8px;
height: 48px;
width: 48px;
} }
/*========================================= /*=========================================
Post List Post List
=========================================== */ =========================================== */
#archive-list { #archive-list {
margin-top: 100px;
margin-top: 100px;
} }
#post-list { #post-list {
margin-bottom: 0;
margin-bottom: 0;
} }
#post-list li,#archive-list li { #post-list li,#archive-list li {
border-top: 1px solid #eee;
padding-top: 20px;
padding-bottom: 20px;
list-style-type: none;
margin-bottom: 0;
border-top: 1px solid #eee;
padding-top: 20px;
padding-bottom: 20px;
list-style-type: none;
margin-bottom: 0;
} }
#post-list li:last-child { #post-list li:last-child {
border-bottom: 1px solid #eee;
border-bottom: 1px solid #eee;
} }
#post-list a { #post-list a {
color: #333;
display: block;
font: bold 19px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #333;
display: block;
font: bold 19px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} }
#post-list .dates { #post-list .dates {
float: right;
position: relative;
top: 1px;
font: 300 17px/1.8 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #bbb;
float: right;
position: relative;
top: 1px;
font: 300 17px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #bbb;
} }
#post-list-footer { #post-list-footer {
border-top: 1px solid #eee;
margin-top: 20px;
padding-top: 100px;
border-top: 1px solid #eee;
margin-top: 20px;
padding-top: 100px;
} }
#archive-link { #archive-link {
display: inline-block;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
padding: 3px 10px 6px;
box-shadow: 0 0 0 1px hsla(207,83%,80%,1);
display: inline-block;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
padding: 3px 10px 6px;
box-shadow: 0 0 0 1px hsla(207,83%,80%,1);
} }
#archive-link:hover { #archive-link:hover {
background: #5694f1;
color: #fff;
box-shadow: 0 0 0 1px #5694f1;
background: #5694f1;
color: #fff;
box-shadow: 0 0 0 1px #5694f1;
} }
#archive-link span { #archive-link span {
position: relative;
top: 0;
font-size: 17px;
position: relative;
top: 0;
font-size: 17px;
} }
#footer { #footer {
padding: 40px 0 0 0;
padding: 40px 0 0 0;
} }
/* Post Page */ /* Post Page */
.post { .post {
margin: 80px 0 0 0;
margin: 80px 0 0 0;
} }
#post-meta { #post-meta {
font-size: 13px;
font-weight: bold;
line-height: 1.4;
border-top: 1px solid #eee;
padding-top: 40px;
margin-bottom: 40px;
padding-bottom: 40px;
margin-top: 40px;
color:#444;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: bold;
line-height: 1.4;
border-top: 1px solid #eee;
padding-top: 40px;
margin-bottom: 40px;
padding-bottom: 40px;
margin-top: 40px;
color:#444;
border-bottom: 1px solid #eee;
} }
#post-meta div span { #post-meta div span {
color: #aaa;
font-weight: 500;
display: block;
color: #aaa;
font-weight: 500;
display: block;
} }
#post-meta div span.dark { #post-meta div span.dark {
color: #1E2025;
color: #1E2025;
} }
#post-meta div { #post-meta div {
margin: 0 25px 0 0;
float: left;
margin: 0 25px 0 0;
float: left;
} }
#sharing { #sharing {
float: right;
margin: -2px;
float: right;
margin: -2px;
} }
#sharing a { #sharing a {
font-size: 20px;
font-size: 23px;
margin-left: 1px;
margin-top: 4px;
color: #d4d4d4;
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-size: 23px;
margin-left: 1px;
margin-top: 4px;
color: #d4d4d4;
display: inline-block;
vertical-align: middle;
} }
#sharing a:hover { #sharing a:hover {
/*color: #444;*/
opacity: 0.8;
/*color: #444;*/
opacity: 0.8;
} }
/* Post Navigation */ /* Post Navigation */
#post-nav { #post-nav {
text-align:center;
font-size:13px;
font-weight:500;
margin-top: 20px;
text-align:center;
font-size:13px;
font-weight:500;
margin-top: 20px;
} }
#post-nav span { #post-nav span {
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
} }
#post-nav span.prev { #post-nav span.prev {
float: left;
float: left;
} }
#post-nav span.next { #post-nav span.next {
float: right;
float: right;
} }
#post-nav span .arrow { #post-nav span .arrow {
position: relative;
padding: 1px;
position: relative;
padding: 1px;
} }
#post-nav span.prev:hover .arrow { #post-nav span.prev:hover .arrow {
left: -4px;
left: -4px;
} }
#post-nav span.next:hover .arrow { #post-nav span.next:hover .arrow {
right: -4px;
right: -4px;
} }
#post-nav span.prev:hover { #post-nav span.prev:hover {
left: -3px;
left: -3px;
} }
#post-nav span.next:hover { #post-nav span.next:hover {
right: -3px;
right: -3px;
} }
/* Archive */ /* Archive */
h1.archive { h1.archive {
margin-bottom: 0px;
margin-bottom: 0px;
} }
h2.month { h2.month {
width: 100%;
font: bold 13px/1 "Helvetica Neue",helvetica,Arial,sans-serif;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
width: 100%;
font: bold 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
} }
#archive-list li:last-child { #archive-list li:last-child {
margin-bottom: 0;
margin-bottom: 0;
} }
#archive-list a { #archive-list a {
display: block;
font: bold 17px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #333;
display: block;
font: bold 17px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #333;
} }
#archive-list .dates { #archive-list .dates {
float: right;
position: relative;
top: 1px;
font: 300 17px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #bbb;
float: right;
position: relative;
top: 1px;
font: 300 17px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #bbb;
} }
#archive-list li a:hover,#archive-list li:hover .dates { #archive-list li a:hover,#archive-list li:hover .dates {
color: #5694f1;
color: #5694f1;
} }
#post-meta img.avatar { #post-meta img.avatar {
height: 36px;
width: 36px;
float: left;
border-radius: 50%;
margin-top: 3px;
margin-right: 20px;
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #eee;
height: 36px;
width: 36px;
float: left;
border-radius: 50%;
margin-top: 3px;
margin-right: 20px;
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #eee;
} }
#post-list.archive.readmore h3{ #post-list.archive.readmore h3{
font: 400 20px "Helvetica Neue", Helvetica,Arial,sans-serif;
margin-bottom: 30px;
font: 400 20px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin-bottom: 30px;
} }
#post-list.archive.readmore a{ #post-list.archive.readmore a{
font: 400 16px/1.6 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #5694f1;
font: 400 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #5694f1;
} }
#post-list.archive.readmore a:hover{ #post-list.archive.readmore a:hover{
opacity: 0.8;
opacity: 0.8;
} }
#post-list.archive.readmore .dates{ #post-list.archive.readmore .dates{
font: 300 16px/1.6 "Helvetica Neue",helvetica,Arial,sans-serif;
font: 300 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} }
#sharing a.facebook { #sharing a.facebook {
background: #4361b3;
background: #4361b3;
} }
#sharing a.twitter { #sharing a.twitter {
background: #4fafed;
background: #4fafed;
} }
#sharing a { #sharing a {
font-size: 20px;
font-size: 13px;
font-weight: bold;
color: #fff;
padding: 6px 10px;
border-radius: 4px;
margin-left: 2px;
font-size: 20px;
font-size: 13px;
font-weight: bold;
color: #fff;
padding: 6px 10px;
border-radius: 4px;
margin-left: 2px;
} }
/* Media Queries */ /* Media Queries */
@media screen and (max-width: 540px) { @media screen and (max-width: 540px) {
#wrapper { padding:20px 20px 20px 20px;}
.post { margin: 40px 0; }
#wrapper { padding:20px 20px 20px 20px;}
.post { margin: 40px 0; }
#post-list, #archive-list { margin-top: 0; }
#post-meta { margin-top: 60px; }
#post-list, #archive-list { margin-top: 0; }
#post-meta { margin-top: 60px; }
#title { font-size: 17px; }
#post-list .dates { display: none; }
#title { font-size: 17px; }
#post-list .dates { display: none; }
#post-list-footer { margin-top: 20px; padding-top: 40px; }
#post-list-footer { margin-top: 20px; padding-top: 40px; }
h1 { font-size: 26px; }
.post h2.headline { font-size: 13px; }
.post h1 { font-size:24px; }
.post h2 { font-size:20px; }
h1 { font-size: 26px; }
.post h2.headline { font-size: 13px; }
.post h1 { font-size:24px; }
.post h2 { font-size:20px; }
} }
@ -656,8 +659,8 @@ a.symbol:hover {
} }
code { code {
font-family:Menlo, Monaco, Courier;
background-color:#EEE; font-size:14px;
padding: 4px;
font-weight: 600;
font-family:Menlo, Monaco, Courier;
background-color:#EEE; font-size:14px;
padding: 4px;
font-weight: 600;
} }
Write Preview
Loading…
Cancel
Save