diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/base.css | 28 | ||||
| -rw-r--r-- | css/nopiracy.css | 26 |
2 files changed, 49 insertions, 5 deletions
diff --git a/css/base.css b/css/base.css index 15597d2..475785e 100644 --- a/css/base.css +++ b/css/base.css | |||
| @@ -20,6 +20,16 @@ | |||
| 20 | 20 | ||
| 21 | :root { | 21 | :root { |
| 22 | --bheight: 3vw; | 22 | --bheight: 3vw; |
| 23 | |||
| 24 | --cblack: #000000; | ||
| 25 | --cwhite: #ffffff; | ||
| 26 | --cgray: #312f2b; | ||
| 27 | |||
| 28 | /* Color palate for the site */ | ||
| 29 | --cebony: #2e2920; | ||
| 30 | --ctaupe: #e9e6e2; | ||
| 31 | --corange: #f9c070; | ||
| 32 | --ctan: #8e4c30; | ||
| 23 | } | 33 | } |
| 24 | 34 | ||
| 25 | * { | 35 | * { |
| @@ -27,6 +37,11 @@ | |||
| 27 | margin: 0; | 37 | margin: 0; |
| 28 | } | 38 | } |
| 29 | 39 | ||
| 40 | body { | ||
| 41 | background-color: var(--cgray); | ||
| 42 | color: var(--ctaupe); | ||
| 43 | } | ||
| 44 | |||
| 30 | li { | 45 | li { |
| 31 | list-style-type: '- '; | 46 | list-style-type: '- '; |
| 32 | } | 47 | } |
| @@ -38,6 +53,10 @@ ul { | |||
| 38 | padding-right: 2vw; | 53 | padding-right: 2vw; |
| 39 | } /* Looks good for the links */ | 54 | } /* Looks good for the links */ |
| 40 | 55 | ||
| 56 | a { | ||
| 57 | color: var(--corange); | ||
| 58 | } | ||
| 59 | |||
| 41 | .vertcontain { | 60 | .vertcontain { |
| 42 | display: flex; | 61 | display: flex; |
| 43 | flex-flow: column nowrap; | 62 | flex-flow: column nowrap; |
| @@ -50,7 +69,6 @@ ul { | |||
| 50 | padding: 1vw; | 69 | padding: 1vw; |
| 51 | margin: 1vw; | 70 | margin: 1vw; |
| 52 | margin-bottom: 5vw; /* Not knowing about this was fucking annoying */ | 71 | margin-bottom: 5vw; /* Not knowing about this was fucking annoying */ |
| 53 | |||
| 54 | } | 72 | } |
| 55 | 73 | ||
| 56 | #top-bar { | 74 | #top-bar { |
| @@ -65,8 +83,8 @@ ul { | |||
| 65 | 83 | ||
| 66 | height: 5vw; | 84 | height: 5vw; |
| 67 | 85 | ||
| 68 | background-color: black; | 86 | background-color: var(--cblack); |
| 69 | color: white; | 87 | color: var(--cwhite); |
| 70 | 88 | ||
| 71 | position: -webkit-sticky; | 89 | position: -webkit-sticky; |
| 72 | position: sticky; | 90 | position: sticky; |
| @@ -105,8 +123,8 @@ ul { | |||
| 105 | position: fixed; | 123 | position: fixed; |
| 106 | bottom: 0; | 124 | bottom: 0; |
| 107 | 125 | ||
| 108 | background-color: black; | 126 | background-color: var(--cblack); |
| 109 | color: white; | 127 | color: var(--cwhite); |
| 110 | 128 | ||
| 111 | list-style-type: none; | 129 | list-style-type: none; |
| 112 | 130 | ||
diff --git a/css/nopiracy.css b/css/nopiracy.css index 58db5c8..f328fa4 100644 --- a/css/nopiracy.css +++ b/css/nopiracy.css | |||
| @@ -1,3 +1,29 @@ | |||
| 1 | :root { | ||
| 2 | --conions: #9c47c7; | ||
| 3 | --ci2p: #ffc434; | ||
| 4 | --cwarning: rgb(255, 0, 0); | ||
| 5 | } | ||
| 6 | |||
| 7 | li a.tor::before, li a.i2p::before, li a.bad::before { | ||
| 8 | content: "["; | ||
| 9 | } | ||
| 10 | |||
| 11 | li a.tor::after, li a.i2p::after, li a.bad::after { | ||
| 12 | content: "]" | ||
| 13 | } | ||
| 14 | |||
| 15 | a.tor { | ||
| 16 | color: var(--conions); | ||
| 17 | } | ||
| 18 | |||
| 19 | a.i2p { | ||
| 20 | color: var(--ci2p); | ||
| 21 | } | ||
| 22 | |||
| 23 | a.bad { | ||
| 24 | color: var(--cwarning); | ||
| 25 | } | ||
| 26 | |||
| 1 | .sbscontainer { | 27 | .sbscontainer { |
| 2 | display: flex; | 28 | display: flex; |
| 3 | flex-direction: row; | 29 | flex-direction: row; |
