mirror of
https://github.com/dutchcoders/transfer.sh.git
synced 2020-11-18 19:53:40 -08:00
preview md image, regular
This commit is contained in:
Uvis Grinfelds
parent
0c2c4631fe
commit
7249b90d7c
126
transfersh-web/download.code.html
Normal file
126
transfersh-web/download.code.html
Normal file
@ -0,0 +1,126 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js">
|
||||
<!--<![endif]-->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>{{.Filename}} - transfer.sh</title>
|
||||
<meta name="description" content="Easy and fast file sharing from the command-line.">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||||
<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+Code+Pro:400' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
|
||||
<!-- build:js scripts/vendor/modernizr.js -->
|
||||
<script src="bower_components/modernizr/modernizr.js"></script>
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
|
||||
<body id="download">
|
||||
<script>
|
||||
(function(i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
i[r] = i[r] || function() {
|
||||
(i[r].q = i[r].q || []).push(arguments)
|
||||
}, i[r].l = 1 * new Date();
|
||||
a = s.createElement(o),
|
||||
m = s.getElementsByTagName(o)[0];
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m)
|
||||
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
||||
ga('create', 'UA-40833733-1', 'transfer.sh');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
<div id="navigation">
|
||||
<div class="wrapper">
|
||||
<h1>transfer.sh</h1>
|
||||
<ul class="hidden-xs">
|
||||
<li><a href="#samples">sample use cases</a>
|
||||
</li>
|
||||
<li><a href="#contact">contact us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section id="home">
|
||||
<div class="wrapper">
|
||||
<h2>
|
||||
{{.Filename}}</h2>
|
||||
<a href="{{.Url}}"></a>
|
||||
<div class="row animated fadeInDown">
|
||||
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
|
||||
<div class="terminal-top">
|
||||
|
||||
</div>
|
||||
<div id="terminal" class="terminal">
|
||||
<div id="code"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
include "includes/download-btn.html"
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
var uv = document.createElement('script');
|
||||
uv.type = 'text/javascript';
|
||||
uv.async = true;
|
||||
uv.src = '//widget.uservoice.com/5rkATbLIm8ClJQeOirOhFg.js';
|
||||
var s = document.getElementsByTagName('script')[0];
|
||||
s.parentNode.insertBefore(uv, s)
|
||||
})()
|
||||
</script>
|
||||
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<script>
|
||||
(function(b, o, i, l, e, r) {
|
||||
b.GoogleAnalyticsObject = l;
|
||||
b[l] || (b[l] =
|
||||
function() {
|
||||
(b[l].q = b[l].q || []).push(arguments)
|
||||
});
|
||||
b[l].l = +new Date;
|
||||
e = o.createElement(i);
|
||||
r = o.getElementsByTagName(i)[0];
|
||||
e.src = '//www.google-analytics.com/analytics.js';
|
||||
r.parentNode.insertBefore(e, r)
|
||||
}(window, document, 'script', 'ga'));
|
||||
ga('create', 'UA-40833733-1', 'transfer.sh');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
include "includes/js.html"
|
||||
<script>
|
||||
|
||||
var text = "# Markdown *works*.";
|
||||
|
||||
var converter = new Showdown.converter();
|
||||
var html = converter.makeHtml(text);
|
||||
$('#md-preview').append(html);
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
include "includes/head.html"
|
||||
|
||||
<body>
|
||||
<body id="download">
|
||||
<script>
|
||||
(function (i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
@ -25,45 +25,27 @@ include "includes/head.html"
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
|
||||
include "includes/navigation.html"
|
||||
|
||||
|
||||
|
||||
<section id="home">
|
||||
<div class="wrapper">
|
||||
<br/>
|
||||
<h2>
|
||||
{{.Filename}}</h2>
|
||||
<a href="{{.Url}}"></a>
|
||||
<!--
|
||||
<div class="row animated fadeInDown">
|
||||
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
|
||||
<div class="terminal-top">
|
||||
|
||||
</div>
|
||||
<div id="terminal" class="terminal">
|
||||
<div class="preview-wrapper">
|
||||
<div id="md-preview"></div>
|
||||
</div>
|
||||
</div>
|
||||
include "includes/download-btn.html"
|
||||
|
||||
-->
|
||||
|
||||
<div>
|
||||
<a href="{{.Url}}" class="btn-cta btn-home"> download</i> </a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
include "includes/footer.html"
|
||||
|
||||
|
||||
|
||||
|
||||
include "includes/js.html"
|
||||
|
||||
<script>
|
||||
var text = "# Markdown *works*"
|
||||
var converter = new Showdown.converter();
|
||||
var html = converter.makeHtml(text);
|
||||
$('#md-preview').append(html);
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
@ -1,7 +1,71 @@
|
||||
<html>
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js">
|
||||
<!--<![endif]-->
|
||||
|
||||
include "includes/head.html"
|
||||
|
||||
<body id="download">
|
||||
<script>
|
||||
(function(i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
i[r] = i[r] || function() {
|
||||
(i[r].q = i[r].q || []).push(arguments)
|
||||
}, i[r].l = 1 * new Date();
|
||||
a = s.createElement(o),
|
||||
m = s.getElementsByTagName(o)[0];
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m)
|
||||
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
||||
ga('create', 'UA-40833733-1', 'transfer.sh');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
|
||||
include "includes/navigation.html"
|
||||
<section id="home">
|
||||
<div class="wrapper">
|
||||
<br/>
|
||||
<h2>
|
||||
{{.Filename}}</h2>
|
||||
<a href="{{.Url}}"></a>
|
||||
|
||||
<div class="row animated fadeInDown">
|
||||
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
|
||||
<div class="terminal-top">
|
||||
|
||||
</div>
|
||||
<div id="terminal" class="terminal preview-image">
|
||||
<img src="http://placehold.it/400x400" alt="">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<br/>
|
||||
<div>
|
||||
|
||||
<a href="#" id="copy-link-btn" class="btn-cta btn">copy link</a>
|
||||
<a href="{{.Url}}" class="btn-cta btn"> download</i> </a>
|
||||
|
||||
<div id="copy-link-wrapper" class="copy-link-wrapper">
|
||||
<p>Press Ctrl / CMD + C to copy link to your clipboard.</p>
|
||||
<input readonly="readonly" type="text" value="{{.Url}}" />
|
||||
</div>
|
||||
<div id="overlay" class="overlay"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
include "includes/js.html"
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
{{.ContentType}}
|
||||
{{.ContentLength}}
|
||||
{{.Filename}}
|
||||
<a href="{{.Url}}">Download</a>
|
||||
</html>
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body id="download">
|
||||
<script>
|
||||
(function(i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
@ -67,12 +67,15 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<a href="{{.Url}}" class="btn-cta btn-home"> download</i> </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
include "includes/download-btn.html"
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
var uv = document.createElement('script');
|
||||
@ -105,15 +108,7 @@
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
<!-- build:js scripts/main.js -->
|
||||
<script src="bower_components/jquery/dist/jquery.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/collapse.js"></script>
|
||||
<script src="scripts/showdown.js"></script>
|
||||
<script src="scripts/main.js"></script>
|
||||
<!-- endbuild -->
|
||||
|
||||
include "includes/js.html"
|
||||
<script>
|
||||
|
||||
var text = "# Markdown *works*.";
|
||||
|
||||
9
transfersh-web/includes/download-btn.html
Normal file
9
transfersh-web/includes/download-btn.html
Normal file
@ -0,0 +1,9 @@
|
||||
<div>
|
||||
<a href="#" id="copy-link-btn" class="btn-cta btn">copy link</a>
|
||||
<a href="{{.Url}}" class="btn-cta btn"> download</i> </a>
|
||||
<div id="copy-link-wrapper" class="copy-link-wrapper">
|
||||
<p>Press Ctrl / CMD + C to copy link to your clipboard.</p>
|
||||
<input readonly="readonly" type="text" value="{{.Url}}" />
|
||||
</div>
|
||||
<div id="overlay" class="overlay"></div>
|
||||
</div>
|
||||
@ -3,6 +3,7 @@
|
||||
<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/collapse.js"></script>
|
||||
<script src="scripts/showdown.js"></script>
|
||||
<script src="scripts/main.js"></script>
|
||||
<!-- endbuild -->
|
||||
|
||||
@ -102,3 +102,61 @@ $(document).ready(function() {
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
(function() {
|
||||
var copylinkbtn = document.getElementById("copy-link-btn"),
|
||||
copylink = document.getElementById("copy-link-wrapper"),
|
||||
overlay = document.getElementById("overlay");
|
||||
|
||||
copylinkbtn.addEventListener("click", function() {
|
||||
|
||||
var error = document.getElementsByClassName('error');
|
||||
|
||||
while (error[0]) {
|
||||
error[0].parentNode.removeChild(error[0]);
|
||||
}
|
||||
|
||||
document.body.className += ' active';
|
||||
|
||||
copylink.children[2].value = window.location.href;
|
||||
copylink.children[2].focus();
|
||||
copylink.children[2].select();
|
||||
}, false);
|
||||
|
||||
overlay.addEventListener("click", function() {
|
||||
document.body.className = '';
|
||||
}, false);
|
||||
|
||||
copylink.children[2].addEventListener("keydown", function(e) {
|
||||
|
||||
var error = document.getElementsByClassName('error');
|
||||
|
||||
while (error[0]) {
|
||||
error[0].parentNode.removeChild(error[0]);
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
|
||||
if((e.metaKey || e.ctrlKey) && e.keyCode === 67 && isTextSelected(copylink.children[2])) {
|
||||
document.body.className = '';
|
||||
} else if((e.metaKey || e.ctrlKey) && e.keyCode === 67 && isTextSelected(copylink.children[2]) === false) {
|
||||
var error = document.createElement('span');
|
||||
error.className = 'error';
|
||||
var errortext = document.createTextNode('The link was not copied, make sure the entire text is selected.');
|
||||
|
||||
error.appendChild(errortext);
|
||||
copylink.appendChild(error);
|
||||
}
|
||||
}, 100);
|
||||
|
||||
function isTextSelected(input) {
|
||||
if (typeof input.selectionStart == "number") {
|
||||
return input.selectionStart == 0 && input.selectionEnd == input.value.length;
|
||||
} else if (typeof document.selection != "undefined") {
|
||||
input.focus();
|
||||
return document.selection.createRange().text == input.value;
|
||||
}
|
||||
}
|
||||
}, false);
|
||||
})();
|
||||
6
transfersh-web/styles/bootstrap.less
vendored
6
transfersh-web/styles/bootstrap.less
vendored
@ -9,10 +9,10 @@
|
||||
// Core CSS
|
||||
@import "../bower_components/bootstrap/less/scaffolding.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/tables.less";
|
||||
//@import "../bower_components/bootstrap/less/forms.less";
|
||||
@import "../bower_components/bootstrap/less/tables.less";
|
||||
@import "../bower_components/bootstrap/less/forms.less";
|
||||
//@import "../bower_components/bootstrap/less/buttons.less";
|
||||
|
||||
// Components
|
||||
|
||||
@ -1,3 +1,93 @@
|
||||
.preview-wrapper {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
#download {
|
||||
//padding-bottom: 200px;
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.preview-image {
|
||||
img {
|
||||
margin: 0 auto;
|
||||
display:block;
|
||||
max-width: 800px;
|
||||
max-width: 100%;
|
||||
}
|
||||
padding: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0,0,0,0.10);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease;
|
||||
.active & {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.copy-link-wrapper {
|
||||
z-index: 200;
|
||||
padding: 2em;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 50%;
|
||||
max-width: 500px;
|
||||
min-width: 300px;
|
||||
background-color: @blue;
|
||||
border-radius: 2px;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease;
|
||||
clip:rect(1px 1px 1px 1px);
|
||||
opacity: 0;
|
||||
top: -9999999px;
|
||||
left: -9999999px;
|
||||
.active & {
|
||||
clip: auto;
|
||||
opacity: 1;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
p {
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
input {
|
||||
background-color: @light-gray;
|
||||
color: @text-color;
|
||||
border: 0;
|
||||
font-size: 1em;
|
||||
padding: 1em;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
border-radius: 2px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.error {
|
||||
text-align: center;
|
||||
color: #E7483B;
|
||||
display: block;
|
||||
padding: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
#md-preview {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
@ -622,7 +622,45 @@ address {
|
||||
font-style: normal;
|
||||
line-height: 1.42857143;
|
||||
}
|
||||
/* @import "../bower_components/bootstrap/less/code.less"; */
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
code {
|
||||
padding: 2px 4px;
|
||||
font-size: 90%;
|
||||
color: #c7254e;
|
||||
background-color: #f9f2f4;
|
||||
white-space: nowrap;
|
||||
border-radius: 4px;
|
||||
}
|
||||
pre {
|
||||
display: block;
|
||||
padding: 9.5px;
|
||||
margin: 0 0 10px;
|
||||
font-size: 13px;
|
||||
line-height: 1.42857143;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
color: #333333;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #cccccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
white-space: pre-wrap;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
.pre-scrollable {
|
||||
max-height: 340px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
@ -1316,6 +1354,538 @@ address {
|
||||
margin-left: 0%;
|
||||
}
|
||||
}
|
||||
table {
|
||||
max-width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
.table {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.table > thead > tr > th,
|
||||
.table > tbody > tr > th,
|
||||
.table > tfoot > tr > th,
|
||||
.table > thead > tr > td,
|
||||
.table > tbody > tr > td,
|
||||
.table > tfoot > tr > td {
|
||||
padding: 8px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
.table > thead > tr > th {
|
||||
vertical-align: bottom;
|
||||
border-bottom: 2px solid #dddddd;
|
||||
}
|
||||
.table > caption + thead > tr:first-child > th,
|
||||
.table > colgroup + thead > tr:first-child > th,
|
||||
.table > thead:first-child > tr:first-child > th,
|
||||
.table > caption + thead > tr:first-child > td,
|
||||
.table > colgroup + thead > tr:first-child > td,
|
||||
.table > thead:first-child > tr:first-child > td {
|
||||
border-top: 0;
|
||||
}
|
||||
.table > tbody + tbody {
|
||||
border-top: 2px solid #dddddd;
|
||||
}
|
||||
.table .table {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.table-condensed > thead > tr > th,
|
||||
.table-condensed > tbody > tr > th,
|
||||
.table-condensed > tfoot > tr > th,
|
||||
.table-condensed > thead > tr > td,
|
||||
.table-condensed > tbody > tr > td,
|
||||
.table-condensed > tfoot > tr > td {
|
||||
padding: 5px;
|
||||
}
|
||||
.table-bordered {
|
||||
border: 1px solid #dddddd;
|
||||
}
|
||||
.table-bordered > thead > tr > th,
|
||||
.table-bordered > tbody > tr > th,
|
||||
.table-bordered > tfoot > tr > th,
|
||||
.table-bordered > thead > tr > td,
|
||||
.table-bordered > tbody > tr > td,
|
||||
.table-bordered > tfoot > tr > td {
|
||||
border: 1px solid #dddddd;
|
||||
}
|
||||
.table-bordered > thead > tr > th,
|
||||
.table-bordered > thead > tr > td {
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
.table-striped > tbody > tr:nth-child(odd) > td,
|
||||
.table-striped > tbody > tr:nth-child(odd) > th {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.table-hover > tbody > tr:hover > td,
|
||||
.table-hover > tbody > tr:hover > th {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
table col[class*="col-"] {
|
||||
position: static;
|
||||
float: none;
|
||||
display: table-column;
|
||||
}
|
||||
table td[class*="col-"],
|
||||
table th[class*="col-"] {
|
||||
float: none;
|
||||
display: table-cell;
|
||||
}
|
||||
.table > thead > tr > .active,
|
||||
.table > tbody > tr > .active,
|
||||
.table > tfoot > tr > .active,
|
||||
.table > thead > .active > td,
|
||||
.table > tbody > .active > td,
|
||||
.table > tfoot > .active > td,
|
||||
.table > thead > .active > th,
|
||||
.table > tbody > .active > th,
|
||||
.table > tfoot > .active > th {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.table-hover > tbody > tr > .active:hover,
|
||||
.table-hover > tbody > .active:hover > td,
|
||||
.table-hover > tbody > .active:hover > th {
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
.table > thead > tr > .success,
|
||||
.table > tbody > tr > .success,
|
||||
.table > tfoot > tr > .success,
|
||||
.table > thead > .success > td,
|
||||
.table > tbody > .success > td,
|
||||
.table > tfoot > .success > td,
|
||||
.table > thead > .success > th,
|
||||
.table > tbody > .success > th,
|
||||
.table > tfoot > .success > th {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
.table-hover > tbody > tr > .success:hover,
|
||||
.table-hover > tbody > .success:hover > td,
|
||||
.table-hover > tbody > .success:hover > th {
|
||||
background-color: #d0e9c6;
|
||||
}
|
||||
.table > thead > tr > .danger,
|
||||
.table > tbody > tr > .danger,
|
||||
.table > tfoot > tr > .danger,
|
||||
.table > thead > .danger > td,
|
||||
.table > tbody > .danger > td,
|
||||
.table > tfoot > .danger > td,
|
||||
.table > thead > .danger > th,
|
||||
.table > tbody > .danger > th,
|
||||
.table > tfoot > .danger > th {
|
||||
background-color: #f2dede;
|
||||
}
|
||||
.table-hover > tbody > tr > .danger:hover,
|
||||
.table-hover > tbody > .danger:hover > td,
|
||||
.table-hover > tbody > .danger:hover > th {
|
||||
background-color: #ebcccc;
|
||||
}
|
||||
.table > thead > tr > .warning,
|
||||
.table > tbody > tr > .warning,
|
||||
.table > tfoot > tr > .warning,
|
||||
.table > thead > .warning > td,
|
||||
.table > tbody > .warning > td,
|
||||
.table > tfoot > .warning > td,
|
||||
.table > thead > .warning > th,
|
||||
.table > tbody > .warning > th,
|
||||
.table > tfoot > .warning > th {
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
.table-hover > tbody > tr > .warning:hover,
|
||||
.table-hover > tbody > .warning:hover > td,
|
||||
.table-hover > tbody > .warning:hover > th {
|
||||
background-color: #faf2cc;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.table-responsive {
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
border: 1px solid #dddddd;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.table-responsive > .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.table-responsive > .table > thead > tr > th,
|
||||
.table-responsive > .table > tbody > tr > th,
|
||||
.table-responsive > .table > tfoot > tr > th,
|
||||
.table-responsive > .table > thead > tr > td,
|
||||
.table-responsive > .table > tbody > tr > td,
|
||||
.table-responsive > .table > tfoot > tr > td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.table-responsive > .table-bordered {
|
||||
border: 0;
|
||||
}
|
||||
.table-responsive > .table-bordered > thead > tr > th:first-child,
|
||||
.table-responsive > .table-bordered > tbody > tr > th:first-child,
|
||||
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
|
||||
.table-responsive > .table-bordered > thead > tr > td:first-child,
|
||||
.table-responsive > .table-bordered > tbody > tr > td:first-child,
|
||||
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
|
||||
border-left: 0;
|
||||
}
|
||||
.table-responsive > .table-bordered > thead > tr > th:last-child,
|
||||
.table-responsive > .table-bordered > tbody > tr > th:last-child,
|
||||
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
|
||||
.table-responsive > .table-bordered > thead > tr > td:last-child,
|
||||
.table-responsive > .table-bordered > tbody > tr > td:last-child,
|
||||
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
.table-responsive > .table-bordered > tbody > tr:last-child > th,
|
||||
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
|
||||
.table-responsive > .table-bordered > tbody > tr:last-child > td,
|
||||
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
font-size: 21px;
|
||||
line-height: inherit;
|
||||
color: #333333;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
input[type="search"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
margin: 4px 0 0;
|
||||
margin-top: 1px \9;
|
||||
/* IE8-9 */
|
||||
line-height: normal;
|
||||
}
|
||||
input[type="file"] {
|
||||
display: block;
|
||||
}
|
||||
select[multiple],
|
||||
select[size] {
|
||||
height: auto;
|
||||
}
|
||||
select optgroup {
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-family: inherit;
|
||||
}
|
||||
input[type="file"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="checkbox"]:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
input[type="number"]::-webkit-outer-spin-button,
|
||||
input[type="number"]::-webkit-inner-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
output {
|
||||
display: block;
|
||||
padding-top: 7px;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #555555;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #555555;
|
||||
vertical-align: middle;
|
||||
background-color: #ffffff;
|
||||
background-image: none;
|
||||
border: 1px solid #cccccc;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #66afe9;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
}
|
||||
.form-control:-moz-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
.form-control::-moz-placeholder {
|
||||
color: #999999;
|
||||
opacity: 1;
|
||||
}
|
||||
.form-control:-ms-input-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
.form-control::-webkit-input-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
.form-control[disabled],
|
||||
.form-control[readonly],
|
||||
fieldset[disabled] .form-control {
|
||||
cursor: not-allowed;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
.form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.radio,
|
||||
.checkbox {
|
||||
display: block;
|
||||
min-height: 20px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.radio label,
|
||||
.checkbox label {
|
||||
display: inline;
|
||||
margin-bottom: 0;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
}
|
||||
.radio input[type="radio"],
|
||||
.radio-inline input[type="radio"],
|
||||
.checkbox input[type="checkbox"],
|
||||
.checkbox-inline input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.radio + .radio,
|
||||
.checkbox + .checkbox {
|
||||
margin-top: -5px;
|
||||
}
|
||||
.radio-inline,
|
||||
.checkbox-inline {
|
||||
display: inline-block;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
}
|
||||
.radio-inline + .radio-inline,
|
||||
.checkbox-inline + .checkbox-inline {
|
||||
margin-top: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
input[type="radio"][disabled],
|
||||
input[type="checkbox"][disabled],
|
||||
.radio[disabled],
|
||||
.radio-inline[disabled],
|
||||
.checkbox[disabled],
|
||||
.checkbox-inline[disabled],
|
||||
fieldset[disabled] input[type="radio"],
|
||||
fieldset[disabled] input[type="checkbox"],
|
||||
fieldset[disabled] .radio,
|
||||
fieldset[disabled] .radio-inline,
|
||||
fieldset[disabled] .checkbox,
|
||||
fieldset[disabled] .checkbox-inline {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.input-sm {
|
||||
height: 30px;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
border-radius: 3px;
|
||||
}
|
||||
select.input-sm {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
textarea.input-sm {
|
||||
height: auto;
|
||||
}
|
||||
.input-lg {
|
||||
height: 46px;
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.33;
|
||||
border-radius: 6px;
|
||||
}
|
||||
select.input-lg {
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
textarea.input-lg {
|
||||
height: auto;
|
||||
}
|
||||
.has-warning .help-block,
|
||||
.has-warning .control-label,
|
||||
.has-warning .radio,
|
||||
.has-warning .checkbox,
|
||||
.has-warning .radio-inline,
|
||||
.has-warning .checkbox-inline {
|
||||
color: #8a6d3b;
|
||||
}
|
||||
.has-warning .form-control {
|
||||
border-color: #8a6d3b;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.has-warning .form-control:focus {
|
||||
border-color: #66512c;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
|
||||
}
|
||||
.has-warning .input-group-addon {
|
||||
color: #8a6d3b;
|
||||
border-color: #8a6d3b;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
.has-error .help-block,
|
||||
.has-error .control-label,
|
||||
.has-error .radio,
|
||||
.has-error .checkbox,
|
||||
.has-error .radio-inline,
|
||||
.has-error .checkbox-inline {
|
||||
color: #a94442;
|
||||
}
|
||||
.has-error .form-control {
|
||||
border-color: #a94442;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.has-error .form-control:focus {
|
||||
border-color: #843534;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
|
||||
}
|
||||
.has-error .input-group-addon {
|
||||
color: #a94442;
|
||||
border-color: #a94442;
|
||||
background-color: #f2dede;
|
||||
}
|
||||
.has-success .help-block,
|
||||
.has-success .control-label,
|
||||
.has-success .radio,
|
||||
.has-success .checkbox,
|
||||
.has-success .radio-inline,
|
||||
.has-success .checkbox-inline {
|
||||
color: #3c763d;
|
||||
}
|
||||
.has-success .form-control {
|
||||
border-color: #3c763d;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.has-success .form-control:focus {
|
||||
border-color: #2b542c;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
|
||||
}
|
||||
.has-success .input-group-addon {
|
||||
color: #3c763d;
|
||||
border-color: #3c763d;
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
.form-control-static {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.help-block {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
color: #7b7b7b;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.form-inline .form-group {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-inline .form-control {
|
||||
display: inline-block;
|
||||
}
|
||||
.form-inline select.form-control {
|
||||
width: auto;
|
||||
}
|
||||
.form-inline .radio,
|
||||
.form-inline .checkbox {
|
||||
display: inline-block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.form-inline .radio input[type="radio"],
|
||||
.form-inline .checkbox input[type="checkbox"] {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.form-horizontal .control-label,
|
||||
.form-horizontal .radio,
|
||||
.form-horizontal .checkbox,
|
||||
.form-horizontal .radio-inline,
|
||||
.form-horizontal .checkbox-inline {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-top: 7px;
|
||||
}
|
||||
.form-horizontal .radio,
|
||||
.form-horizontal .checkbox {
|
||||
min-height: 27px;
|
||||
}
|
||||
.form-horizontal .form-group {
|
||||
margin-left: -35px;
|
||||
margin-right: -35px;
|
||||
}
|
||||
.form-horizontal .form-group:before,
|
||||
.form-horizontal .form-group:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.form-horizontal .form-group:after {
|
||||
clear: both;
|
||||
}
|
||||
.form-horizontal .form-group:before,
|
||||
.form-horizontal .form-group:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.form-horizontal .form-group:after {
|
||||
clear: both;
|
||||
}
|
||||
.form-horizontal .form-control-static {
|
||||
padding-top: 7px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.form-horizontal .control-label {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s linear;
|
||||
@ -5810,4 +6380,85 @@ blockquote.tweet-xl a {
|
||||
.preview-wrapper {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
#download footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.preview-image {
|
||||
padding: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
.preview-image img {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
max-width: 800px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.overlay {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
.active .overlay {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.copy-link-wrapper {
|
||||
z-index: 200;
|
||||
padding: 2em;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 50%;
|
||||
max-width: 500px;
|
||||
min-width: 300px;
|
||||
background-color: #85b5bb;
|
||||
border-radius: 2px;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
transition: opacity 0.2s ease;
|
||||
clip: rect(1px 1px 1px 1px);
|
||||
opacity: 0;
|
||||
top: -9999999px;
|
||||
left: -9999999px;
|
||||
}
|
||||
.active .copy-link-wrapper {
|
||||
clip: auto;
|
||||
opacity: 1;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
.copy-link-wrapper p {
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
.copy-link-wrapper input {
|
||||
background-color: #f6f8f8;
|
||||
color: #3b3b3b;
|
||||
border: 0;
|
||||
font-size: 1em;
|
||||
padding: 1em;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
border-radius: 2px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.copy-link-wrapper .error {
|
||||
text-align: center;
|
||||
color: #E7483B;
|
||||
display: block;
|
||||
padding: 0.5em;
|
||||
}
|
||||
#md-preview {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
/*# sourceMappingURL=/styles/main.css.map */
|
||||
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user