diff options
author | Bradley Taunt <brad@serpapi.com> | 2024-06-13 14:57:38 -0400 |
---|---|---|
committer | Bradley Taunt <brad@serpapi.com> | 2024-06-13 14:57:38 -0400 |
commit | 26c7db12364e8eba08e2f8e85bb534ed735a0be8 (patch) | |
tree | 0e1d2f6e2456ca2266993eef72881057ee5b3dd9 /stylesheets/main.css | |
parent | a134c38317e808d6535af990cc505dab1bc7bbfe (diff) |
Major overhaul and cleanups
Diffstat (limited to 'stylesheets/main.css')
-rw-r--r-- | stylesheets/main.css | 61 |
1 files changed, 61 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 |