@@ -130,11 +130,12 @@ | |||||
<div class="wrapper"> | <div class="wrapper"> | ||||
<div class="row"> | <div class="row"> | ||||
<div class="col-md-6 col-xs-6"> | <div class="col-md-6 col-xs-6"> | ||||
<meta name="twitter:widgets:link-color" content="#cc0000"> | |||||
<blockquote class="twitter-tweet" lang="en"> | <blockquote class="twitter-tweet" lang="en"> | ||||
<p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> Thanks for transfer.sh. Just used it for a production purpose for a customer. So great, so easy, so https. :)</p>— Dave Sims (@FloifyDave) <a href="https://twitter.com/FloifyDave/status/517383101425516544">October 1, 2014</a> | <p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> Thanks for transfer.sh. Just used it for a production purpose for a customer. So great, so easy, so https. :)</p>— Dave Sims (@FloifyDave) <a href="https://twitter.com/FloifyDave/status/517383101425516544">October 1, 2014</a> | ||||
</blockquote> | </blockquote> | ||||
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> | |||||
<script async src="http://platform.twitter.com/widgets.js" charset="utf-8"></script> | |||||
</div> | </div> | ||||
<div class="col-md-6 col-xs-6"> | <div class="col-md-6 col-xs-6"> | ||||
<blockquote class="twitter-tweet" lang="en"> | <blockquote class="twitter-tweet" lang="en"> | ||||
@@ -1,155 +0,0 @@ | |||||
/* The MIT License */ | |||||
.dropzone, | |||||
.dropzone *, | |||||
.dropzone-previews, | |||||
.dropzone-previews * { | |||||
-webkit-box-sizing: border-box; | |||||
-moz-box-sizing: border-box; | |||||
box-sizing: border-box; | |||||
} | |||||
.dropzone { | |||||
position: relative; | |||||
border: 1px solid rgba(0,0,0,0.08); | |||||
background: rgba(0,0,0,0.02); | |||||
padding: 1em; | |||||
} | |||||
.dropzone.dz-clickable { | |||||
cursor: pointer; | |||||
} | |||||
.dropzone.dz-clickable .dz-message, | |||||
.dropzone.dz-clickable .dz-message span { | |||||
cursor: pointer; | |||||
} | |||||
.dropzone.dz-clickable * { | |||||
cursor: default; | |||||
} | |||||
.dropzone .dz-message { | |||||
opacity: 1; | |||||
-ms-filter: none; | |||||
filter: none; | |||||
} | |||||
.dropzone.dz-drag-hover { | |||||
border-color: rgba(0,0,0,0.15); | |||||
background: rgba(0,0,0,0.04); | |||||
} | |||||
.dropzone.dz-started .dz-message { | |||||
display: none; | |||||
} | |||||
.dropzone .dz-preview, | |||||
.dropzone-previews .dz-preview { | |||||
background: rgba(255,255,255,0.8); | |||||
position: relative; | |||||
display: inline-block; | |||||
margin: 17px; | |||||
vertical-align: top; | |||||
border: 1px solid #acacac; | |||||
padding: 6px 6px 6px 6px; | |||||
} | |||||
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], | |||||
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { | |||||
display: none; | |||||
} | |||||
.dropzone .dz-preview .dz-details, | |||||
.dropzone-previews .dz-preview .dz-details { | |||||
width: 50px; | |||||
height: 50px; | |||||
position: relative; | |||||
background: #ebebeb; | |||||
padding: 5px; | |||||
margin-bottom: 22px; | |||||
} | |||||
.dropzone .dz-preview .dz-details .dz-filename, | |||||
.dropzone-previews .dz-preview .dz-details .dz-filename { | |||||
overflow: hidden; | |||||
height: 100%; | |||||
} | |||||
.dropzone .dz-preview .dz-details img, | |||||
.dropzone-previews .dz-preview .dz-details img { | |||||
position: absolute; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100px; | |||||
height: 100px; | |||||
} | |||||
.dropzone .dz-preview .dz-details .dz-size, | |||||
.dropzone-previews .dz-preview .dz-details .dz-size { | |||||
position: absolute; | |||||
bottom: -28px; | |||||
left: 3px; | |||||
height: 28px; | |||||
line-height: 28px; | |||||
} | |||||
.dropzone .dz-preview.dz-error .dz-error-mark, | |||||
.dropzone-previews .dz-preview.dz-error .dz-error-mark { | |||||
display: block; | |||||
} | |||||
.dropzone .dz-preview.dz-success .dz-success-mark, | |||||
.dropzone-previews .dz-preview.dz-success .dz-success-mark { | |||||
display: block; | |||||
} | |||||
.dropzone .dz-preview:hover .dz-details img, | |||||
.dropzone-previews .dz-preview:hover .dz-details img { | |||||
display: none; | |||||
} | |||||
.dropzone .dz-preview .dz-success-mark, | |||||
.dropzone-previews .dz-preview .dz-success-mark, | |||||
.dropzone .dz-preview .dz-error-mark, | |||||
.dropzone-previews .dz-preview .dz-error-mark { | |||||
display: none; | |||||
position: absolute; | |||||
width: 40px; | |||||
height: 40px; | |||||
font-size: 30px; | |||||
text-align: center; | |||||
right: -10px; | |||||
top: -10px; | |||||
} | |||||
.dropzone .dz-preview .dz-success-mark, | |||||
.dropzone-previews .dz-preview .dz-success-mark { | |||||
color: #8cc657; | |||||
} | |||||
.dropzone .dz-preview .dz-error-mark, | |||||
.dropzone-previews .dz-preview .dz-error-mark { | |||||
color: #ee162d; | |||||
} | |||||
.dropzone .dz-preview .dz-progress, | |||||
.dropzone-previews .dz-preview .dz-progress { | |||||
position: absolute; | |||||
top: 100px; | |||||
left: 6px; | |||||
right: 6px; | |||||
height: 6px; | |||||
background: #d7d7d7; | |||||
display: none; | |||||
} | |||||
.dropzone .dz-preview .dz-progress .dz-upload, | |||||
.dropzone-previews .dz-preview .dz-progress .dz-upload { | |||||
display: block; | |||||
position: absolute; | |||||
top: 0; | |||||
bottom: 0; | |||||
left: 0; | |||||
width: 0%; | |||||
background-color: #8cc657; | |||||
} | |||||
.dropzone .dz-preview.dz-processing .dz-progress, | |||||
.dropzone-previews .dz-preview.dz-processing .dz-progress { | |||||
display: block; | |||||
} | |||||
.dropzone .dz-preview .dz-error-message, | |||||
.dropzone-previews .dz-preview .dz-error-message { | |||||
display: none; | |||||
position: absolute; | |||||
top: -5px; | |||||
left: -20px; | |||||
background: rgba(245,245,245,0.8); | |||||
padding: 8px 10px; | |||||
color: #800; | |||||
min-width: 140px; | |||||
max-width: 500px; | |||||
z-index: 500; | |||||
} | |||||
/*.dropzone .dz-preview:hover.dz-error .dz-error-message, | |||||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { | |||||
display: block; | |||||
}*/ |
@@ -2152,161 +2152,6 @@ footer img { | |||||
margin-top: -50px; | margin-top: -50px; | ||||
margin-bottom: 40px; | margin-bottom: 40px; | ||||
} | } | ||||
/* The MIT License */ | |||||
.dropzone, | |||||
.dropzone *, | |||||
.dropzone-previews, | |||||
.dropzone-previews * { | |||||
-webkit-box-sizing: border-box; | |||||
-moz-box-sizing: border-box; | |||||
box-sizing: border-box; | |||||
} | |||||
.dropzone { | |||||
position: relative; | |||||
border: 1px solid rgba(0, 0, 0, 0.08); | |||||
background: rgba(0, 0, 0, 0.02); | |||||
padding: 1em; | |||||
} | |||||
.dropzone.dz-clickable { | |||||
cursor: pointer; | |||||
} | |||||
.dropzone.dz-clickable .dz-message, | |||||
.dropzone.dz-clickable .dz-message span { | |||||
cursor: pointer; | |||||
} | |||||
.dropzone.dz-clickable * { | |||||
cursor: default; | |||||
} | |||||
.dropzone .dz-message { | |||||
opacity: 1; | |||||
-ms-filter: none; | |||||
filter: none; | |||||
} | |||||
.dropzone.dz-drag-hover { | |||||
border-color: rgba(0, 0, 0, 0.15); | |||||
background: rgba(0, 0, 0, 0.04); | |||||
} | |||||
.dropzone.dz-started .dz-message { | |||||
display: none; | |||||
} | |||||
.dropzone .dz-preview, | |||||
.dropzone-previews .dz-preview { | |||||
background: rgba(255, 255, 255, 0.8); | |||||
position: relative; | |||||
display: inline-block; | |||||
margin: 17px; | |||||
vertical-align: top; | |||||
border: 1px solid #acacac; | |||||
padding: 6px 6px 6px 6px; | |||||
} | |||||
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], | |||||
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { | |||||
display: none; | |||||
} | |||||
.dropzone .dz-preview .dz-details, | |||||
.dropzone-previews .dz-preview .dz-details { | |||||
width: 50px; | |||||
height: 50px; | |||||
position: relative; | |||||
background: #ebebeb; | |||||
padding: 5px; | |||||
margin-bottom: 22px; | |||||
} | |||||
.dropzone .dz-preview .dz-details .dz-filename, | |||||
.dropzone-previews .dz-preview .dz-details .dz-filename { | |||||
overflow: hidden; | |||||
height: 100%; | |||||
} | |||||
.dropzone .dz-preview .dz-details img, | |||||
.dropzone-previews .dz-preview .dz-details img { | |||||
position: absolute; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100px; | |||||
height: 100px; | |||||
} | |||||
.dropzone .dz-preview .dz-details .dz-size, | |||||
.dropzone-previews .dz-preview .dz-details .dz-size { | |||||
position: absolute; | |||||
bottom: -28px; | |||||
left: 3px; | |||||
height: 28px; | |||||
line-height: 28px; | |||||
} | |||||
.dropzone .dz-preview.dz-error .dz-error-mark, | |||||
.dropzone-previews .dz-preview.dz-error .dz-error-mark { | |||||
display: block; | |||||
} | |||||
.dropzone .dz-preview.dz-success .dz-success-mark, | |||||
.dropzone-previews .dz-preview.dz-success .dz-success-mark { | |||||
display: block; | |||||
} | |||||
.dropzone .dz-preview:hover .dz-details img, | |||||
.dropzone-previews .dz-preview:hover .dz-details img { | |||||
display: none; | |||||
} | |||||
.dropzone .dz-preview .dz-success-mark, | |||||
.dropzone-previews .dz-preview .dz-success-mark, | |||||
.dropzone .dz-preview .dz-error-mark, | |||||
.dropzone-previews .dz-preview .dz-error-mark { | |||||
display: none; | |||||
position: absolute; | |||||
width: 40px; | |||||
height: 40px; | |||||
font-size: 30px; | |||||
text-align: center; | |||||
right: -10px; | |||||
top: -10px; | |||||
} | |||||
.dropzone .dz-preview .dz-success-mark, | |||||
.dropzone-previews .dz-preview .dz-success-mark { | |||||
color: #8cc657; | |||||
} | |||||
.dropzone .dz-preview .dz-error-mark, | |||||
.dropzone-previews .dz-preview .dz-error-mark { | |||||
color: #ee162d; | |||||
} | |||||
.dropzone .dz-preview .dz-progress, | |||||
.dropzone-previews .dz-preview .dz-progress { | |||||
position: absolute; | |||||
top: 100px; | |||||
left: 6px; | |||||
right: 6px; | |||||
height: 6px; | |||||
background: #d7d7d7; | |||||
display: none; | |||||
} | |||||
.dropzone .dz-preview .dz-progress .dz-upload, | |||||
.dropzone-previews .dz-preview .dz-progress .dz-upload { | |||||
display: block; | |||||
position: absolute; | |||||
top: 0; | |||||
bottom: 0; | |||||
left: 0; | |||||
width: 0%; | |||||
background-color: #8cc657; | |||||
} | |||||
.dropzone .dz-preview.dz-processing .dz-progress, | |||||
.dropzone-previews .dz-preview.dz-processing .dz-progress { | |||||
display: block; | |||||
} | |||||
.dropzone .dz-preview .dz-error-message, | |||||
.dropzone-previews .dz-preview .dz-error-message { | |||||
display: none; | |||||
position: absolute; | |||||
top: -5px; | |||||
left: -20px; | |||||
background: rgba(245, 245, 245, 0.8); | |||||
padding: 8px 10px; | |||||
color: #800; | |||||
min-width: 140px; | |||||
max-width: 500px; | |||||
z-index: 500; | |||||
} | |||||
/*.dropzone .dz-preview:hover.dz-error .dz-error-message, | |||||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { | |||||
display: block; | |||||
}*/ | |||||
@font-face { | @font-face { | ||||
font-family: "transfersh"; | font-family: "transfersh"; | ||||
src: url("../fonts/transfersh.eot"); | src: url("../fonts/transfersh.eot"); | ||||
@@ -8,7 +8,6 @@ | |||||
@import "global"; | @import "global"; | ||||
@import "home"; | @import "home"; | ||||
@import "pages"; | @import "pages"; | ||||
@import "dropzone"; | |||||
@import "transfersh-icons"; | @import "transfersh-icons"; | ||||
@@ -28,4 +27,5 @@ | |||||
#reviews { | #reviews { | ||||
background: @dark-blue; | background: @dark-blue; | ||||
padding: 130px 0 | padding: 130px 0 | ||||
} | |||||
} | |||||