diff options
Diffstat (limited to 'stylesheets')
| -rw-r--r-- | stylesheets/main.css | 61 | ||||
| -rw-r--r-- | stylesheets/pygments.css | 67 |
2 files changed, 128 insertions, 0 deletions
diff --git a/stylesheets/main.css b/stylesheets/main.css new file mode 100644 index 0000000..8ee864b --- /dev/null +++ b/stylesheets/main.css @@ -0,0 +1,61 @@ +/* General */ + +* { box-sizing: border-box; } + +body { + background-color: #3EECAC; + background-image: linear-gradient(135deg, #3EECAC 0%, #EE74E1 100%); + color: #111; + font-family: system-ui, sans-serif; + font-size: 14px; + height: 100%; + margin: 0; + min-height: 100vh; + padding: 0; +} + +h1 { font-size: 2.4rem; margin-top: 0; padding: 0; } +h2,h3,h4,h5,h6{ margin: 1.4rem 0 0; } +img { height: auto; max-width: 100%; } +pre.highlight { border: 1px solid; box-shadow: 0 10px 6px -6px rgba(0,0,0, 0.11); overflow: auto; padding: 8px; } +blockquote { background: rgba(0,0,0,0.05); border-left: 4px solid; margin: 10px; padding: 8px 8px 8px 16px; } +blockquote p { margin: 0; } +.post-date { display: block; margin-top: 5px; } + +.menu { display: none; } +.logo { + font-size: 68px; + font-weight: bold; + left: -80px; + line-height: 1; + position: absolute; + top: 10px; +} + +.wrapper { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 0 auto; + max-width: 980px; +} + +main, aside section { + background: #fff; + box-shadow: 0 10px 6px -6px rgba(0,0,0, 0.11); + padding: 12px; +} + +header, footer { position: relative; width: 100%; } +main, aside { margin-top: 20px; } +main { width: calc(100% - 300px); } +aside { width: 280px; } +aside section { margin-bottom: 20px; } + +@media(max-width: 1160px) { + .menu { display: block; } + .logo { display: none; } + .wrapper { max-width: 100%; padding: 10px; } + main, aside { margin-top: 10px; width: 100%; } + aside section { margin-bottom: 10px; } +}
\ No newline at end of file diff --git a/stylesheets/pygments.css b/stylesheets/pygments.css new file mode 100644 index 0000000..3d8218e --- /dev/null +++ b/stylesheets/pygments.css @@ -0,0 +1,67 @@ +/* + * GitHub style for Pygments syntax highlighter, for use with Jekyll + * Courtesy of GitHub.com + */ + +.highlight .c { color: #999988; font-style: italic; } +.highlight .err { color: #a61717; background-color: #e3d2d2; } +.highlight .k { font-weight: bold; } +.highlight .o { font-weight: bold; } +.highlight .cm { color: #999988; font-style: italic; } +.highlight .cp { color: #999999; font-weight: bold; } +.highlight .c1 { color: #999988; font-style: italic; } +.highlight .cs { color: #999999; font-weight: bold; font-style: italic; } +.highlight .gd { color: #000000; background-color: #ffdddd; } +.highlight .gd .x { color: #000000; background-color: #ffaaaa; } +.highlight .ge { font-style: italic; } +.highlight .gr { color: #aa0000; } +.highlight .gh { color: #999999; } +.highlight .gi { color: #000000; background-color: #ddffdd; } +.highlight .gi .x { color: #000000; background-color: #aaffaa; } +.highlight .go { color: #888888; } +.highlight .gp { color: #555555; } +.highlight .gs { font-weight: bold; } +.highlight .gu { color: #800080; font-weight: bold; } +.highlight .gt { color: #aa0000; } +.highlight .kc { font-weight: bold; } +.highlight .kd { font-weight: bold; } +.highlight .kn { font-weight: bold; } +.highlight .kp { font-weight: bold; } +.highlight .kr { font-weight: bold; } +.highlight .kt { color: #445588; font-weight: bold; } +.highlight .m { color: #009999; } +.highlight .s { color: #dd1144; } +.highlight .n { color: #333333; } +.highlight .na { color: teal; } +.highlight .nb { color: #0086b3; } +.highlight .nc { color: #445588; font-weight: bold; } +.highlight .no { color: teal; } +.highlight .ni { color: purple; } +.highlight .ne { color: #990000; font-weight: bold; } +.highlight .nf { color: #990000; font-weight: bold; } +.highlight .nn { color: #555555; } +.highlight .nt { color: navy; } +.highlight .nv { color: teal; } +.highlight .ow { font-weight: bold; } +.highlight .w { color: #bbbbbb; } +.highlight .mf { color: #009999; } +.highlight .mh { color: #009999; } +.highlight .mi { color: #009999; } +.highlight .mo { color: #009999; } +.highlight .sb { color: #dd1144; } +.highlight .sc { color: #dd1144; } +.highlight .sd { color: #dd1144; } +.highlight .s2 { color: #dd1144; } +.highlight .se { color: #dd1144; } +.highlight .sh { color: #dd1144; } +.highlight .si { color: #dd1144; } +.highlight .sx { color: #dd1144; } +.highlight .sr { color: #009926; } +.highlight .s1 { color: #dd1144; } +.highlight .ss { color: #990073; } +.highlight .bp { color: #999999; } +.highlight .vc { color: teal; } +.highlight .vg { color: teal; } +.highlight .vi { color: teal; } +.highlight .il { color: #009999; } +.highlight .gc { color: #999; background-color: #EAF2F5; } |