From 059e77de53a2a8dec7a4cf3d65708c4d04078010 Mon Sep 17 00:00:00 2001 From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> Date: Mon, 16 Aug 2021 12:19:20 -0300 Subject: move main css to its own file --- static/css/style.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 static/css/style.css (limited to 'static/css') 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; +} -- cgit v1.2.3 From 1d8e5651dedf56470d10b94a0022942a91cde6cd Mon Sep 17 00:00:00 2001 From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> Date: Mon, 16 Aug 2021 15:56:41 -0300 Subject: devchan why the hell did you use style attributes --- static/css/gruvbox.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++++++ static/css/style.css | 15 +++++++++++- 2 files changed, 77 insertions(+), 1 deletion(-) create mode 100644 static/css/gruvbox.css (limited to 'static/css') diff --git a/static/css/gruvbox.css b/static/css/gruvbox.css new file mode 100644 index 0000000..fb39ea4 --- /dev/null +++ b/static/css/gruvbox.css @@ -0,0 +1,63 @@ +a, a:link, a:visited, a:active { + color: #b16286; + text-decoration: none +} + +a.reply { + color: #cc241d; +} + +a:hover.reply { + color: #fb4934; +} + +body { + background: #282828; + color: #ebdbb2; + + font-family: Iosevka, monospace, sans-serif; + font-size: 0.9em; +} + +.popup-box { + border: 4px solid #928374; + background-color: #3c3836; +} + +.box, .box-alt { + background-color: #3c3836; +} + +.quote { + color: #98971a; +} + +.post { + background-color: #1d2021; +} + +:target > div > .post { + background-color: #504945; +} + +.subject { + color: #458588; +} + +.name { + color: #b8bb26; +} + +.tripcode { + color: #689d6a; +} + +h1,h2,h3,h4,h5,h6 { + color: #fb4934; + margin-bottom: 0.1em; +} + +.replyLink { + color: #83a598; + font-size: 0.8em; +} diff --git a/static/css/style.css b/static/css/style.css index bced2c1..fa76b50 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -67,6 +67,19 @@ body.nsfw { background-color: #f0c0b0; } -.tripcode { +.title { + color: #0f0c5d; +} + +.name, .tripcode { color: #117743; } + +a.reply { + color: #af0a0f; +} + +.replyLink { + color: #000080; + font-size: 0.8em; +} -- cgit v1.2.3 From 9e782ba01620997becc3118433e3d1961a88b2c3 Mon Sep 17 00:00:00 2001 From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> Date: Wed, 18 Aug 2021 00:26:02 -0300 Subject: rudimentary theme switching --- static/css/gruvbox.css | 63 -------------------------------- static/css/style.css | 85 ------------------------------------------- static/css/themes/default.css | 85 +++++++++++++++++++++++++++++++++++++++++++ static/css/themes/gruvbox.css | 63 ++++++++++++++++++++++++++++++++ 4 files changed, 148 insertions(+), 148 deletions(-) delete mode 100644 static/css/gruvbox.css delete mode 100644 static/css/style.css create mode 100644 static/css/themes/default.css create mode 100644 static/css/themes/gruvbox.css (limited to 'static/css') diff --git a/static/css/gruvbox.css b/static/css/gruvbox.css deleted file mode 100644 index fb39ea4..0000000 --- a/static/css/gruvbox.css +++ /dev/null @@ -1,63 +0,0 @@ -a, a:link, a:visited, a:active { - color: #b16286; - text-decoration: none -} - -a.reply { - color: #cc241d; -} - -a:hover.reply { - color: #fb4934; -} - -body { - background: #282828; - color: #ebdbb2; - - font-family: Iosevka, monospace, sans-serif; - font-size: 0.9em; -} - -.popup-box { - border: 4px solid #928374; - background-color: #3c3836; -} - -.box, .box-alt { - background-color: #3c3836; -} - -.quote { - color: #98971a; -} - -.post { - background-color: #1d2021; -} - -:target > div > .post { - background-color: #504945; -} - -.subject { - color: #458588; -} - -.name { - color: #b8bb26; -} - -.tripcode { - color: #689d6a; -} - -h1,h2,h3,h4,h5,h6 { - color: #fb4934; - margin-bottom: 0.1em; -} - -.replyLink { - color: #83a598; - font-size: 0.8em; -} diff --git a/static/css/style.css b/static/css/style.css deleted file mode 100644 index fa76b50..0000000 --- a/static/css/style.css +++ /dev/null @@ -1,85 +0,0 @@ -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; -} - -.title { - color: #0f0c5d; -} - -.name, .tripcode { - color: #117743; -} - -a.reply { - color: #af0a0f; -} - -.replyLink { - color: #000080; - font-size: 0.8em; -} diff --git a/static/css/themes/default.css b/static/css/themes/default.css new file mode 100644 index 0000000..fa76b50 --- /dev/null +++ b/static/css/themes/default.css @@ -0,0 +1,85 @@ +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; +} + +.title { + color: #0f0c5d; +} + +.name, .tripcode { + color: #117743; +} + +a.reply { + color: #af0a0f; +} + +.replyLink { + color: #000080; + font-size: 0.8em; +} diff --git a/static/css/themes/gruvbox.css b/static/css/themes/gruvbox.css new file mode 100644 index 0000000..fb39ea4 --- /dev/null +++ b/static/css/themes/gruvbox.css @@ -0,0 +1,63 @@ +a, a:link, a:visited, a:active { + color: #b16286; + text-decoration: none +} + +a.reply { + color: #cc241d; +} + +a:hover.reply { + color: #fb4934; +} + +body { + background: #282828; + color: #ebdbb2; + + font-family: Iosevka, monospace, sans-serif; + font-size: 0.9em; +} + +.popup-box { + border: 4px solid #928374; + background-color: #3c3836; +} + +.box, .box-alt { + background-color: #3c3836; +} + +.quote { + color: #98971a; +} + +.post { + background-color: #1d2021; +} + +:target > div > .post { + background-color: #504945; +} + +.subject { + color: #458588; +} + +.name { + color: #b8bb26; +} + +.tripcode { + color: #689d6a; +} + +h1,h2,h3,h4,h5,h6 { + color: #fb4934; + margin-bottom: 0.1em; +} + +.replyLink { + color: #83a598; + font-size: 0.8em; +} -- cgit v1.2.3 From 7027fdd87011962b2b177342a462d54737e03501 Mon Sep 17 00:00:00 2001 From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> Date: Wed, 18 Aug 2021 12:57:26 -0300 Subject: theme newpost at top of page --- static/css/themes/default.css | 28 ++++++++++++++++++++++++++++ static/css/themes/gruvbox.css | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 63 insertions(+) (limited to 'static/css') diff --git a/static/css/themes/default.css b/static/css/themes/default.css index fa76b50..2df2921 100644 --- a/static/css/themes/default.css +++ b/static/css/themes/default.css @@ -83,3 +83,31 @@ a.reply { color: #000080; font-size: 0.8em; } + +#newpostbtn { + text-align: center; + margin-top: 80px; +} + +#postForm { + margin: auto; +} + +#postForm tr > td:first-child { + background-color: #98e; + border: 1px black; + padding-left: 0.5em; + padding-right: 0.5em; +} + +#postForm input[type="text"], +#postForm textarea { + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + +#postForm #captcha { + display: block; + width: 100%; +} diff --git a/static/css/themes/gruvbox.css b/static/css/themes/gruvbox.css index fb39ea4..a23d7f4 100644 --- a/static/css/themes/gruvbox.css +++ b/static/css/themes/gruvbox.css @@ -61,3 +61,38 @@ h1,h2,h3,h4,h5,h6 { color: #83a598; font-size: 0.8em; } + +#newpostbtn { + text-align: center; + margin-top: 80px; +} + +input[type="text"] { + -webkit-appearance: none; + -webkit-border-radius: 0; + +} + +#postForm { + border: 4px solid #928374; + background-color: #3c3836; + margin: auto; +} + +#postForm tr > td:first-child { + background-color: #504945; + padding-left: 0.5em; + padding-right: 0.5em; +} + +#postForm input[type="text"], +#postForm textarea { + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + +#postForm #captcha { + display: block; + width: 100%; +} -- cgit v1.2.3 From d2cb70e8725371a72c0f9db36ad734041f4fb977 Mon Sep 17 00:00:00 2001 From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> Date: Wed, 18 Aug 2021 13:25:28 -0300 Subject: themeable popup --- static/css/themes/default.css | 14 +++++++++++++- static/css/themes/gruvbox.css | 20 ++++++++++++++++---- 2 files changed, 29 insertions(+), 5 deletions(-) (limited to 'static/css') diff --git a/static/css/themes/default.css b/static/css/themes/default.css index 2df2921..07e960e 100644 --- a/static/css/themes/default.css +++ b/static/css/themes/default.css @@ -101,13 +101,25 @@ a.reply { } #postForm input[type="text"], -#postForm textarea { +#postForm textarea, +#reply-name, #reply-options, #reply-comment { box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; } +#reply-name, #reply-options, #reply-comment { + width: 100%; +} + #postForm #captcha { display: block; width: 100%; } + +.popup-box { + position: absolute; + width: min-content; + z-index: 9; + display: block; +} diff --git a/static/css/themes/gruvbox.css b/static/css/themes/gruvbox.css index a23d7f4..ff9c596 100644 --- a/static/css/themes/gruvbox.css +++ b/static/css/themes/gruvbox.css @@ -70,29 +70,41 @@ h1,h2,h3,h4,h5,h6 { input[type="text"] { -webkit-appearance: none; -webkit-border-radius: 0; - } #postForm { border: 4px solid #928374; background-color: #3c3836; - margin: auto; + margin: auto; + } #postForm tr > td:first-child { - background-color: #504945; + background-color: #504945; padding-left: 0.5em; padding-right: 0.5em; } #postForm input[type="text"], -#postForm textarea { +#postForm textarea, +#reply-name, #reply-options, #reply-comment { box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; } +#reply-name, #reply-options, #reply-comment { + width: 100%; +} + #postForm #captcha { display: block; width: 100%; } + +.popup-box { + position: absolute; + width: min-content; + z-index: 9; + display: block; +} -- cgit v1.2.3 From bc0c2f99fd41da73b5f47b94d4635ece378620e0 Mon Sep 17 00:00:00 2001 From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> Date: Thu, 19 Aug 2021 12:55:02 -0300 Subject: theme news, fix mod page --- static/css/themes/default.css | 33 +++++++++++++++++++++++++++++++++ static/css/themes/gruvbox.css | 32 +++++++++++++++++++++++++++++++- 2 files changed, 64 insertions(+), 1 deletion(-) (limited to 'static/css') diff --git a/static/css/themes/default.css b/static/css/themes/default.css index 07e960e..7f3d1a8 100644 --- a/static/css/themes/default.css +++ b/static/css/themes/default.css @@ -20,6 +20,10 @@ body.nsfw { color: #820404 } +h1, h2, h3, h4, h5, h6 { + color: #af0a0f; +} + .popup-box { border: 4px solid #d3caf0; background-color: #eff5ff; @@ -123,3 +127,32 @@ a.reply { z-index: 9; display: block; } + +/* TODO: rename */ +.box2 { + border: 4px solid #f0e2d9; + background-color: #f9f9e0; +} + +.newsbox { + padding: 25px; + border: 4px solid #f0e2d9; + background-color: #f9f9e0; +} + +.newsbox h2 { + margin: 0; + padding: 0; +} + +.newsbox-news { + text-align: left; + margin-left: 25px; + margin-top: 25px; + padding: 25px; +} + +.newsbox-news p, +.newsbox-news h3 { + margin: 0; +} diff --git a/static/css/themes/gruvbox.css b/static/css/themes/gruvbox.css index ff9c596..fb40267 100644 --- a/static/css/themes/gruvbox.css +++ b/static/css/themes/gruvbox.css @@ -15,7 +15,7 @@ body { background: #282828; color: #ebdbb2; - font-family: Iosevka, monospace, sans-serif; + font-family: monospace, sans-serif; font-size: 0.9em; } @@ -108,3 +108,33 @@ input[type="text"] { z-index: 9; display: block; } + +/* TODO: rename */ +.box2 { + border: 4px solid #928374; + background-color: #3c3836; +} + +.newsbox { + padding: 25px; + border: 4px solid #928374; + background-color: #3c3836; +} + +.newsbox h2 { + margin: 0; + padding: 0; +} + +.newsbox-news { + text-align: left; + background-color: #504945; + margin-left: 25px; + margin-top: 25px; + padding: 25px; +} + +.newsbox-news p, +.newsbox-news h3 { + margin: 0; +} -- cgit v1.2.3 From 90bcb54980998c757059957d218e2cf1899e462d Mon Sep 17 00:00:00 2001 From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> Date: Thu, 19 Aug 2021 13:15:34 -0300 Subject: fix post form on default nsfw --- static/css/themes/default.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'static/css') diff --git a/static/css/themes/default.css b/static/css/themes/default.css index 7f3d1a8..24e85e6 100644 --- a/static/css/themes/default.css +++ b/static/css/themes/default.css @@ -98,12 +98,16 @@ a.reply { } #postForm tr > td:first-child { - background-color: #98e; + background-color: #98e; border: 1px black; padding-left: 0.5em; padding-right: 0.5em; } +.nsfw #postForm tr > td:first-child { + background-color: #ea8; +} + #postForm input[type="text"], #postForm textarea, #reply-name, #reply-options, #reply-comment { -- cgit v1.2.3