JustAnotherArchivist
/
transfer.sh
forked from kiska/transfer.sh
1
0
Fork 1
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

small changes

tags/v1.0.0
Uvis Grinfelds 9 years ago
parent
d3e6ac8cc4
commit
864aa358e0
9 changed files with 170 additions and 174 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +62
    -59
      transfersh-web/index.html
  2. +18
    -22
      transfersh-web/scripts/main.js
  3. +1
    -1
      transfersh-web/styles/bootstrap.less
  4. +5
    -4
      transfersh-web/styles/config.less
  5. +10
    -2
      transfersh-web/styles/includes/global.less
  6. +33
    -42
      transfersh-web/styles/includes/home.less
  7. +40
    -40
      transfersh-web/styles/main.css
  8. +1
    -1
      transfersh-web/styles/main.css.map
  9. +0
    -3
      transfersh-web/styles/main.less

+ 62
- 59
transfersh-web/index.html View File

@@ -16,7 +16,7 @@
<link rel="stylesheet" href="styles/main.css"> <link rel="stylesheet" href="styles/main.css">


<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,600' rel='stylesheet' type='text/css'>


<!-- build:js scripts/vendor/modernizr.js --> <!-- build:js scripts/vendor/modernizr.js -->
<script src="bower_components/modernizr/modernizr.js"></script> <script src="bower_components/modernizr/modernizr.js"></script>
@@ -58,45 +58,46 @@
<h2> <h2>
Easy file sharing from the command line Easy file sharing from the command line
</h2> </h2>
<!-- <p class="lead">Share your files using this and drag and rop or click here to upload</p> -->
<div class="row animated fadeInDown"> <div class="row animated fadeInDown">
<div id="from-terminal" class=" box col-md-6 col-xs-12">
<h3>Share from terminal</h3>
<div id="terminal">
<pre>
<code id="terminal-code" class="bash">ls this</code></pre>
</div>
</div>
<div id="from-web" class="col-md-6 col-xs-12">
<h3>Share from web</h3>

<div id="web">
<a class="browse" href="#">
<i class="icon-upload-cloud"></i>
<p class="click">Drag your files here to upload or click to browse</p>
</a>
<input type="file" multiple="multiple" style='display: none;' />
<ul class='queue' style='; list-style-type: none; margin: 0;'>
<li>
</li>
</ul>
<div class='all-files'>
<h4>Download your files:</h4>
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
</div>
<div>
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">

<div id="terminal" class="terminal">
<div class="terminal-top"></div>
<div class="examples">
<code class="">
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt r
<br>
<br>$ transfer hello.txt #################################################### 100.0% https://transfer.sh/eibhM/hello.txt
<br>
<br># Upload from web. Drag your files here, or <a class="browse" href="#"> click to browse.</a>
</code>
<div id="web">
<input type="file" multiple="multiple" style='display: none;' />
<ul class='queue' style='; list-style-type: none; margin: 0;'>
<li>
</li>
</ul>
<div class='all-files'>
<h4>Download your files:</h4>
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
</div>
</div>
</div> </div>

</div> </div>
</div> </div>
</div> </div>
<div> <div>
<br>
<br> <br>
<a href="#features" class="btn-cta">learn more</i> </a> <a href="#features" class="btn-cta">learn more</i> </a>
<br> <br>
<br>
</div> </div>
</section> </section>




<section id="features"> <section id="features">
<div class="wrapper container"> <div class="wrapper container">
<div class="row animated fadeInDown "> <div class="row animated fadeInDown ">
@@ -106,7 +107,7 @@
</div> </div>
<div class="col-md-3 col-xs-6"> <div class="col-md-3 col-xs-6">
<i class="icon-link"></i> <i class="icon-link"></i>
<h3>Share files with an URL</h3>
<h3>Share files with a URL</h3>
</div> </div>
<div class="col-md-3 col-xs-6"> <div class="col-md-3 col-xs-6">
<i class="icon-database"></i> <i class="icon-database"></i>
@@ -151,13 +152,15 @@
<h4>Create an alias, and add it to .bashrc for faster use</h4> <h4>Create an alias, and add it to .bashrc for faster use</h4>
<pre> <pre>
<code id="terminal-code" class="bash"> <code id="terminal-code" class="bash">
# transfer.sh alias
# write output to tmpfile because of progress bar
$ transfer()
{
tmpfile=$( mktemp -t transfer )
curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile; cat $tmpfile; rm -f $tmpfile; }
alias transfer=transfer
# transfer.sh alias
# write output to tmpfile because of progress bar
$ transfer() {
tmpfile = $( mktemp -t transfer )
curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile;
cat $tmpfile;
rm -f $tmpfile;
}
alias transfer=transfers
</code> </code>
</pre> </pre>


@@ -167,38 +170,37 @@
</div> </div>


</div> </div>
</div>




<a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
<a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>


<div class="collapse " id="coll">
<div class="row">
<div class="col-md-6">
<h3>Transfer multiple files</h3>
<h4>Upload multiple files at once
</h4>
<code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>
<div class="collapse " id="coll">
<div class="row">
<div class="col-md-6">
<h3>Transfer multiple files</h3>
<h4>Upload multiple files at once
</h4>
<code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>


<h4>Combining downloads as zip or tar archive</h4>
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
<br>
<h4>Combining downloads as zip or tar archive</h4>
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
<br>


<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>




</div>
<div class="col-md-6">
<h3>Encrypt your files before the transfer</h3>
<h4>You can encrypt files using gpg. The following command will encrypt the data before it leaves your server using the password you enter and upload it to transfer.sh.</h4>
<h4></h4>
<code>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt</code>
<h4>Encrypt and upload</h4>
<code>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt</code>
</div>
</div> </div>
<div class="col-md-6">
<h3>Encrypt your files before the transfer</h3>
<h4>You can encrypt files using gpg. The following command will encrypt the data before it leaves your server using the password you enter and upload it to transfer.sh.</h4>
<h4></h4>
<code>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt</code>
<h4>Encrypt and upload</h4>
<code>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt</code>
</div>
</div>


</div>
</div>
</div> </div>
</section> </section>


@@ -326,6 +328,7 @@
<!-- build:js scripts/main.js --> <!-- build:js scripts/main.js -->
<script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/highlightjs/highlight.pack.js"></script> <script src="bower_components/highlightjs/highlight.pack.js"></script>
<!-- </*script*/ src="bower_components/typed.js/js/typed.js"></script> -->
<script src="bower_components/uri.js/src/URI.min.js"></script> <script src="bower_components/uri.js/src/URI.min.js"></script>
<script src="bower_components/bootstrap/js/transition.js"></script> <script src="bower_components/bootstrap/js/transition.js"></script>
<script src="bower_components/bootstrap/js/collapse.js"></script> <script src="bower_components/bootstrap/js/collapse.js"></script>


+ 18
- 22
transfersh-web/scripts/main.js View File

@@ -1,9 +1,9 @@
$(document).ready(function() { $(document).ready(function() {


hljs.initHighlightingOnLoad();
/* hljs.initHighlightingOnLoad();*/
// Terminal typing animation // Terminal typing animation
/* $("#from-terminal p").typed({
strings: ["curl --upload-file ./hello.txt https://transfer.sh/hello.txt\n######################################################\nhttps://transfer.sh/66nb8/hello.txt \n "],
/* $("#terminal-code").typed({
strings: ["# Upload using this \n acurl --upload-file ./hello.txt https://transfer.sh/hello.txt\n######################################################\nhttps://transfer.sh/66nb8/hello.txt \n "],
typeSpeed: 0, // typing speed typeSpeed: 0, // typing speed
backSpeed: 0, // backspacing speed backSpeed: 0, // backspacing speed
startDelay: 0, // time before typing starts startDelay: 0, // time before typing starts
@@ -13,42 +13,37 @@ $(document).ready(function() {
showCursor: true, showCursor: true,
attr: null, // attribute to type, null = text for everything except inputs, which default to placeholder attr: null, // attribute to type, null = text for everything except inputs, which default to placeholder
callback: function(){ } // call function after typing is done callback: function(){ } // call function after typing is done
});
*/
var typewriter = require('typewriter');
});*/
/*
var typewriter = require('typewriter');


var twSpan = document.getElementById('terminal-code'); var twSpan = document.getElementById('terminal-code');


var tw = typewriter(twSpan).withAccuracy(100) var tw = typewriter(twSpan).withAccuracy(100)
.withMinimumSpeed(17)
.withMinimumSpeed()
.withMaximumSpeed(25) .withMaximumSpeed(25)
.build(); .build();


tw.put('$ ')
tw.put('$ ')
.put('<span class="hljs-comment"># Upload using cURL </span>')
.waitRange(500, 1000) .waitRange(500, 1000)
.type('curl --upload-file ./hello.txt https://transfer.sh/hello.txt')
.put('<br/>')
.type('$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt')
.put('<br/>') .put('<br/>')
.put('https://transfer.sh/66nb8/hello.txt ') .put('https://transfer.sh/66nb8/hello.txt ')
.put('<br/>') .put('<br/>')
.put('$ ')
.waitRange(500, 1000) .waitRange(500, 1000)
.put('<br/>') .put('<br/>')
.put('$ ')
.waitRange(500, 1000) .waitRange(500, 1000)
.put('<span class="hljs-comment"># Upload using alias</span>')
.put('<br/>') .put('<br/>')
.put('$ ')
.waitRange(500, 1000)
.type('transfer hello.txt') .type('transfer hello.txt')
.put('<br/>') .put('<br/>')
.type('####################################################') .type('####################################################')
.put(' 100.0%') .put(' 100.0%')
.put('<br/>') .put('<br/>')
.put('https://transfer.sh/eibhM/hello.txt ')
.put('<br/>')
.put('$ ')
.waitRange(1000, 1500)
.put('<br/>')
.put('$ ')
.put('https://transfer.sh/eibhM/hello.txt ')*/


// Smooth scrolling // Smooth scrolling
$('a[href*=#]:not([href=#])').click(function() { $('a[href*=#]:not([href=#])').click(function() {
@@ -66,7 +61,7 @@ $(document).ready(function() {




// function resizePages() { // function resizePages() {
// var h = $(window).height();
// var h = $(window).heightP();
// var height = h < 600 ? 600 : h; // var height = h < 600 ? 600 : h;
/* $('section').css('height',height); /* $('section').css('height',height);
$('#home').css('height',height*0.98); $('#home').css('height',height*0.98);
@@ -82,15 +77,16 @@ $(document).ready(function() {
$('.browse').addClass('uploading'); $('.browse').addClass('uploading');
var li = $('<li style="clear:both;"/>'); var li = $('<li style="clear:both;"/>');


li.append($('<div><div class="progress active upload-progress" style="margin-bottom: 0;"><div class="progress-bar bar" style="width: 0%;"></div></div><p>Uploading... ' + file.name + '</p></div>'));
li.append($('<div><div class="progress active upload-progress" style="margin-bottom: 0;"><div class="bar" style="width: 0%;">############################>span></span></div></div><p>Uploading... ' + file.name + '</p></div>'));
$(li).appendTo($('.queue')); $(li).appendTo($('.queue'));


var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();


xhr.upload.addEventListener("progress", function(e) { xhr.upload.addEventListener("progress", function(e) {
var pc = parseInt((e.loaded / e.total * 100)); var pc = parseInt((e.loaded / e.total * 100));
$('.upload-progress', $(li)).show();
/* $('.upload-progress', $(li)).show();*/
$('.upload-progress .bar', $(li)).css('width', pc + "%"); $('.upload-progress .bar', $(li)).css('width', pc + "%");
$('.upload-progress .bar .span').append( pc + "%");
}, false); }, false);


xhr.onreadystatechange = function(e) { xhr.onreadystatechange = function(e) {


+ 1
- 1
transfersh-web/styles/bootstrap.less View File

@@ -9,7 +9,7 @@
// Core CSS // Core CSS
@import "../bower_components/bootstrap/less/scaffolding.less"; @import "../bower_components/bootstrap/less/scaffolding.less";
@import "../bower_components/bootstrap/less/type.less"; @import "../bower_components/bootstrap/less/type.less";
//@import "../bower_components/bootstrap/less/code.less";
/* @import "../bower_components/bootstrap/less/code.less"; */
@import "../bower_components/bootstrap/less/grid.less"; @import "../bower_components/bootstrap/less/grid.less";
//@import "../bower_components/bootstrap/less/tables.less"; //@import "../bower_components/bootstrap/less/tables.less";
//@import "../bower_components/bootstrap/less/forms.less"; //@import "../bower_components/bootstrap/less/forms.less";


+ 5
- 4
transfersh-web/styles/config.less View File

@@ -8,14 +8,15 @@


@navbar-default-bg: #fff; @navbar-default-bg: #fff;


@lik-color: @text-color;
@text-color: @dark-blue;
@link-color: @dark-gray;


@progress-bg: @blue;
@text-color: @dark-gray;

@progress-bg: @blue;


// Typography // Typography
@font-family-base: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-base: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-mono: "Source code Pro", monospace;
@font-family-mono: "Source Code Pro", monospace;


@headings-font-family: @font-family-base; @headings-font-family: @font-family-base;
@headings-font-weight: 100; @headings-font-weight: 100;


+ 10
- 2
transfersh-web/styles/includes/global.less View File

@@ -18,6 +18,9 @@
text-align: center; text-align: center;
font-family: @font-family-mono; font-family: @font-family-mono;
margin-bottom: 15px; margin-bottom: 15px;
color: #3b3b3b;
font-weight: 600;
letter-spacing: -1px;


} }
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
@@ -49,6 +52,7 @@ h2 {
color: @red; color: @red;
border-radius: 10px; border-radius: 10px;
display: inline-block; display: inline-block;
text-decoration: none;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
border-color: @dark-blue; border-color: @dark-blue;
@@ -71,14 +75,18 @@ img {
margin: 0 auto; margin: 0 auto;
} }


a {
text-decoration: underline;
color: @dark-blue;
}
a:hover { a:hover {
text-decoration: none; text-decoration: none;
color: inherit ; color: inherit ;
} }


::selection { ::selection {
background: @red; /* WebKit/Blink Browsers */
background: @red;
} }
::-moz-selection { ::-moz-selection {
background: @red; /* Gecko Browsers */
background: @red;
} }

+ 33
- 42
transfersh-web/styles/includes/home.less View File

@@ -1,103 +1,94 @@
#home { #home {
text-align: center; text-align: center;

h2 { h2 {
font-size: 40px; font-size: 40px;
} }

@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
padding: 50px; padding: 50px;
h2 { h2 {
font-size: 60px;
font-size: 45px;
margin-top: -10px; margin-top: -10px;
margin-bottom: 45px; margin-bottom: 45px;
} }
} }

} }

#from-terminal,
#from-web {
.make-md-column(6);
#from-terminal, #from-web {
h3 { h3 {
font-size: 30px; font-size: 30px;
} }
} }


#web {
#web {
.transition(all @animation-duration ease); .transition(all @animation-duration ease);
border: 1px dashed @blue;
padding-top: 10px;
i { i {
font-size: 160px;
font-size: 100px;
color: @blue; color: @blue;
display: block;
margin-top: -20px;
} }
p.click {
margin-top: -66px;
font-size: 18px;
}
border-radius: 5px;
.btn-cta {
.btn-cta {
padding: 5px 10px; padding: 5px 10px;
font-size: 14px; font-size: 14px;

} }
cursor: pointer;

.click {
margin-top: -50px;
color: #fff;
}
.queue {
margin: 0;
list-style: none;
padding: 0;
}
a {
color: #fff;
}
} }


#web, #terminal {
#terminal {
min-height: 150px; min-height: 150px;
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
min-height: 270px;
min-height: 350px;
}
.examples {
padding: 10px 0px;
}
code {
font-family: @font-family-mono;
} }
} }


#web .uploading { #web .uploading {

i { i {
.transition(font @animation-duration ease); .transition(font @animation-duration ease);
font-size: 40px; font-size: 40px;
} }
p.click {
margin-top: -10px;
p.click {
font-size: 14px; font-size: 14px;
} }

} }


.dragged { .dragged {
background: @light-gray; background: @light-gray;
} }


#terminal { #terminal {
padding: 10px;
text-align: left; text-align: left;
color: #fff; color: #fff;
background: @dark-blue; background: @dark-blue;
background: url(../images/terminal.svg); background: url(../images/terminal.svg);
background-repeat: no-repeat;
background-repeat: no-repeat;
background-size: 100% auto; background-size: 100% auto;
font-family: @font-family-mono; font-family: @font-family-mono;
font-size: 11px;
font-size: 15px;
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
padding: 30px 20px;
padding: 10px 20px;
} }
} }

.progress { .progress {
max-width: 80%; max-width: 80%;
margin: 0 auto; margin: 0 auto;
} }

.all-files { .all-files {
display: none; display: none;
} }

.all-files .show { .all-files .show {
display:block;
}
display: block;
}

+ 40
- 40
transfersh-web/styles/main.css View File

@@ -1,5 +1,4 @@
@charset "UTF-8"; @charset "UTF-8";
@import "../bower_components/highlightjs/styles/zenburn.css";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, article,
aside, aside,
@@ -260,7 +259,7 @@ body {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 1.42857143; line-height: 1.42857143;
color: #36535a;
color: #3b3b3b;
background-color: #ffffff; background-color: #ffffff;
} }
input, input,
@@ -272,12 +271,12 @@ textarea {
line-height: inherit; line-height: inherit;
} }
a { a {
color: #428bca;
color: #3b3b3b;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
a:focus { a:focus {
color: #2a6496;
color: #151515;
text-decoration: underline; text-decoration: underline;
} }
a:focus { a:focus {
@@ -623,6 +622,7 @@ address {
font-style: normal; font-style: normal;
line-height: 1.42857143; line-height: 1.42857143;
} }
/* @import "../bower_components/bootstrap/less/code.less"; */
.container { .container {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
@@ -5373,8 +5373,11 @@ body {
} }
#navigation h1 { #navigation h1 {
text-align: center; text-align: center;
font-family: "Source code Pro", monospace;
font-family: "Source Code Pro", monospace;
margin-bottom: 15px; margin-bottom: 15px;
color: #3b3b3b;
font-weight: 600;
letter-spacing: -1px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
#navigation ul { #navigation ul {
@@ -5403,6 +5406,7 @@ h2 {
color: #e96e57; color: #e96e57;
border-radius: 10px; border-radius: 10px;
display: inline-block; display: inline-block;
text-decoration: none;
} }
.btn-cta:hover { .btn-cta:hover {
text-decoration: none; text-decoration: none;
@@ -5452,17 +5456,19 @@ img {
max-width: 100%; max-width: 100%;
margin: 0 auto; margin: 0 auto;
} }
a {
text-decoration: underline;
color: #36535a;
}
a:hover { a:hover {
text-decoration: none; text-decoration: none;
color: inherit ; color: inherit ;
} }
::selection { ::selection {
background: #e96e57; background: #e96e57;
/* WebKit/Blink Browsers */
} }
::-moz-selection { ::-moz-selection {
background: #e96e57; background: #e96e57;
/* Gecko Browsers */
} }
#home { #home {
text-align: center; text-align: center;
@@ -5475,25 +5481,11 @@ a:hover {
padding: 50px; padding: 50px;
} }
#home h2 { #home h2 {
font-size: 60px;
font-size: 45px;
margin-top: -10px; margin-top: -10px;
margin-bottom: 45px; margin-bottom: 45px;
} }
} }
#from-terminal,
#from-web {
position: relative;
min-height: 1px;
padding-left: 38px;
padding-right: 38px;
}
@media (min-width: 992px) {
#from-terminal,
#from-web {
float: left;
width: 50%;
}
}
#from-terminal h3, #from-terminal h3,
#from-web h3 { #from-web h3 {
font-size: 30px; font-size: 30px;
@@ -5501,59 +5493,67 @@ a:hover {
#web { #web {
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
border: 1px dashed #85b5bb;
padding-top: 10px;
border-radius: 5px;
cursor: pointer;
} }
#web i { #web i {
font-size: 160px;
font-size: 100px;
color: #85b5bb; color: #85b5bb;
}
#web p.click {
margin-top: -66px;
font-size: 18px;
display: block;
margin-top: -20px;
} }
#web .btn-cta { #web .btn-cta {
padding: 5px 10px; padding: 5px 10px;
font-size: 14px; font-size: 14px;
} }
#web,
#web .click {
margin-top: -50px;
color: #fff;
}
#web .queue {
margin: 0;
list-style: none;
padding: 0;
}
#web a {
color: #fff;
}
#terminal { #terminal {
min-height: 150px; min-height: 150px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
#web,
#terminal { #terminal {
min-height: 270px;
min-height: 350px;
} }
} }
#terminal .examples {
padding: 10px 0px;
}
#terminal code {
font-family: "Source Code Pro", monospace;
}
#web .uploading i { #web .uploading i {
-webkit-transition: font 0.3s ease; -webkit-transition: font 0.3s ease;
transition: font 0.3s ease; transition: font 0.3s ease;
font-size: 40px; font-size: 40px;
} }
#web .uploading p.click { #web .uploading p.click {
margin-top: -10px;
font-size: 14px; font-size: 14px;
} }
.dragged { .dragged {
background: #f6f8f8; background: #f6f8f8;
} }
#terminal { #terminal {
padding: 10px;
text-align: left; text-align: left;
color: #fff; color: #fff;
background: #36535a; background: #36535a;
background: url(../images/terminal.svg); background: url(../images/terminal.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; background-size: 100% auto;
font-family: "Source code Pro", monospace;
font-size: 11px;
font-family: "Source Code Pro", monospace;
font-size: 15px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
#terminal { #terminal {
padding: 30px 20px;
padding: 10px 20px;
} }
} }
.progress { .progress {
@@ -5594,7 +5594,7 @@ a:hover {
display: block; display: block;
padding: 10px 20px; padding: 10px 20px;
background: #36535a; background: #36535a;
font-family: "Source code Pro", monospace;
font-family: "Source Code Pro", monospace;
font-size: 12px; font-size: 12px;
border-radius: 5px; border-radius: 5px;
color: #fff; color: #fff;


+ 1
- 1
transfersh-web/styles/main.css.map
File diff suppressed because it is too large
View File


+ 0
- 3
transfersh-web/styles/main.less View File

@@ -2,9 +2,6 @@




@import "../bower_components/animate.less/animate.less"; @import "../bower_components/animate.less/animate.less";
@import "../bower_components/highlightjs/styles/zenburn.css";




@import "config"; @import "config";
@import "includes/global"; @import "includes/global";


Write Preview
Loading…
Cancel
Save