diff options
| author | dabikers' admin <dabikers@protonmail.com> | 2024-01-02 00:17:06 -0600 |
|---|---|---|
| committer | dabikers' admin <dabikers@protonmail.com> | 2024-01-02 00:17:06 -0600 |
| commit | 6e9a57a84aa868f6a79ee2e23e40efb55bed7df5 (patch) | |
| tree | e1dc8861cc139e4a6ebc0df0723541423f7a8452 /css | |
| parent | f433fae2132020e6ebd3a9279e23d097a531d38f (diff) | |
Realize <nav> and <header> tags are cucking me
Diffstat (limited to 'css')
| -rw-r--r-- | css/base.css | 43 | ||||
| -rw-r--r-- | css/nopiracy.css | 11 |
2 files changed, 34 insertions, 20 deletions
diff --git a/css/base.css b/css/base.css index 78f6259..ab41a2f 100644 --- a/css/base.css +++ b/css/base.css | |||
| @@ -18,8 +18,11 @@ | |||
| 18 | } | 18 | } |
| 19 | /* */ | 19 | /* */ |
| 20 | 20 | ||
| 21 | :root { | ||
| 22 | --bheight: 3vw; | ||
| 23 | } | ||
| 21 | 24 | ||
| 22 | body { | 25 | * { |
| 23 | padding: 0; | 26 | padding: 0; |
| 24 | margin: 0; | 27 | margin: 0; |
| 25 | } | 28 | } |
| @@ -28,17 +31,26 @@ ul li { | |||
| 28 | list-style-type: '- '; | 31 | list-style-type: '- '; |
| 29 | } | 32 | } |
| 30 | 33 | ||
| 34 | #vertcontain { | ||
| 35 | display: flex; | ||
| 36 | flex-flow: column nowrap; | ||
| 37 | |||
| 38 | justify-content: space-around; | ||
| 39 | align-content: center; | ||
| 40 | } | ||
| 41 | |||
| 31 | #content { | 42 | #content { |
| 32 | margin: 1%; | 43 | margin: 1vw; |
| 44 | margin-bottom: 5vw; /* Not knowing about this was fucking annoying */ | ||
| 45 | |||
| 33 | } | 46 | } |
| 34 | 47 | ||
| 35 | #top-bar { | 48 | #top-bar { |
| 36 | padding: 1%; | 49 | padding: 1vw; |
| 37 | margin: 0; | ||
| 38 | 50 | ||
| 51 | /* Floats h1 and ul/li side by side */ | ||
| 39 | display: flex; | 52 | display: flex; |
| 40 | flex-direction: row; | 53 | flex-flow: row nowrap; |
| 41 | flex-wrap: wrap; | ||
| 42 | justify-content: space-between; | 54 | justify-content: space-between; |
| 43 | align-items: center; | 55 | align-items: center; |
| 44 | align-content: center; | 56 | align-content: center; |
| @@ -56,14 +68,8 @@ ul li { | |||
| 56 | } | 68 | } |
| 57 | 69 | ||
| 58 | #top-bar h1 { | 70 | #top-bar h1 { |
| 59 | margin: 0; | ||
| 60 | padding: 0; | ||
| 61 | |||
| 62 | text-align: left; | 71 | text-align: left; |
| 63 | font-size: 5vw; | 72 | font-size: 5vw; |
| 64 | |||
| 65 | display: inline; | ||
| 66 | float: left; | ||
| 67 | } | 73 | } |
| 68 | 74 | ||
| 69 | #top-bar a { | 75 | #top-bar a { |
| @@ -83,20 +89,17 @@ ul li { | |||
| 83 | content: "]"; | 89 | content: "]"; |
| 84 | } | 90 | } |
| 85 | 91 | ||
| 86 | |||
| 87 | #bottom-bar { | 92 | #bottom-bar { |
| 88 | padding: 1%; | 93 | padding: 0.5vw; |
| 89 | margin: 0; | 94 | height: var(--bheight); |
| 95 | width: 100%; | ||
| 90 | 96 | ||
| 91 | height: 2vw; | 97 | position: fixed; |
| 92 | width: 100vw; | 98 | bottom: 0; |
| 93 | 99 | ||
| 94 | background-color: black; | 100 | background-color: black; |
| 95 | color: white; | 101 | color: white; |
| 96 | 102 | ||
| 97 | position: fixed; | ||
| 98 | bottom: 0; | ||
| 99 | |||
| 100 | list-style-type: none; | 103 | list-style-type: none; |
| 101 | 104 | ||
| 102 | font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace; | 105 | font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace; |
diff --git a/css/nopiracy.css b/css/nopiracy.css index 8e5255f..6c1b09a 100644 --- a/css/nopiracy.css +++ b/css/nopiracy.css | |||
| @@ -10,4 +10,15 @@ | |||
| 10 | #addon { | 10 | #addon { |
| 11 | font-size: 4vw; | 11 | font-size: 4vw; |
| 12 | padding: 1vw; | 12 | padding: 1vw; |
| 13 | } | ||
| 14 | |||
| 15 | ul { | ||
| 16 | padding-top: 1vw; | ||
| 17 | padding-bottom: 1vw; | ||
| 18 | padding-left: 2vw; | ||
| 19 | padding-right: 2vw; | ||
| 20 | } | ||
| 21 | |||
| 22 | blockquote { | ||
| 23 | padding: 1vw; | ||
| 13 | } \ No newline at end of file | 24 | } \ No newline at end of file |
