diff options
Diffstat (limited to 'static/css')
-rw-r--r-- | static/css/hyde.css | 49 | ||||
-rw-r--r-- | static/css/poole.css | 4 |
2 files changed, 32 insertions, 21 deletions
diff --git a/static/css/hyde.css b/static/css/hyde.css index 1ddbdda..0816c69 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -32,7 +32,7 @@ */ html { - font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-family: "PT Sans", "Ubuntu Sans", "Liberation Sans", "Lucida Grande", "Helvetica Neue", Arial, sans-serif; } @media (min-width: 48em) { html { @@ -45,6 +45,10 @@ html { } } +code,pre { + font-family: "SFMono-Regular", "Lucida Console", "Liberation Mono", Menlo, Courier, monospace; +} + /* * Sidebar @@ -55,7 +59,7 @@ html { .sidebar { text-align: center; - padding: 2rem 1rem; + padding: 2rem 2rem; color: rgba(255,255,255,.5); background-color: #202020; } @@ -76,11 +80,22 @@ html { } /* About section */ -.sidebar-about h1 { +.site-title { color: #fff; margin-top: 0; - font-family: "Abril Fatface", serif; - font-size: 3.25rem; + font-family: Georgia, serif; + font-size: 2.5rem; + font-weight: bold; + line-height: 1.25; + margin-bottom: 0.5rem; + display: block; +} + +.u-photo { + margin: auto; + margin-bottom: 1rem; + border: 2px solid white; + border-radius: 50%; } /* Sidebar nav */ @@ -181,8 +196,7 @@ a.sidebar-nav-item:focus { .theme-base-08 .sidebar { background-color: #ac4142; } -.theme-base-08 .content a, -.theme-base-08 .related-posts li a:hover { +.theme-base-08 .content a { color: #ac4142; } @@ -190,8 +204,7 @@ a.sidebar-nav-item:focus { .theme-base-09 .sidebar { background-color: #d28445; } -.theme-base-09 .content a, -.theme-base-09 .related-posts li a:hover { +.theme-base-09 .content a { color: #d28445; } @@ -199,8 +212,7 @@ a.sidebar-nav-item:focus { .theme-base-0a .sidebar { background-color: #f4bf75; } -.theme-base-0a .content a, -.theme-base-0a .related-posts li a:hover { +.theme-base-0a .content a { color: #f4bf75; } @@ -208,8 +220,7 @@ a.sidebar-nav-item:focus { .theme-base-0b .sidebar { background-color: #90a959; } -.theme-base-0b .content a, -.theme-base-0b .related-posts li a:hover { +.theme-base-0b .content a { color: #90a959; } @@ -217,8 +228,7 @@ a.sidebar-nav-item:focus { .theme-base-0c .sidebar { background-color: #75b5aa; } -.theme-base-0c .content a, -.theme-base-0c .related-posts li a:hover { +.theme-base-0c .content a { color: #75b5aa; } @@ -226,8 +236,7 @@ a.sidebar-nav-item:focus { .theme-base-0d .sidebar { background-color: #6a9fb5; } -.theme-base-0d .content a, -.theme-base-0d .related-posts li a:hover { +.theme-base-0d .content a { color: #6a9fb5; } @@ -235,8 +244,7 @@ a.sidebar-nav-item:focus { .theme-base-0e .sidebar { background-color: #aa759f; } -.theme-base-0e .content a, -.theme-base-0e .related-posts li a:hover { +.theme-base-0e .content a { color: #aa759f; } @@ -244,7 +252,6 @@ a.sidebar-nav-item:focus { .theme-base-0f .sidebar { background-color: #8f5536; } -.theme-base-0f .content a, -.theme-base-0f .related-posts li a:hover { +.theme-base-0f .content a { color: #8f5536; } diff --git a/static/css/poole.css b/static/css/poole.css index 7ddd054..ebf1fd3 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -41,6 +41,10 @@ box-sizing: border-box; } +main { + display: block; +} + html, body { margin: 0; |