404 theme css

zerobin/static/css/style.css

@@ -50,6 +50,11 @@ body {
   padding-bottom: 40px;
 }
 
+.blk-space {
+    height: 20px;
+    display: block;
+}
+
 .sidebar-nav {
   padding: 9px 0;
 }
@@ -94,6 +99,8 @@ blockquote {
   display: block;
 }
 
+/* Footer */
+
 .footer {
   text-align: center;
   bottom: 0px;
@@ -203,56 +210,17 @@ pre.prettyprint {
   min-height: 100px;
 } 
 
-.prettyprint.linenums {
-  /* -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
-     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
-          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; */
-}
-
 /* Specify class=linenums on a pre to get line numbering */
 ol.linenums {
   margin: 0 0 0 55px;
   /* IE indents via margin-left */
 } 
 
-ol.linenums li {
-  /* color: #bebec5;
-  line-height: 18px;
-  text-shadow: 0 1px 0 #fff; */
-}
-
-.prettyprint {
-  /* padding: 8px;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8; */
-}
-
 pre { 
-  /* font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
-	line-height: 21px;
-	font-size: 12px; */
   white-space: pre-wrap;
   overflow: visible;
 }
  
-.kwd {
-  color: #66F;
-}
-
-.pun,
-.opn,
-.clo {
-  color: #0A0;
-}
-
-.lit {
-  color: #933;
-}
-
-.com {
-  color: #C0C;
-}
-
 /* Common css */
 
 .form-control,
@@ -282,7 +250,7 @@ pre {
 
 .container-md {
   margin-top: 20px;
-  padding-bottom: 80px;
+  padding-bottom: 130px;
 }
 
 form textarea {

zerobin/views/404.tpl

@@ -2,7 +2,7 @@
   zerobin.paste_not_found = true;
 </script>
 
-<p class="alert alert-error">
+<p class="alert alert-warning alert-dismissible">
   <a class="close" data-dismiss="alert" href="#" @click.prevent="$event.target.parentNode.remove()">×</a>
   <strong class="title">404 Error!</strong>
   <span class="message">
@@ -10,41 +10,61 @@
   </span>
 </p>
 
-<p class="file-upload">
-  <input type="button" class="btn btn-upload" :value="isUploading ? 'Uploading...': 'Upload file'"
+<form class="well" method="post" action="/paste/create" @submit.prevent="encryptAndSendPaste()">
+  <div class="d-flex justify-content-between">
+
+    <div>
+      <label class="col-form-label"><span class="blk-space"></span></label>
+      <div class="file-upload" v-if="support.fileUpload">
+        <input type="button" class="btn btn-primary" :value="isUploading ? 'Uploading...': 'Upload file'"
           :disabled="isUploading">
         <input type="file" class="hide-upload" id="file-upload" @change="handleUpload($event.target.files)">
-</p>
-
-<form class="well" method="post" action="/paste/create" @submit.prevent="encryptAndSendPaste()">
-  <p class=" paste-option">
-    <label for="expiration">Expiration:</label>
-    <select id="expiration" name="expiration" v-model="newPaste.expiration">
-      <option value="burn_after_reading">Burn after reading</option>
-      <option selected value="1_day">1 day</option>
-      <option value="1_month">1 month</option>
-      <option value="never">Never</option>
-    </select>
-    <button type="submit" class="btn btn-primary">Submit</button>
-  </p>
-  <p>
-    <div class=" progress progress-striped active" v-show="isLoading">
-      <div class="bar"></div>
       </div>
-    <textarea rows="10" style="width:100%;" class="input-xlarge" id="content" name="content" autofocus
-      v-on:keydown.prevent.ctrl.enter="encryptAndSendPaste()"></textarea>
-  </p>
-  <p class="paste-option down" v-if="displayBottomToolBar">
-    <label for="expiration">Expiration:</label>
-    <select id="expiration" name="expiration" v-model="newPaste.expiration">
+    </div>
+
+    <div class="form-group select-date paste-option">
+      <label class="col-form-label">Expiration:</label>
+      <div class="input-group">
+        <select id="expiration" name="expiration" class="custom-select" v-model="newPaste.expiration">
           <option value="burn_after_reading">Burn after reading</option>
           <option selected value="1_day">1 day</option>
           <option value="1_month">1 month</option>
           <option value="never">Never</option>
         </select>
+        <div class="input-group-append">
           <button type="submit" class="btn btn-primary">Submit</button>
-  </p>
+        </div>
+      </div>
+    </div>
+
+  </div>
+
+  <div>
+    <div class="progress" v-show="isLoading">
+      <div class="progress-bar progress-bar-striped" role="progressbar"></div>
+    </div>
+    <textarea rows="10" style="width:100%;" class="form-control" id="content" name="content" autofocus
+      @keydown.ctrl.enter="encryptAndSendPaste()"></textarea>
+  </div>
+
+  <div class="form-group select-date paste-option down" v-if="displayBottomToolBar">
+    <label class="col-form-label">Expiration:</label>
+    <div class="input-group">
+      <select id="expiration" name="expiration" class="custom-select" v-model="newPaste.expiration">
+        <option value="burn_after_reading">Burn after reading</option>
+        <option selected value="1_day">1 day</option>
+        <option value="1_month">1 month</option>
+        <option value="never">Never</option>
+      </select>
+      <div class="input-group-append">
+        <button type="submit" class="btn btn-primary">Submit</button>
+      </div>
+    </div>
+  </div>
+
 </form>
 
 
+
+
 % rebase('base', settings=settings, pastes_count=pastes_count)

zerobin/views/home.tpl

@@ -2,7 +2,7 @@
   <div class="d-flex justify-content-between">
 
     <div>
-      <label class="col-form-label">Upload text/img:</label>
+      <label class="col-form-label"><span class="blk-space"></span></label>
       <div class="file-upload" v-if="support.fileUpload">
         <input type="button" class="btn btn-primary" :value="isUploading ? 'Uploading...': 'Upload file'"
           :disabled="isUploading">