diff options
| author | KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> | 2021-08-18 13:25:28 -0300 |
|---|---|---|
| committer | KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com> | 2021-08-18 13:25:28 -0300 |
| commit | d2cb70e8725371a72c0f9db36ad734041f4fb977 (patch) | |
| tree | e4a7faa0b2ef1e9e72a16f7bbc5da17ecb54812f /static/css | |
| parent | 7027fdd87011962b2b177342a462d54737e03501 (diff) | |
themeable popup
Diffstat (limited to 'static/css')
| -rw-r--r-- | static/css/themes/default.css | 14 | ||||
| -rw-r--r-- | static/css/themes/gruvbox.css | 20 |
2 files changed, 29 insertions, 5 deletions
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; +} |