leftypol
/
leftypol
4
5
Fork 2
Code Issues 55 Pull Requests 1 Projects Releases Wiki Activity
Browse Source

Incorporate post form style changes (mostly yuuko)

pull/40/head
Michael Walker 10 years ago
parent
c0784a74db
commit
08ad292ae0
3 changed files with 91 additions and 110 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      stylesheets/dark.css
  2. 167
      stylesheets/style.css
  3. 7
      templates/post_form.html

27
stylesheets/dark.css
View File

@ -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;

167
stylesheets/style.css
View File

@ -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;

7
templates/post_form.html
View File

@ -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))) %}
<input accesskey="s" style="margin-left:2px;" type="submit" name="post" value="{% if id %}{{ config.button_reply }}{% else %}{{ config.button_newtopic }}{% endif %}" />{% if config.spoiler_images %} <input id="spoiler" name="spoiler" type="checkbox"> <label for="spoiler">{% trans %}Spoiler Image{% endtrans %}</label> {% endif %}
<input accesskey="s" style="margin-left:2px;" type="submit" name="post" value="{% if id %}{{ config.button_reply }}{% else %}{{ config.button_newtopic }}{% endif %}" />{% if config.spoiler_images %}<div id="spoilercontainer"> <input id="spoiler" name="spoiler" type="checkbox"> <label for="spoiler">{% trans %}Spoiler Image{% endtrans %}</label></div>{% endif %}
{% endif %}
{{ antibot.html() }}
</td>
@ -48,7 +48,7 @@
</th>
<td>
<input style="float:left;" type="text" name="subject" size="25" maxlength="100" autocomplete="off">
<input accesskey="s" style="margin-left:2px;" type="submit" name="post" value="{% if id %}{{ config.button_reply }}{% else %}{{ config.button_newtopic }}{% endif %}" />{% if config.spoiler_images %} <input id="spoiler" name="spoiler" type="checkbox"> <label for="spoiler">{% trans %}Spoiler Image{% endtrans %}</label>{% endif %}
<input accesskey="s" style="margin-left:2px;" type="submit" name="post" value="{% if id %}{{ config.button_reply }}{% else %}{{ config.button_newtopic }}{% endif %}" />
</td>
</tr>
{% 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))) %}
<input accesskey="s" style="margin-left:2px;" type="submit" name="post" value="{% if id %}{{ config.button_reply }}{% else %}{{ config.button_newtopic }}{% endif %}" />{% if config.spoiler_images %} <input id="spoiler" name="spoiler" type="checkbox"> <label for="spoiler">{% trans %}Spoiler Image{% endtrans %}</label>{% endif %}
<input accesskey="s" style="margin-left:2px;" type="submit" name="post" value="{% if id %}{{ config.button_reply }}{% else %}{{ config.button_newtopic }}{% endif %}" />
{% endif %}
{% endif %}
</td>
@ -98,6 +98,7 @@
</th>
<td>
<input type="file" name="file" id="upload_file">
{% if config.spoiler_images %} <div id="spoilercontainer"><input id="spoiler" name="spoiler" type="checkbox"> <label for="spoiler">{% trans %}Spoiler?{% endtrans %}</label></div>{% endif %}
{% if config.allow_upload_by_url %}
<div style="float:none;text-align:left" id="upload_url">
<label for="file_url">{% trans %}Or URL{% endtrans %}</label>:

Write Preview
Loading…
Cancel
Save