scratch
| /quickload/css/text/style.css |
|---|
| @@ -0,0 +1,52 @@ |
| #previews { |
| display: table; |
| } |
| #previews .file-row { |
| display: table-row; |
| } |
| #previews .file-row > div { |
| display: table-cell; |
| vertical-align: top; |
| border-top: 1px solid #ddd; |
| padding: 1em; |
| background: #f9f9f9; |
| } |
| #previews .file-row:nth-child(odd) { |
| background: #f9f9f9; |
| /* border-top: 1em solid #ddd; */ |
| } |
| #editorpanel { |
| /*min-height: 240px;*/ |
| border: 2px dashed #F78700; |
| border-radius: 5px; |
| box-sizing: border-box; |
| /* outline-offset: -24px; */ |
| /*background-image: url("../../img/blueprint.png"); |
| background-repeat: repeat;*/ |
| } |
| #total-progress { |
| opacity: 0; |
| transition: opacity 0.3s linear; |
| } |
| /* Hide the progress bar when finished */ |
| #previews .file-row.dz-success .progress { |
| opacity: 0; |
| transition: opacity 0.3s linear; |
| } |
| /* Hide the delete button initially */ |
| #previews .file-row .remove { |
| display: none; |
| } |
| /* Hide the start and cancel buttons and show the delete button */ |
| #previews .file-row.dz-success .start, |
| #previews .file-row.dz-success .cancel { |
| opacity: 0.3; |
| } |
| #previews .file-row.dz-success .remove { |
| display: block; |
| } |
| /quickload/text.html |
|---|
| @@ -12,7 +12,7 @@ |
| <title>Quickload</title> |
| <!-- Polyfill --> |
| <!-- <script src="js/polyfill/polyfill.min.js"></script> --> |
| <script src="js/polyfill/polyfill.min.js"></script> |
| <!-- Bootstrap core CSS --> |
| <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"> |
| @@ -33,7 +33,7 @@ |
| <!-- Trumbowyg --> |
| <link href="css/trumbowyg/trumbowyg.min.css" rel="stylesheet"> |
| <!-- Local style --> |
| <!-- <link href="css/style.css" rel="stylesheet"> --> |
| <link href="css/text/style.css" rel="stylesheet"> |
| </head> |
| <body> |
| @@ -61,10 +61,13 @@ |
| <i class="glyphicon glyphicon-globe"></i> |
| </button> |
| </span> |
| <span class="input-group-btn"> |
| <button id="clippy" class="btn btn-default" type="button" data-clipboard-target="#URL"><img class="clippy" src="img/clipboard/clippy.svg" width="13" alt="Copy to Clipboard"></button> |
| </span> |
| </div> |
| </div> |
| <div class="panel-body" id="uploadpanel"> |
| <div id="trumbowyg" style="height: 334px; display: none; font-family: monospace;"> |
| <div class="panel-body" id="editorpanel"> |
| <div id="trumbowyg" style="display: none; font-family: monospace;"> |
| </div> |
| </div> |
| </div> |
| @@ -84,6 +87,8 @@ |
| <!-- Trumbowyg --> |
| <script src="js/trumbowyg/trumbowyg.min.js"></script> |
| <!-- Clipboard --> |
| <script src="js/clipboard/clipboard.min.js"></script> |
| <script> |
| $(document).ready(() => { |
| // Load the editor. |
| @@ -112,6 +117,9 @@ |
| $('#trumbowyg').show(); |
| }); |
| // Enable the Clipboard button. |
| new Clipboard('#clippy'); |
| $('#save').click(() => { |
| $('#editor').trumbowyg('disable'); |
| @@ -139,6 +147,7 @@ |
| $('#trumbowyg').trumbowyg('enable'); |
| }); |
| }); |
| }); |
| </script> |
| </body> |