diff options
| author | KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> | 2021-08-16 12:19:20 -0300 |
|---|---|---|
| committer | KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> | 2021-08-16 12:19:20 -0300 |
| commit | 059e77de53a2a8dec7a4cf3d65708c4d04078010 (patch) | |
| tree | 5f5340f82c42e33a36fe91ff661e8b50fc8f3f00 /static | |
| parent | c8e0fb94bac60679ccebfcdec9cefb32674b2eec (diff) | |
move main css to its own file
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/style.css | 72 | ||||
| -rw-r--r-- | static/main.html | 75 |
2 files changed, 74 insertions, 73 deletions
diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..bced2c1 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,72 @@ +a, a:link, a:visited, a:hover, a:active { + text-decoration: none +} + +a:link, a:visited, a:active { + color: black; +} + +a:hover { + color: #de0808; +} + +body { + background-color: #eef2fe; + color: black; +} + +body.nsfw { + background-color: #ffffee; + color: #820404 +} + +.popup-box { + border: 4px solid #d3caf0; + background-color: #eff5ff; +} + +.nsfw .popup-box { + border: 4px solid #f0e2d9; + background-color: #f9f9e0; +} + +.box { + background-color: #eff5ff; +} + +.nsfw .box { + background-color: #f9f9e0; +} + +.box-alt { + background-color: #d3caf0; +} + +.nsfw .box-alt { + background-color: #f0e2d9; +} + + +.quote { + color: #789922; +} + +.post { + background-color: #d5daf0; +} + +.nsfw .post { + background-color: #f0e0d6; +} + +:target > div > .post { + background-color: #d6bad0; +} + +.nsfw :target > div > .post { + background-color: #f0c0b0; +} + +.tripcode { + color: #117743; +} diff --git a/static/main.html b/static/main.html index 362b7b3..3f819dd 100644 --- a/static/main.html +++ b/static/main.html @@ -8,81 +8,10 @@ <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <link rel="icon" type="image/png" href="/static/favicon.png"> - <style> - a, a:link, a:visited, a:hover, a:active { - text-decoration: none - } - - a:link, a:visited, a:active { - color: black; - } - - a:hover { - color: #de0808; - } - - body { - {{ if .Board.Restricted }} - background-color: #eef2fe; - color: black; - {{ else }} - background-color: #ffffee; - color: #820404 - {{ end }} - } - - .popup-box { - {{ if .Board.Restricted }} - border: 4px solid #d3caf0; - background-color: #eff5ff; - {{ else }} - border: 4px solid #f0e2d9; - background-color: #f9f9e0; - {{ end }} - } - - .box { - {{ if .Board.Restricted }} - background-color: #eff5ff; - {{ else }} - background-color: #f9f9e0; - {{ end }} - } - - .box-alt { - {{ if .Board.Restricted }} - background-color: #d3caf0; - {{ else }} - background-color: #f0e2d9; - {{ end }} - } - - .quote { - color: #789922; - } - - .post { - {{ if .Board.Restricted }} - background-color: #d5daf0; - {{ else }} - background-color: #f0e0d6; - {{ end }} - } - - :target > div > .post { - {{ if .Board.Restricted }} - background-color: #d6bad0; - {{ else }} - background-color: #f0c0b0; - {{ end }} - } - .tripcode { - color: #117743; - } - </style> + <link rel="stylesheet" type="text/css" href="/static/css/style.css"> {{ template "header" . }} </head> - <body> + <body {{ if not .Board.Restricted }}class="nsfw"{{ end }}> <ul style="display: inline; padding:0;"> {{ $l := len .Boards }} <li style="display: inline;">[<a href="/">Home</a>]</li> |