diff --git a/screenshot.png b/screenshot.png deleted file mode 100644 index 7e88913..0000000 Binary files a/screenshot.png and /dev/null differ diff --git a/static/css/hyde.css b/static/css/hyde.css index 4aa1ef9..82a439a 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -32,13 +32,15 @@ */ html { - font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-family: "Courier New", "Consolas", "Monaco", monospace; } + @media (min-width: 48em) { html { font-size: 16px; } } + @media (min-width: 58em) { html { font-size: 20px; @@ -56,9 +58,10 @@ html { .sidebar { text-align: center; padding: 2rem 1rem; - color: rgba(255,255,255,.5); - background-color: #202020; + color: #00ff41; + background-color: #000000; } + @media (min-width: 48em) { .sidebar { position: fixed; @@ -72,13 +75,13 @@ html { /* Sidebar links */ .sidebar a { - color: #fff; + color: #39ff14; } /* About section */ .sidebar-about h1 { - color: #fff; + color: #00ff00; margin-top: 0; font-family: "Abril Fatface", serif; font-size: 3rem; @@ -101,11 +104,13 @@ html { list-style: none; padding-left: 0; } + .sidebar-social { display: flex; justify-content: center; align-items: center; } + .sidebar-social-item { display: block; padding: .25rem 0.8rem; @@ -116,19 +121,23 @@ html { font-size: .8rem; font-weight: bold; } + a.sidebar-social-item:hover, a.sidebar-social-item:focus { background: #0001; text-decoration: none; } + .sidebar-social-item.active { color: #0001; background: #fff; } + a.sidebar-social-item.active:hover, a.sidebar-social-item.active:focus { color: #fff; } + .sidebar-footer { font-size: .7rem; margin-bottom: 0; @@ -144,9 +153,9 @@ a.sidebar-social-item.active:focus { @media (min-width: 48em) { .sidebar-sticky { position: absolute; - right: 1rem; + right: 1rem; bottom: 1rem; - left: 1rem; + left: 1rem; } } @@ -158,7 +167,7 @@ a.sidebar-social-item.active:focus { */ .content { - padding-top: 4rem; + padding-top: 4rem; padding-bottom: 4rem; } @@ -189,6 +198,7 @@ a.sidebar-social-item.active:focus { left: auto; right: 0; } + .layout-reverse .content { margin-left: 2rem; margin-right: 20rem; @@ -217,6 +227,7 @@ a.sidebar-social-item.active:focus { .theme-base-08 .sidebar { background-color: #ac4142; } + .theme-base-08 .content a, .theme-base-08 .related-posts li a:hover { color: #ac4142; @@ -226,6 +237,7 @@ a.sidebar-social-item.active:focus { .theme-base-09 .sidebar { background-color: #d28445; } + .theme-base-09 .content a, .theme-base-09 .related-posts li a:hover { color: #d28445; @@ -235,6 +247,7 @@ a.sidebar-social-item.active:focus { .theme-base-0a .sidebar { background-color: #f4bf75; } + .theme-base-0a .content a, .theme-base-0a .related-posts li a:hover { color: #f4bf75; @@ -244,6 +257,7 @@ a.sidebar-social-item.active:focus { .theme-base-0b .sidebar { background-color: #90a959; } + .theme-base-0b .content a, .theme-base-0b .related-posts li a:hover { color: #90a959; @@ -253,6 +267,7 @@ a.sidebar-social-item.active:focus { .theme-base-0c .sidebar { background-color: #75b5aa; } + .theme-base-0c .content a, .theme-base-0c .related-posts li a:hover { color: #75b5aa; @@ -260,17 +275,20 @@ a.sidebar-social-item.active:focus { /* Blue */ .theme-base-0d .sidebar { - background-color: #6a9fb5; + background-color: #111111; + border-right: 2px solid #00ff41; } + .theme-base-0d .content a, .theme-base-0d .related-posts li a:hover { - color: #6a9fb5; + color: #39ff14; } /* Magenta */ .theme-base-0e .sidebar { background-color: #aa759f; } + .theme-base-0e .content a, .theme-base-0e .related-posts li a:hover { color: #aa759f; @@ -280,7 +298,8 @@ a.sidebar-social-item.active:focus { .theme-base-0f .sidebar { background-color: #8f5536; } + .theme-base-0f .content a, .theme-base-0f .related-posts li a:hover { color: #8f5536; -} +} \ No newline at end of file diff --git a/static/css/poole.css b/static/css/poole.css index 5becc32..67a6d3f 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -37,8 +37,8 @@ * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } html, @@ -52,6 +52,7 @@ html { font-size: 16px; line-height: 1.5; } + @media (min-width: 38em) { html { font-size: 20px; @@ -59,20 +60,22 @@ html { } body { - color: #515151; - background-color: #fff; + color: #00ff41; + background-color: #1b1b1d; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } /* No `:visited` state is required by default (browsers will use `a`) */ a { - color: #268bd2; - text-decoration: none; + color: #39ff14; + text-decoration: underline; } + a strong { color: inherit; } + /* `:focus` is linked to `:hover` for basic accessibility */ a:hover, a:focus { @@ -80,25 +83,36 @@ a:focus { } /* Headings */ -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-bottom: .5rem; font-weight: bold; line-height: 1.25; - color: #313131; + color: #00ff41; text-rendering: optimizeLegibility; } + h1 { font-size: 2rem; } + h2 { margin-top: 1rem; font-size: 1.5rem; } + h3 { margin-top: 1.5rem; font-size: 1.25rem; } -h4, h5, h6 { + +h4, +h5, +h6 { margin-top: 1rem; font-size: 1rem; } @@ -115,7 +129,9 @@ strong { /* Lists */ -ul, ol, dl { +ul, +ol, +dl { margin-top: 0; margin-bottom: 1rem; } @@ -123,6 +139,7 @@ ul, ol, dl { dt { font-weight: bold; } + dd { margin-bottom: .5rem; } @@ -142,6 +159,7 @@ abbr { color: #555; text-transform: uppercase; } + abbr[title] { cursor: help; border-bottom: 1px dotted #e5e5e5; @@ -152,6 +170,7 @@ code, pre { font-family: Menlo, Monaco, "Courier New", monospace; } + code { padding: .25em .5em; font-size: 85%; @@ -159,6 +178,7 @@ code { background-color: #f9f9f9; border-radius: 3px; } + pre { display: block; margin-top: 0; @@ -172,6 +192,7 @@ pre { word-wrap: break-word; background-color: #f9f9f9; } + pre code { padding: 0; font-size: 100%; @@ -184,6 +205,7 @@ pre code { margin-bottom: 1rem; border-radius: 4px; } + .highlight pre { margin-bottom: 0; } @@ -192,17 +214,21 @@ pre code { .gist .gist-file { font-family: Menlo, Monaco, "Courier New", monospace !important; } + .gist .markdown-body { padding: 15px; } + .gist pre { padding: 0; background-color: transparent; } + .gist .gist-file .gist-data { font-size: .8rem !important; line-height: 1.4; } + .gist code { padding: 0; color: inherit; @@ -217,9 +243,11 @@ blockquote { color: #7a7a7a; border-left: .25rem solid #e5e5e5; } + blockquote p:last-child { margin-bottom: 0; } + @media (min-width: 30em) { blockquote { padding-right: 5rem; @@ -241,11 +269,13 @@ table { border: 1px solid #e5e5e5; border-collapse: collapse; } + td, th { padding: .25rem .5rem; border: 1px solid #e5e5e5; } + tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background-color: #f9f9f9; @@ -287,9 +317,9 @@ tbody tr:nth-child(odd) th { .container { max-width: 38rem; - padding-left: 1rem; + padding-left: 1rem; padding-right: 1rem; - margin-left: auto; + margin-left: auto; margin-right: auto; } @@ -301,18 +331,21 @@ tbody tr:nth-child(odd) th { */ .masthead { - padding-top: 1rem; + padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 3rem; } + .masthead-title { margin-top: 0; margin-bottom: 0; color: #505050; } + .masthead-title a { color: #505050; } + .masthead-title small { font-size: 75%; font-weight: 400; @@ -339,6 +372,7 @@ tbody tr:nth-child(odd) th { .post-title a { color: #303030; } + .page-title, .post-title { margin-top: 0; @@ -357,17 +391,21 @@ tbody tr:nth-child(odd) th { margin-bottom: 1rem; color: #9a9a9a; } + .post-tags ul { margin: 0; padding: 0; display: inline; } + .post-tags li { display: inline; } + .post-tags li:after { content: ", "; } + .post-tags li:last-child:after { content: ""; } @@ -378,21 +416,26 @@ tbody tr:nth-child(odd) th { padding-bottom: 2rem; border-top: 1px solid #eee; } + .related-posts { padding-left: 0; list-style: none; } + .related-posts h3 { margin-top: 0; } + .related-posts li small { font-size: 75%; color: #999; } + .related-posts li a:hover { color: #268bd2; text-decoration: none; } + .related-posts li a:hover small { color: inherit; } @@ -413,7 +456,8 @@ tbody tr:nth-child(odd) th { */ .pagination { - overflow: hidden; /* clearfix */ + overflow: hidden; + /* clearfix */ margin-left: -1rem; margin-right: -1rem; font-family: "PT Sans", Helvetica, Arial, sans-serif; @@ -427,6 +471,7 @@ tbody tr:nth-child(odd) th { padding: 1rem; border: 1px solid #eee; } + .pagination-item:first-child { margin-bottom: -1px; } @@ -440,18 +485,21 @@ a.pagination-item:hover { .pagination { margin: 3rem 0; } + .pagination-item { float: left; width: 50%; } + .pagination-item:first-child { margin-bottom: 0; - border-top-left-radius: 4px; + border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .pagination-item:last-child { margin-left: -1px; - border-top-right-radius: 4px; + border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -} +} \ No newline at end of file