Cosmetic tweaks & fixes
This commit is contained in:
Andrei Marcu
parent
fd0f3d9e46
commit
b731e17c1e
|
|
@ -121,6 +121,7 @@ func fileDisplayHandler(c web.C, w http.ResponseWriter, r *http.Request) {
|
|||
"filename": fileName,
|
||||
"size": sizeHuman,
|
||||
"expiry": expiryHuman,
|
||||
"expirylist": listExpirationTimes(),
|
||||
"extra": extra,
|
||||
"lines": lines,
|
||||
"files": metadata.ArchiveFiles,
|
||||
|
|
|
|||
|
|
@ -49,6 +49,7 @@
|
|||
|
||||
div.dz-default {
|
||||
border: 2px dashed #C9C9C9;
|
||||
border-radius: 5px;
|
||||
color: #C9C9C9;
|
||||
font: 14px "helvetica neue",helvetica,arial,sans-serif;
|
||||
background-color: #FAFBFC;
|
||||
|
|
|
|||
|
|
@ -1,56 +1,56 @@
|
|||
body {
|
||||
background-color: #E8ECF0;
|
||||
color: #556A7F;
|
||||
background-color: #E8ECF0;
|
||||
color: #556A7F;
|
||||
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#container_container {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#container {
|
||||
display: table-cell;
|
||||
min-width: 200px;
|
||||
display: table-cell;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
#header a {
|
||||
text-decoration: none;
|
||||
color: #556A7F;
|
||||
text-decoration: none;
|
||||
color: #556A7F;
|
||||
}
|
||||
|
||||
#navigation {
|
||||
margin-top: 4px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#navigation a {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted #556A7F;
|
||||
color: #556A7F;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted #556A7F;
|
||||
color: #556A7F;
|
||||
}
|
||||
|
||||
#navigation a:hover {
|
||||
background-color: #C7D1EB;
|
||||
background-color: #C7D1EB;
|
||||
}
|
||||
|
||||
#main {
|
||||
background-color: white;
|
||||
background-color: white;
|
||||
|
||||
padding: 6px 5px 8px 5px;
|
||||
padding: 6px 5px 8px 5px;
|
||||
|
||||
-moz-box-shadow: 1px 1px 1px 1px #ccc;
|
||||
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
|
||||
box-shadow: 1px 1px 1px 1px #ccc;
|
||||
-moz-box-shadow: 1px 1px 1px 1px #ccc;
|
||||
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
|
||||
box-shadow: 1px 1px 1px 1px #ccc;
|
||||
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#main a {
|
||||
color: #556A7F;
|
||||
color: #556A7F;
|
||||
}
|
||||
|
||||
#normal-content {
|
||||
|
|
@ -62,10 +62,6 @@ body {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.ninfo {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.dinfo {
|
||||
-moz-box-shadow: 1px 1px 1px 1px #ccc;
|
||||
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
|
||||
|
|
@ -73,14 +69,10 @@ body {
|
|||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.dinfo #filename {
|
||||
margin: 2px 15px 0 0;
|
||||
}
|
||||
|
||||
#info {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
background-color: white;
|
||||
padding: 5px 5px 5px 5px;
|
||||
}
|
||||
|
|
@ -91,7 +83,7 @@ body {
|
|||
}
|
||||
|
||||
#info .text-right {
|
||||
font-size: 13px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#info a {
|
||||
|
|
@ -104,56 +96,50 @@ body {
|
|||
background-color: #E8ECF0;
|
||||
}
|
||||
|
||||
#info input[type=text] {
|
||||
border: 0;
|
||||
color: #556A7F;
|
||||
}
|
||||
|
||||
#info input[type=checkbox] {
|
||||
margin: 0;
|
||||
vertical-align: bottom;
|
||||
margin: 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: gray;
|
||||
text-align: right;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 11px;
|
||||
color: gray;
|
||||
text-align: right;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: gray;
|
||||
text-decoration: none;
|
||||
color: gray;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.normal {
|
||||
text-align: left;
|
||||
font-size: 13px;
|
||||
text-align: left;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.normal a {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted gray;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted gray;
|
||||
}
|
||||
|
||||
.normal a:hover {
|
||||
color: black;
|
||||
background-color: #E8ECF0;
|
||||
color: black;
|
||||
background-color: #E8ECF0;
|
||||
}
|
||||
|
||||
.normal ul {
|
||||
padding-left: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.normal li {
|
||||
margin-bottom: 3px;
|
||||
list-style: none;
|
||||
margin-bottom: 3px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.normal li a {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fixed {
|
||||
|
|
@ -161,37 +147,46 @@ body {
|
|||
max-width: 800px;
|
||||
}
|
||||
|
||||
.paste {
|
||||
width: 70vw;
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
.needs-border {
|
||||
border-top: 1px solid rgb(214, 214, 214);
|
||||
border-top: 1px solid rgb(214, 214, 214);
|
||||
}
|
||||
|
||||
.left {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pad-left {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.pad-right {
|
||||
padding-right: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.float-right, .right {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#upload_header {
|
||||
|
|
@ -255,7 +250,7 @@ body {
|
|||
}
|
||||
|
||||
#choices label:first-child {
|
||||
margin-right: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#expiry {
|
||||
|
|
@ -280,14 +275,34 @@ body {
|
|||
max-width: 90vw;
|
||||
}
|
||||
|
||||
.padme {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.editor {
|
||||
width: 90vw;
|
||||
max-width: 705px;
|
||||
height: 450px;
|
||||
border-color: #cccccc;
|
||||
font-family: monospace;
|
||||
resize: none;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: 450px;
|
||||
border: 1px solid #eaeaea;
|
||||
font-family: monospace;
|
||||
resize: none;
|
||||
overflow: auto;
|
||||
border-radius: 2px;
|
||||
padding: 2px;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#info input[type=text] {
|
||||
border: 1px solid #eaeaea;
|
||||
color: #556A7F;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.storygreen {
|
||||
|
|
@ -329,15 +344,16 @@ body {
|
|||
#editform,
|
||||
#editform .editor {
|
||||
display: none;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
#codeb {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
#editor {
|
||||
#inplace-editor {
|
||||
display: none;
|
||||
width: 794px;
|
||||
width: 100%;
|
||||
height: 800px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,13 +32,13 @@ function edit(ev) {
|
|||
var normalcontent = document.getElementById("normal-content");
|
||||
normalcontent.removeChild(document.getElementById("normal-code"));
|
||||
|
||||
var editordiv = document.getElementById("editor");
|
||||
var editordiv = document.getElementById("inplace-editor");
|
||||
editordiv.style.display = "block";
|
||||
editordiv.addEventListener('keydown', handleTab);
|
||||
}
|
||||
|
||||
function paste(ev) {
|
||||
var editordiv = document.getElementById("editor");
|
||||
var editordiv = document.getElementById("inplace-editor");
|
||||
document.getElementById("newcontent").value = editordiv.value;
|
||||
document.forms["reply"].submit();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
{{ filename }}
|
||||
</div>
|
||||
|
||||
<div class='text-right'>
|
||||
<div class='text-right pad-left'>
|
||||
{% if expiry %}
|
||||
<span>file expires in {{ expiry }}</span> |
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -12,23 +12,17 @@
|
|||
{% block infoleft %}
|
||||
<div id="editform">
|
||||
<form id="reply" action='{{ sitepath }}upload' method='post' >
|
||||
<div class="right">
|
||||
<div class="right pad-left">
|
||||
<button id="save">save</button>
|
||||
<select id="expiry" name="expires">
|
||||
<option disabled=disabled>Expires:</option>
|
||||
<option value="0">never</option>
|
||||
<option value="60">a minute</option>
|
||||
<option value="300">5 minutes</option>
|
||||
<option value="3600">an hour</option>
|
||||
<option value="86400">a day</option>
|
||||
<option value="604800">a week</option>
|
||||
<option value="2419200">a month</option>
|
||||
<option value="29030400">a year</option>
|
||||
{% for expiry in expirylist %}
|
||||
<option value="{{ expiry.Seconds }}"{% if forloop.Last %} selected{% endif %}>{{ expiry.Human }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
|
||||
<button id="save">save</button>
|
||||
</div>
|
||||
|
||||
<input class="codebox" name='filename' id="filename" type='text' value="" placeholder="filename (empty for random filename)">.<input id="extension" class="codebox" name='extension' type='text' value="{{ extra.extension }}" placeholder="txt">
|
||||
<input class="codebox" name='filename' id="filename" type='text' value="" placeholder="filename">.<input id="extension" class="codebox" name='extension' type='text' value="{{ extra.extension }}" placeholder="txt">
|
||||
<textarea name='content' id="newcontent" class="editor"></textarea>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -41,7 +35,7 @@
|
|||
{% block main %}
|
||||
<div id="normal-content" class="normal fixed">
|
||||
<pre id="normal-code"><code id="codeb" class="{{ extra.lang_hl }}">{{ extra.contents }}</code></pre>
|
||||
<textarea id="editor" class="editor">{{ extra.contents }}</textarea>
|
||||
<textarea id="inplace-editor" class="editor">{{ extra.contents }}</textarea>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -10,23 +10,17 @@
|
|||
{% block infoleft %}
|
||||
<div id="editform">
|
||||
<form id="reply" action='{{ sitepath }}upload' method='post' >
|
||||
<div class="right">
|
||||
<div class="right pad-left">
|
||||
<button id="save">save</button>
|
||||
<select id="expiry" name="expires">
|
||||
<option disabled=disabled>Expires:</option>
|
||||
<option value="0">never</option>
|
||||
<option value="60">a minute</option>
|
||||
<option value="300">5 minutes</option>
|
||||
<option value="3600">an hour</option>
|
||||
<option value="86400">a day</option>
|
||||
<option value="604800">a week</option>
|
||||
<option value="2419200">a month</option>
|
||||
<option value="29030400">a year</option>
|
||||
{% for expiry in expirylist %}
|
||||
<option value="{{ expiry.Seconds }}"{% if forloop.Last %} selected{% endif %}>{{ expiry.Human }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
|
||||
<button id="save">save</button>
|
||||
</div>
|
||||
|
||||
<input class="codebox" name='filename' id="filename" type='text' value="" placeholder="filename (empty for random filename)">.<input id="extension" class="codebox" name='extension' type='text' value="story" placeholder="txt">
|
||||
<input class="codebox" name='filename' id="filename" type='text' value="" placeholder="filename">.<input id="extension" class="codebox" name='extension' type='text' value="story" placeholder="txt">
|
||||
<textarea name='content' id="newcontent" class="editor"></textarea>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -39,7 +33,7 @@
|
|||
{% block main %}
|
||||
<div id="normal-content" class="normal">
|
||||
<pre id="normal-code"><code id="codeb" class="story">{% for line in lines %}{% if line|make_list|first == ">" %}<span class="storygreen">{{ line }}</span>{% else %}<span class="storyred">{{ line }}</span>{% endif %}{% endfor %}</code></pre>
|
||||
<textarea id="editor" class="editor">{{ extra.contents }}</textarea>
|
||||
<textarea id="inplace-editor" class="editor">{{ extra.contents }}</textarea>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
|
||||
{% block content %}
|
||||
<form id="reply" action='{{ sitepath }}upload' method='post'>
|
||||
<div id="main">
|
||||
<div id="info" class="ninfo">
|
||||
<div id="main" class="paste">
|
||||
<div id="info">
|
||||
<div>
|
||||
<input class="codebox" name='filename' id="filename" type='text' value="" placeholder="filename (empty for random filename)" />.<span class="hint--top hint--bounce" data-hint="Enable syntax highlighting by adding the extension"><input id="extension" class="codebox" name='extension' type='text' value="" placeholder="txt" /></span>
|
||||
<span class="hint--top hint--bounce" data-hint="Leave empty for random filename"><input class="codebox" name='filename' id="filename" type='text' value="" placeholder="filename" /></span>.<span class="hint--top hint--bounce" data-hint="Enable syntax highlighting by adding the extension"><input id="extension" class="codebox" name='extension' type='text' value="" placeholder="txt" /></span>
|
||||
</div>
|
||||
<div>
|
||||
<input type="submit" value="Paste">
|
||||
|
|
@ -18,8 +18,8 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div id="inner_content">
|
||||
<textarea name='content' id="content" class="editor"></textarea>
|
||||
<div id="inner_content" class="padme">
|
||||
<textarea name='content' id="content" class="editor"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
Loading…
Reference in New Issue