@@ -16,19 +16,8 @@ include "includes/head.html" | |||||
<section id="home"> | <section id="home"> | ||||
<div class="wrapper"> | <div class="wrapper"> | ||||
<br/> | |||||
<h2 class="page-title">{{.Filename}}</h2> | |||||
<h4>type: <b>{{.ContentType}}</b></h4> | |||||
<h4>size: <b>{{.ContentLength | format "#,###."}}</b> bytes</h4> | |||||
<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> | |||||
include "includes/download-top.html" | |||||
</div> | </div> | ||||
</section> | </section> | ||||
@@ -15,32 +15,22 @@ include "includes/head.html" | |||||
<section id="home"> | <section id="home"> | ||||
<div class="wrapper"> | <div class="wrapper"> | ||||
<br/> | |||||
<h2 class="page-title" > {{.Filename}}</h2> | |||||
<h4>type: <b>{{.ContentType}}</b></h4> | |||||
<h4>size: <b>{{.ContentLength | format "#,###."}}</b> bytes</h4> | |||||
include "includes/download-top.html" | |||||
<div class="row animated fadeInDown"> | <div class="row animated fadeInDown"> | ||||
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> | <div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> | ||||
<div class="terminal-top"> | <div class="terminal-top"> | ||||
</div> | </div> | ||||
<div id="terminal" class="terminal preview-image"> | <div id="terminal" class="terminal preview-image"> | ||||
<img src="{{.Url}}" width="400" alt=""> | |||||
<img src="{{.Url}}" alt=""> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<br/> | <br/> | ||||
<div> | <div> | ||||
<div> | <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> | </section> | ||||
include "includes/footer.html" | include "includes/footer.html" | ||||
@@ -15,10 +15,9 @@ include "includes/head.html" | |||||
<section id="home"> | <section id="home"> | ||||
<div class="wrapper"> | <div class="wrapper"> | ||||
<br/> | |||||
<h2 class="page-title">{{.Filename}}</h2> | |||||
<h4>type: <b>{{.ContentType}}</b></h4> | |||||
<h4>size: <b>{{.ContentLength | format "#,###."}}</b> bytes</h4> | |||||
include "includes/download-top.html" | |||||
<div class="row animated fadeInDown"> | <div class="row animated fadeInDown"> | ||||
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> | <div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> | ||||
<div class="terminal-top"> | <div class="terminal-top"> | ||||
@@ -29,16 +28,6 @@ include "includes/head.html" | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<br/> | <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> | </section> | ||||
@@ -16,17 +16,16 @@ include "includes/head.html" | |||||
<section id="home"> | <section id="home"> | ||||
<div class="wrapper"> | <div class="wrapper"> | ||||
<br/> | |||||
<h2 class="page-title"> {{.Filename}}</h2> | |||||
<h4>type: <b>{{.ContentType}}</b></h4> | |||||
<h4>size: <b>{{.ContentLength | format "#,###."}}</b> bytes</h4> | |||||
include "includes/download-top.html" | |||||
<div class="row animated fadeInDown"> | <div class="row animated fadeInDown"> | ||||
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> | <div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> | ||||
<div class="terminal-top"> | <div class="terminal-top"> | ||||
</div> | </div> | ||||
<div id="terminal" class="terminal preview-image"> | <div id="terminal" class="terminal preview-image"> | ||||
<video width="320" height="240" controls> | |||||
<video controls> | |||||
<source src="{{.Url}}" type="{{.ContentType}}"> | <source src="{{.Url}}" type="{{.ContentType}}"> | ||||
</video> | </video> | ||||
</div> | </div> | ||||
@@ -35,15 +34,6 @@ include "includes/head.html" | |||||
<br/> | <br/> | ||||
<div> | <div> | ||||
<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> | </section> | ||||
include "includes/footer.html" | include "includes/footer.html" | ||||
@@ -0,0 +1,5 @@ | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<br/> | |||||
</section> |
@@ -0,0 +1,6 @@ | |||||
<br/> | |||||
<h2 class="page-title">{{.Filename}}</h2> | |||||
<h4>type: <b>{{.ContentType}}</b></h4> | |||||
<h4>size: <b>{{.ContentLength | format "#,###."}}</b> bytes</h4> | |||||
<a href="{{.Url}}" class="btn-cta btn"> download</i> </a> <br/><br/> |
@@ -8,7 +8,7 @@ | |||||
.page-title { | .page-title { | ||||
font-size: 45px; | font-size: 45px; | ||||
margin-top: -20px; | margin-top: -20px; | ||||
margin-bottom: 10px; | |||||
margin-bottom: 20px; | |||||
} | } | ||||
} | } | ||||
.btn-home { | .btn-home { | ||||
@@ -68,7 +68,12 @@ | |||||
} | } | ||||
.terminal { | .terminal { | ||||
a { | |||||
color: #fff | |||||
} | |||||
.border-top-radius (0); | .border-top-radius (0); | ||||
.border-bottom-radius (5px); | .border-bottom-radius (5px); | ||||
background: @dark-blue; | background: @dark-blue; | ||||
// background: url(../images/terminal.svg); | // background: url(../images/terminal.svg); | ||||
@@ -17,7 +17,7 @@ | |||||
max-width: 100%; | max-width: 100%; | ||||
} | } | ||||
padding: 0; | padding: 0; | ||||
padding: 20px; | |||||
padding: 0px; | |||||
} | } | ||||
.overlay { | .overlay { | ||||
@@ -94,4 +94,100 @@ padding: 20px; | |||||
video { | video { | ||||
margin: 0 auto; | margin: 0 auto; | ||||
width: 100%; | width: 100%; | ||||
} | |||||
.wrap { | |||||
width: 40%; | |||||
height: 40%; | |||||
margin: 20px auto; | |||||
} | |||||
video { | |||||
width: 100%; | |||||
} | |||||
video::-webkit-media-controls-enclosure { | |||||
padding: 0px; | |||||
height: 50px; | |||||
} | |||||
video::-webkit-media-controls-panel { | |||||
opacity: 1 !important; | |||||
display: -webkit-flex !important; | |||||
margin-top: 50px; | |||||
height: 50px; | |||||
background-color: @dark-blue; | |||||
border-radius: 0 0 10px 10px; | |||||
} | |||||
video::-webkit-media-controls-timeline { | |||||
height: 12px; | |||||
padding: 0px; | |||||
border: 0px; | |||||
} | |||||
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline { | |||||
height: 12px; | |||||
border-radius: 5px; | |||||
min-width: 15px; | |||||
} | |||||
video::-webkit-media-controls-volume-slider::-webkit-media-slider-container, video::-webkit-media-controls-timeline::-webkit-media-slider-container { | |||||
border: 0px; | |||||
border-radius: 5px; | |||||
background-color: @blue; | |||||
cursor: pointer; | |||||
} | |||||
::-webkit-media-slider-thumb { | |||||
-webkit-appearance: none; | |||||
background: red; | |||||
} | |||||
video::-webkit-media-controls-play-button { | |||||
cursor: pointer; | |||||
} | |||||
video::-webkit-media-controls-play-button:hover { | |||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); | |||||
opacity: 0.7; | |||||
} | |||||
video::-webkit-media-controls-fullscreen-button { | |||||
-webkit-appearance: none; | |||||
background-color: transparent; | |||||
cursor: pointer; | |||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABACAYAAADF2C3zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Q1MjA3MDc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Q1MjA3MTc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQyQkE2QUZGNzkzQjExRTJCNDNGOTkyNzUxNTlCOTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQyQkE2QjAwNzkzQjExRTJCNDNGOTkyNzUxNTlCOTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1z7uaAAAAVhJREFUeNrsljFuAjEQRb3ACZByii2pECmgySFIGoiUGsEKiaQAimwTToCggSYSNUoJHSfgFJwhMt9oHBlj8Ga2SAqP9KQV7PPY4y1+9PDYEZ4agaHrj4Lwl5LHXFkvsOXKatt1jjykzrq2WeW+Jb6Bhp5BySOvQQLuaKEPYwYnOQLSkpTwBfbUqQam9hDVtieOyaoOGxDTAtNrV9UFqTEc/UGUQeXWmfSZB6BqXMc3aIFlFllY4hP49N2h66p2YJXly3HJ92ABihxZVRPM6BqvViSlFNwqiBwV5CAHOchBDnKQ/5/si4/iOUn5YX0+ec0X1mkBXljH1nlhncTfh3WIF2EdR/gJ677OKqwfdOqHmJ4Nsd17PwU5E/yWgJieY/Biv6MoUVjvOe61j+cGuuwpsLvDOl5KjeFkDusRtiSNKZ6FdXTlhXWIfxTWcf58YR0L3AzrRwEGAJoOgCMfh6hiAAAAAElFTkSuQmCC); | |||||
background-size: 16px 64px; | |||||
background-position: center 8px; | |||||
background-repeat: no-repeat; | |||||
} | |||||
video::-webkit-media-controls-mute-button { | |||||
-webkit-appearance: none; | |||||
background-color: transparent; | |||||
cursor: pointer; | |||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABACAYAAAATffeWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Q1MjA3NDc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Q1MjA3NTc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY3RDUyMDcyNzk2NjExRTJCNDNGOTkyNzUxNTlCOTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY3RDUyMDczNzk2NjExRTJCNDNGOTkyNzUxNTlCOTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Gp0GRAAAATdJREFUeNpidIsuYMABwoF4BhCvB+IkXIqYcIj7APEiIBYA4jg0OREgLsJnQAgQrwJiNiifGU3eFIi7gDgPxGEBYnYg1gBiDqizQX5ixOEyCyDeC8SNQNwJxJtABuwHYksGwoAR6q3tQFwKxGlAnMtEpGYQ+A+1NROI+aDedGdiIA2sAWJWaDhcBGIVUg1ABqz4ohEXAMXQbyA+DcRaQHwHZMBxIjWDArEcmrg+AXEYEO8ExYIjUjRGQuOXEUcgghLVOahBoAQ1GWTAT2iAgMBJID4BxPOhBqIDkJwnENcDcQkQP8AWBiuAOBiIf0H5f9HkT0NdMAFfIG4D4gggfgtNPMjgDRD3wgPm////DJSAUQNGDRg1YNSAUQNGDRg1YNSA4WhAUnHraI9ltMcy2mMZDD0WgAADADYlybDQKXdAAAAAAElFTkSuQmCC); | |||||
background-size: 16px 64px; | |||||
background-position: center 8px; | |||||
background-repeat: no-repeat; | |||||
} | |||||
video::-webkit-media-controls-fullscreen-button:hover { | |||||
-webkit-appearance: none; | |||||
background-position: center -42px; | |||||
} | |||||
video::-webkit-media-controls-mute-button:hover { | |||||
-webkit-appearance: none; | |||||
background-position: center -43px; | |||||
} | |||||
video::-webkit-media-controls-current-time-display, video::-webkit-media-controls-time-remaining-display { | |||||
font-size: 13px; | |||||
font-weight: normal; | |||||
} | } |
@@ -5932,12 +5932,12 @@ body { | |||||
font-size: 15px; | font-size: 15px; | ||||
color: #3b3b3b; | color: #3b3b3b; | ||||
} | } | ||||
h2 { | |||||
.page-title { | |||||
text-align: center; | text-align: center; | ||||
font-size: 35px; | font-size: 35px; | ||||
} | } | ||||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||||
h2 { | |||||
.page-title { | |||||
font-size: 50px; | font-size: 50px; | ||||
} | } | ||||
} | } | ||||
@@ -6017,17 +6017,17 @@ a:hover { | |||||
#home { | #home { | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
#home h2 { | |||||
#home .page-title { | |||||
font-size: 30px; | font-size: 30px; | ||||
} | } | ||||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||||
#home { | #home { | ||||
padding: 50px; | padding: 50px; | ||||
} | } | ||||
#home h2 { | |||||
#home .page-title { | |||||
font-size: 45px; | font-size: 45px; | ||||
margin-top: -20px; | margin-top: -20px; | ||||
margin-bottom: 45px; | |||||
margin-bottom: 20px; | |||||
} | } | ||||
} | } | ||||
#home .btn-home { | #home .btn-home { | ||||
@@ -6096,6 +6096,9 @@ a:hover { | |||||
backbground-repeat: no-repeat; | backbground-repeat: no-repeat; | ||||
background-size: cover; | background-size: cover; | ||||
} | } | ||||
.terminal a { | |||||
color: #ffffff; | |||||
} | |||||
.terminal-top { | .terminal-top { | ||||
border-top-right-radius: 5px; | border-top-right-radius: 5px; | ||||
border-top-left-radius: 5px; | border-top-left-radius: 5px; | ||||
@@ -6373,7 +6376,7 @@ blockquote.tweet-xl a { | |||||
} | } | ||||
.preview-image { | .preview-image { | ||||
padding: 0; | padding: 0; | ||||
padding: 20px; | |||||
padding: 0px; | |||||
} | } | ||||
.preview-image img { | .preview-image img { | ||||
margin: 0 auto; | margin: 0 auto; | ||||
@@ -6447,4 +6450,89 @@ blockquote.tweet-xl a { | |||||
#md-preview { | #md-preview { | ||||
padding-bottom: 30px; | padding-bottom: 30px; | ||||
} | } | ||||
video { | |||||
margin: 0 auto; | |||||
width: 100%; | |||||
} | |||||
.wrap { | |||||
width: 40%; | |||||
height: 40%; | |||||
margin: 20px auto; | |||||
} | |||||
video { | |||||
width: 100%; | |||||
} | |||||
video::-webkit-media-controls-enclosure { | |||||
padding: 0px; | |||||
height: 50px; | |||||
} | |||||
video::-webkit-media-controls-panel { | |||||
opacity: 1 !important; | |||||
display: -webkit-flex !important; | |||||
margin-top: 50px; | |||||
height: 50px; | |||||
background-color: #36535a; | |||||
border-radius: 0 0 10px 10px; | |||||
} | |||||
video::-webkit-media-controls-timeline { | |||||
height: 12px; | |||||
padding: 0px; | |||||
border: 0px; | |||||
} | |||||
video::-webkit-media-controls-volume-slider, | |||||
video::-webkit-media-controls-timeline { | |||||
height: 12px; | |||||
border-radius: 5px; | |||||
min-width: 15px; | |||||
} | |||||
video::-webkit-media-controls-volume-slider::-webkit-media-slider-container, | |||||
video::-webkit-media-controls-timeline::-webkit-media-slider-container { | |||||
border: 0px; | |||||
border-radius: 5px; | |||||
background-color: #85b5bb; | |||||
cursor: pointer; | |||||
} | |||||
::-webkit-media-slider-thumb { | |||||
-webkit-appearance: none; | |||||
background: red; | |||||
} | |||||
video::-webkit-media-controls-play-button { | |||||
cursor: pointer; | |||||
} | |||||
video::-webkit-media-controls-play-button:hover { | |||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); | |||||
opacity: 0.7; | |||||
} | |||||
video::-webkit-media-controls-fullscreen-button { | |||||
-webkit-appearance: none; | |||||
background-color: transparent; | |||||
cursor: pointer; | |||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABACAYAAADF2C3zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Q1MjA3MDc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Q1MjA3MTc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQyQkE2QUZGNzkzQjExRTJCNDNGOTkyNzUxNTlCOTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQyQkE2QjAwNzkzQjExRTJCNDNGOTkyNzUxNTlCOTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1z7uaAAAAVhJREFUeNrsljFuAjEQRb3ACZByii2pECmgySFIGoiUGsEKiaQAimwTToCggSYSNUoJHSfgFJwhMt9oHBlj8Ga2SAqP9KQV7PPY4y1+9PDYEZ4agaHrj4Lwl5LHXFkvsOXKatt1jjykzrq2WeW+Jb6Bhp5BySOvQQLuaKEPYwYnOQLSkpTwBfbUqQam9hDVtieOyaoOGxDTAtNrV9UFqTEc/UGUQeXWmfSZB6BqXMc3aIFlFllY4hP49N2h66p2YJXly3HJ92ABihxZVRPM6BqvViSlFNwqiBwV5CAHOchBDnKQ/5/si4/iOUn5YX0+ec0X1mkBXljH1nlhncTfh3WIF2EdR/gJ677OKqwfdOqHmJ4Nsd17PwU5E/yWgJieY/Biv6MoUVjvOe61j+cGuuwpsLvDOl5KjeFkDusRtiSNKZ6FdXTlhXWIfxTWcf58YR0L3AzrRwEGAJoOgCMfh6hiAAAAAElFTkSuQmCC); | |||||
background-size: 16px 64px; | |||||
background-position: center 8px; | |||||
background-repeat: no-repeat; | |||||
} | |||||
video::-webkit-media-controls-mute-button { | |||||
-webkit-appearance: none; | |||||
background-color: transparent; | |||||
cursor: pointer; | |||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABACAYAAAATffeWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Q1MjA3NDc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Q1MjA3NTc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY3RDUyMDcyNzk2NjExRTJCNDNGOTkyNzUxNTlCOTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY3RDUyMDczNzk2NjExRTJCNDNGOTkyNzUxNTlCOTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Gp0GRAAAATdJREFUeNpidIsuYMABwoF4BhCvB+IkXIqYcIj7APEiIBYA4jg0OREgLsJnQAgQrwJiNiifGU3eFIi7gDgPxGEBYnYg1gBiDqizQX5ixOEyCyDeC8SNQNwJxJtABuwHYksGwoAR6q3tQFwKxGlAnMtEpGYQ+A+1NROI+aDedGdiIA2sAWJWaDhcBGIVUg1ABqz4ohEXAMXQbyA+DcRaQHwHZMBxIjWDArEcmrg+AXEYEO8ExYIjUjRGQuOXEUcgghLVOahBoAQ1GWTAT2iAgMBJID4BxPOhBqIDkJwnENcDcQkQP8AWBiuAOBiIf0H5f9HkT0NdMAFfIG4D4gggfgtNPMjgDRD3wgPm////DJSAUQNGDRg1YNSAUQNGDRg1YNSA4WhAUnHraI9ltMcy2mMZDD0WgAADADYlybDQKXdAAAAAAElFTkSuQmCC); | |||||
background-size: 16px 64px; | |||||
background-position: center 8px; | |||||
background-repeat: no-repeat; | |||||
} | |||||
video::-webkit-media-controls-fullscreen-button:hover { | |||||
-webkit-appearance: none; | |||||
background-position: center -42px; | |||||
} | |||||
video::-webkit-media-controls-mute-button:hover { | |||||
-webkit-appearance: none; | |||||
background-position: center -43px; | |||||
} | |||||
video::-webkit-media-controls-current-time-display, | |||||
video::-webkit-media-controls-time-remaining-display { | |||||
font-size: 13px; | |||||
font-weight: normal; | |||||
} | |||||
/*# sourceMappingURL=/styles/main.css.map */ | /*# sourceMappingURL=/styles/main.css.map */ |