From 08ad292ae06e9288d5845a69bda7880f8f476a3b Mon Sep 17 00:00:00 2001 From: Michael Walker Date: Sun, 12 Oct 2014 02:37:21 +0100 Subject: [PATCH] Incorporate post form style changes (mostly yuuko) --- stylesheets/dark.css | 27 +++---- stylesheets/style.css | 167 ++++++++++++++++++--------------------- templates/post_form.html | 7 +- 3 files changed, 91 insertions(+), 110 deletions(-) diff --git a/stylesheets/dark.css b/stylesheets/dark.css index ffa9a291..b350f15b 100755 --- a/stylesheets/dark.css +++ b/stylesheets/dark.css @@ -46,7 +46,7 @@ a:link, a:visited, p.intro a.email span.name{ -ms-transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color; } -input[type="text"], textarea { +input[type="text"], textarea {; -moz-transition: 0.15s border-color; -webkit-transition: 0.15s border-color; -khtml-transition: 0.15s border-color; @@ -108,20 +108,19 @@ p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.ema color: #32ddaf; } input[type="text"], textarea, select { - background: #333333; - color: #CCCCCC; - border: #666666 1px solid; + background: #333333!important; + color: #CCCCCC!important; + border: #666666 1px solid!important; } input[type="password"] { - background: #333333; - color: #CCCCCC; - border: #666666 1px solid; + background: #333333!important; + color: #CCCCCC!important; + border: #666666 1px solid!important; } form table tr th { - background: #333333; - color: #AAAAAA; - font-weight: 600; - text-align: left; + background: #333333!important; + color: #AAAAAA!important; + border: #333333 1px solid!important;; } div.banner { background: #E04000; @@ -129,7 +128,6 @@ div.banner { color: #EEE; text-align: center; height: 17px; - width: calc(100% - 4px); padding: 3px 1px; margin-left: auto; margin-right: auto; @@ -148,7 +146,7 @@ input[type="submit"]:hover { color: #32DD72; } input[type="text"]:focus, textarea:focus { - border:#888 1px solid; + border:#888 1px solid!important; } p.fileinfo a:hover { text-decoration: underline; @@ -172,11 +170,10 @@ hr { } div.boardlist { color: #999; - background-color: rgba(12%, 12%, 12%, 0.10); } div.ban { - background-color: transparent; + background-color: #1e1e1e; border: 1px solid #555; -moz-border-radius: 2px; -webkit-border-radius: 2px; diff --git a/stylesheets/style.css b/stylesheets/style.css index 26861bf3..79fa83b5 100755 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -1,3 +1,6 @@ +html { + width: 100%!important; +} body { background: #EEF2FF url('img/fade-blue.png') repeat-x 50% 0%; color: black; @@ -13,9 +16,75 @@ img[alt="mascot"] { position: relative; z-index: -1; } + table * { margin: 0; } +table { + margin: 0px auto; +} +tr:not(:nth-child(4)) { + height: 22px; +} +tr *{ + padding: 0px; +} +th { + width: 64px; + text-align: left; + padding: 0px 5px; + border: 1px solid #000; + color: #000; + background-color: #98E; +} +textarea{ + width: 100%; + min-width: 308px; +} +input:not([type="checkbox"]) { + height: 22px; +} +textarea, input { + box-sizing: border-box; + border: 1px solid #AAA; + padding: 2px 4px 3px 4px; + background-color: white; +} +input[name="post"] { + width: 72px; +} +[name="post"] [type="text"]:not([name="subject"]){ + width: 100%; + min-width: 236px; +} +[name="post"] textarea { + min-height: 22px; +} +[name="post"] [type="text"][name="subject"] { + width: calc(100% - 74px); + min-width: 162px; + +} +input#upload_file { + width: 180px; +} +@media (max-width: 321px) { + [name="post"] [type="text"]:not([name="subject"]), [name="post"] textarea { + width: 236px; + min-width: 236px; + } + input#upload_file { + width: 160px; + } +} + +#spoilercontainer { + display: inline-block; + float: right; + position: relative; + top: 3px; + right: 4px; +} a, a:visited { text-decoration: underline; color: #34345C; @@ -78,97 +147,8 @@ header div.subtitle { margin: 0px calc(50% - 192px); font-size: 8pt; } -form { - margin-bottom: 4em; -} -form table { - margin: auto; - max-width: 80%; -} -form table input { - height: auto; -} -form table tbody td { - min-width: 312px!important; -} -input[type="text"], input[type="password"], input[type="submit"] { - height: 25px; -} -input[type="text"], input[type="password"], input[type="submit"], textarea { - -moz-appearance: none; - -webkit-appearance: none; - -khtml-appearance: none; - -o-appearance: none; - -ms-appearance: none; - /*appearance: none;*/ - font-family: monospace; - font-size: 13px; - background-color: white; - border: 1px solid #a9a9a9; - text-indent: 0; - text-shadow: none; - text-transform: none; - word-spacing: normal; - padding: 3px 4px; - box-sizing: border-box; -} -input:focus, textarea:focus { - border-color: #98E; - outline: none; -} -form table tbody td{ - overflow: visible; -} -form table [type="text"]{ - width: 100%; -} -form table [name="subject"] { - width: calc(100% - 90px); -} -form table [name="post"] { - width: 88px; -} -form textarea { - min-width: 100%; - padding-top: 5px; - height: 79px; - min-height: 25px; -} -form table tr { - white-space: nowrap; -} -form table tr td { - text-align: left; - margin: 0; - padding: 0; -} -form table tr:not(:nth-child(1)) td { - max-width: 100%; -} -form table.mod tr td { - padding: 2px; -} -form table tr th { - text-align: left; - padding: 4px; -} -form table tr th { - background: #98E; - width: 64px; -} -form table tr td div.center { - text-align: center; - float: left; - padding-left: 3px; -} -form table tr td div input { - display: block; - margin: 2px 0 0 0; - padding: 5px; - -} -form table tr td div label { - font-size: 10px; +[name="post"] * { + -moz-appearance: none!important; } .unimportant, .unimportant * { font-size: 10px; @@ -193,10 +173,13 @@ div.post p.fileinfo { } div.banner { background-color: #E04000; + border: 1px solid #E04000; font-size: 12pt; font-weight: bold; text-align: center; - margin: 0em 0; + margin: 0 auto; + width: 384px; + height: 20px; } div.banner, div.banner a { color: white; diff --git a/templates/post_form.html b/templates/post_form.html index 1846adb5..6af5e206 100644 --- a/templates/post_form.html +++ b/templates/post_form.html @@ -36,7 +36,7 @@ {% endif %} {{ antibot.html() }} {% if not (not (config.field_disable_subject or (id and config.field_disable_reply_subject)) or (mod and post.mod|hasPermission(config.mod.bypass_field_disable, board.uri))) %} - {% if config.spoiler_images %} {% endif %} + {% if config.spoiler_images %}
{% endif %} {% endif %} {{ antibot.html() }} @@ -48,7 +48,7 @@ - {% if config.spoiler_images %} {% endif %} + {% endif %} @@ -62,7 +62,7 @@ {{ antibot.html() }} {% if not (not (config.field_disable_subject or (id and config.field_disable_reply_subject)) or (mod and post.mod|hasPermission(config.mod.bypass_field_disable, board.uri))) %} {% if not (not config.field_disable_email or (mod and post.mod|hasPermission(config.mod.bypass_field_disable, board.uri))) %} - {% if config.spoiler_images %} {% endif %} + {% endif %} {% endif %} @@ -98,6 +98,7 @@ + {% if config.spoiler_images %}
{% endif %} {% if config.allow_upload_by_url %}
: