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. 35
      static/css/style.css

35
static/css/style.css
View File

@ -44,14 +44,16 @@ 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;
/*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; color: #666;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -101,7 +103,7 @@ h2 {
font-weight: 300; font-weight: 300;
color: #aaa; color: #aaa;
margin-top: 10px; margin-top: 10px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal; font-style: normal;
} }
@ -187,7 +189,7 @@ li { list-style-type:circle; list-style-position:inside; }
#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 {
@ -227,19 +229,20 @@ em, i { font-style: italic; }
.post h1 { .post h1 {
margin-bottom: 20px; margin-bottom: 20px;
color: #222; color: #222;
font: 300 32px/1.4em "Helvetica Neue", Helvetica,Arial,sans-serif;
font-weight: 300;
font-size: 200%;
} }
.post h2 { .post h2 {
margin-bottom: 40px; margin-bottom: 40px;
font: 300 24px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;
font: 300 24px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #111; color: #111;
} }
.post h2.headline { .post h2.headline {
/*font: italic 22px/1.3em Georgia,serif;*/ /*font: italic 22px/1.3em Georgia,serif;*/
font: normal 13px/1.5em "Helvetica Neue",Helvetica,Arial,sans-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; margin: -5px 0 40px 0;
color: #b2b9be; color: #b2b9be;
font-size: 13px; font-size: 13px;
@ -250,7 +253,7 @@ em, i { font-style: italic; }
} }
#post-list h2 { #post-list h2 {
font: normal 17px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
font: normal 17px/1.5em -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #aaa; color: #aaa;
max-width: 400px; max-width: 400px;
margin-top: 2px; margin-top: 2px;
@ -392,14 +395,14 @@ Post List
#post-list a { #post-list a {
color: #333; color: #333;
display: block; display: block;
font: bold 19px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
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; float: right;
position: relative; position: relative;
top: 1px; top: 1px;
font: 300 17px/1.8 "Helvetica Neue",helvetica,Arial,sans-serif;
font: 300 17px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #bbb; color: #bbb;
} }
@ -541,7 +544,7 @@ h1.archive {
h2.month { h2.month {
width: 100%; width: 100%;
font: bold 13px/1 "Helvetica Neue",helvetica,Arial,sans-serif;
font: bold 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase; text-transform: uppercase;
margin-top: 40px; margin-top: 40px;
margin-bottom: 10px; margin-bottom: 10px;
@ -555,7 +558,7 @@ h2.month {
#archive-list a { #archive-list a {
display: block; display: block;
font: bold 17px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
font: bold 17px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #333; color: #333;
} }
@ -563,7 +566,7 @@ h2.month {
float: right; float: right;
position: relative; position: relative;
top: 1px; top: 1px;
font: 300 17px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
font: 300 17px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #bbb; color: #bbb;
} }
@ -583,12 +586,12 @@ h2.month {
#post-list.archive.readmore h3{ #post-list.archive.readmore h3{
font: 400 20px "Helvetica Neue", Helvetica,Arial,sans-serif;
font: 400 20px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin-bottom: 30px; margin-bottom: 30px;
} }
#post-list.archive.readmore a{ #post-list.archive.readmore a{
font: 400 16px/1.6 "Helvetica Neue",helvetica,Arial,sans-serif;
font: 400 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #5694f1; color: #5694f1;
} }
@ -597,7 +600,7 @@ h2.month {
} }
#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;

Write Preview
Loading…
Cancel
Save