diff --git a/static/css/dropzone.css b/static/css/dropzone.css index 18472a6..f3c4cb2 100644 --- a/static/css/dropzone.css +++ b/static/css/dropzone.css @@ -31,11 +31,18 @@ border: 2px solid #FAFBFC; } -#dropzone { width: 400px; +#dropzone { + width: 400px; margin-left: auto; margin-right: auto; } +@media(max-width: 450px) { + #dropzone { + width: auto; + } +} + #uploads { margin-top: 20px; } diff --git a/static/css/github-markdown.css b/static/css/github-markdown.css index 8072b54..6823d9c 100644 --- a/static/css/github-markdown.css +++ b/static/css/github-markdown.css @@ -8,7 +8,8 @@ font-size: 12px; line-height: 1.6; word-wrap: break-word; - width: 680px; + width: 80vw; + max-width: 680px; padding: 10px; } diff --git a/static/css/linx.css b/static/css/linx.css index 193cbec..a759dc6 100644 --- a/static/css/linx.css +++ b/static/css/linx.css @@ -71,32 +71,26 @@ body { -webkit-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; margin-bottom: 15px; +} +.dinfo #filename { + margin: 2px 15px 0 0; } #info { - text-align: left; - + display: flex; + flex-wrap: wrap; + justify-content: space-between; background-color: white; padding: 5px 5px 5px 5px; } -#info #filename, -#editform #filename { - width: 232px; -} - #info #extension, #editform #extension { width: 40px; } -#info .float-left { - margin-top: 2px; - margin-right: 20px; -} - -#info .right { +#info .text-right { font-size: 13px; } @@ -115,6 +109,11 @@ body { color: #556A7F; } +#info input[type=checkbox] { + margin: 0; + vertical-align: bottom; +} + #footer { color: gray; text-align: right; @@ -158,7 +157,8 @@ body { } .fixed { - width: 800px; + width: 80vw; + max-width: 800px; } .needs-border { @@ -245,19 +245,28 @@ body { } #choices { - float: left; - width: 100%; - text-align: left; - vertical-align: bottom; - margin-top: 5px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + width: 100%; + margin-top: 5px; font-size:13px; } +#choices label:first-child { + margin-right: 15px; +} + #expiry { - float: right; padding-top: 1px; } +#randomize { + vertical-align: bottom; + margin: 0; +} + .oopscontent { width: 400px; } @@ -267,8 +276,13 @@ body { border: 0; } +.error-404 img { + max-width: 90vw; +} + .editor { - width: 705px; + width: 90vw; + max-width: 705px; height: 450px; border-color: #cccccc; font-family: monospace; @@ -287,7 +301,7 @@ body { /* Content display {{{ */ .display-audio, .display-file { - width: 500px; + width: 100%; } .display-image { diff --git a/static/js/bin.js b/static/js/bin.js index 6e1bbcc..bcaf4f1 100644 --- a/static/js/bin.js +++ b/static/js/bin.js @@ -1,6 +1,6 @@ // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later -var navlist = document.getElementById("info").getElementsByClassName("right")[0]; +var navlist = document.getElementById("info").getElementsByClassName("text-right")[0]; init(); diff --git a/templates/404.html b/templates/404.html index c1728e5..3b3d64e 100644 --- a/templates/404.html +++ b/templates/404.html @@ -1,5 +1,7 @@ {% extends "base.html" %} {% block content %} - +
+ +
{% endblock %} diff --git a/templates/base.html b/templates/base.html index d750cb4..5392f8d 100644 --- a/templates/base.html +++ b/templates/base.html @@ -3,6 +3,7 @@ {% block title %}{{ sitename }}{% endblock %} + diff --git a/templates/display/base.html b/templates/display/base.html index 172e17a..29d21b8 100644 --- a/templates/display/base.html +++ b/templates/display/base.html @@ -7,11 +7,11 @@ {% block content %}
-
+
{{ filename }}
-
+
{% if expiry %} file expires in {{ expiry }} | {% endif %} @@ -22,7 +22,6 @@
{% block infoleft %}{% endblock %} -
diff --git a/templates/index.html b/templates/index.html index 87d821d..d423879 100644 --- a/templates/index.html +++ b/templates/index.html @@ -17,8 +17,9 @@
+
-
-
diff --git a/templates/paste.html b/templates/paste.html index 9178ba4..c4e88e9 100644 --- a/templates/paste.html +++ b/templates/paste.html @@ -4,17 +4,17 @@
- . - -
+
+ . +
+
+ - -