migrate to video.js
This commit is contained in:
Andrea Spacca committed
1 parent
35a7877247
commit
bba29ebe73
11 files changed
+154
-23956
No files matched your search
@@ -1,627 +0,0 @@
|
||||
/*!
|
||||
ckin v0.0.1: Custom HTML5 Video Player Skins.
|
||||
(c) 2017
|
||||
MIT License
|
||||
git+https://github.com/hunzaboy/ckin.git
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'ckin';
|
||||
src: url(data:application/font-woff;charset=utf-8;base64,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 truncated
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
||||
[class^="ckin-"], [class*=" ckin-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ckin' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.ckin-compress:before {
|
||||
content: "\f109";;
|
||||
}
|
||||
|
||||
.ckin-expand:before {
|
||||
content: "\f108";;
|
||||
}
|
||||
|
||||
.ckin-play:before {
|
||||
content: "\f101";
|
||||
}
|
||||
|
||||
.ckin-pause:before {
|
||||
content: "\f103";
|
||||
}
|
||||
|
||||
.ckin-stop:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
|
||||
.ckin-backward:before {
|
||||
content: "\f120";;
|
||||
}
|
||||
|
||||
.ckin-forward:before {
|
||||
content: "\f11f";
|
||||
}
|
||||
|
||||
.ckin-volume-high:before {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
.ckin-volume-medium:before {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
.ckin-volume-low:before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
.ckin-volume-mute:before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ckin__player {
|
||||
margin-bottom: 20px;
|
||||
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
|
||||
letter-spacing: 0.02em;
|
||||
&.audio {
|
||||
overflow: visible;
|
||||
padding-top: 52px;
|
||||
}
|
||||
}
|
||||
|
||||
.ckin__player.ckin__fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10000000;
|
||||
background: #000;
|
||||
border-radius: 0 !important;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.ckin__overlay {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ckin__overlay:before {
|
||||
background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
|
||||
}
|
||||
|
||||
.ckin__overlay--2:before {
|
||||
background: rgba(24, 24, 24, 0.8);
|
||||
}
|
||||
|
||||
.default {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.default:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.default__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.default__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
.default__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.default__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all .2s;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.default__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.default__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: @dark-blue;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.default.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
|
||||
.default.is-playing .default__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.default.is-playing .default__controls {
|
||||
-ms-transform: translateY(52px);
|
||||
transform: translateY(52px);
|
||||
}
|
||||
|
||||
.default.is-playing:hover .default__controls {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.default__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.default .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.default .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.default .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.default {
|
||||
.progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.minimal {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.minimal:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.minimal__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.minimal__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
.minimal__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.minimal__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all .2s ease-in;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.minimal__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.minimal__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: @dark-blue;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.minimal.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.minimal.is-playing .minimal__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
|
||||
.minimal.is-playing .minimal__controls {
|
||||
-ms-transform: translateY(52px);
|
||||
transform: translateY(52px);
|
||||
}
|
||||
|
||||
.minimal.is-playing:hover .minimal__controls {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.minimal__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.minimal .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.minimal .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.minimal .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.minimal {
|
||||
.progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.compact {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.compact:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.compact__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.compact__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
.compact__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.compact__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all .2s ease-in;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.compact__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.compact__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
max-width: 400px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 50%;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: @dark-blue;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(-20px) translateX(-50%);
|
||||
transform: translateY(-20px) translateX(-50%);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.compact.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.compact.is-playing .compact__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
|
||||
.compact.is-playing .compact__controls {
|
||||
-ms-transform: translateY(52px) translateX(-50%);
|
||||
transform: translateY(52px) translateX(-50%);
|
||||
}
|
||||
|
||||
.compact.is-playing:hover .compact__controls {
|
||||
-ms-transform: translateY(-20px) translateX(-50%);
|
||||
transform: translateY(-20px) translateX(-50%);
|
||||
}
|
||||
|
||||
.compact__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.compact .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.compact .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.compact .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.compact {
|
||||
.progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.ckin__player button {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-enclosure {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -102,108 +102,22 @@ padding: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
#md-preview,{
|
||||
#md-preview {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
|
||||
video {
|
||||
video, audio {
|
||||
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: @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;
|
||||
}
|
||||
@@ -0,0 +1,126 @@
|
||||
/*
|
||||
Player Skin Designer for Video.js
|
||||
http://videojs.com
|
||||
|
||||
To customize the player skin edit
|
||||
the CSS below. Click "details"
|
||||
below to add comments or questions.
|
||||
This file uses some SCSS. Learn more
|
||||
at http://sass-lang.com/guide)
|
||||
|
||||
This designer can be linked to at:
|
||||
https://codepen.io/heff/pen/EarCt/left/?editors=010
|
||||
*/
|
||||
|
||||
// The following are SCSS variables to automate some of the values.
|
||||
// But don't feel limited by them. Change/replace whatever you want.
|
||||
|
||||
// The color of icons, text, and the big play button border.
|
||||
// Try changing to #0f0
|
||||
$primary-foreground-color: #fff; // #fff default
|
||||
|
||||
// The default color of control backgrounds is mostly black but with a little
|
||||
// bit of blue so it can still be seen on all-black video frames, which are common.
|
||||
// Try changing to #900
|
||||
$primary-background-color: @blue; // #2B333F default
|
||||
|
||||
// Try changing to true
|
||||
$center-big-play-button: true; // true default
|
||||
|
||||
.video-js {
|
||||
/* The base font size controls the size of everything, not just text.
|
||||
All dimensions use em-based sizes so that the scale along with the font size.
|
||||
Try increasing it to 15px and see what happens. */
|
||||
font-size: 10px;
|
||||
|
||||
/* The main font color changes the ICON COLORS as well as the text */
|
||||
color: $primary-foreground-color;
|
||||
}
|
||||
|
||||
/* The "Big Play Button" is the play button that shows before the video plays.
|
||||
To center it set the align values to center and middle. The typical location
|
||||
of the button is the center, but there is trend towards moving it to a corner
|
||||
where it gets out of the way of valuable content in the poster image.*/
|
||||
.vjs-default-skin .vjs-big-play-button {
|
||||
/* The font size is what makes the big play button...big.
|
||||
All width/height values use ems, which are a multiple of the font size.
|
||||
If the .video-js font-size is 10px, then 3em equals 30px.*/
|
||||
font-size: 3em;
|
||||
|
||||
/* We're using SCSS vars here because the values are used in multiple places.
|
||||
Now that font size is set, the following em values will be a multiple of the
|
||||
new font size. If the font-size is 3em (30px), then setting any of
|
||||
the following values to 3em would equal 30px. 3 * font-size. */
|
||||
$big-play-width: 3em;
|
||||
/* 1.5em = 45px default */
|
||||
$big-play-height: 1.5em;
|
||||
|
||||
line-height: $big-play-height;
|
||||
height: $big-play-height;
|
||||
width: $big-play-width;
|
||||
|
||||
/* 0.06666em = 2px default */
|
||||
border: 0.06666em solid $primary-foreground-color;
|
||||
/* 0.3em = 9px default */
|
||||
border-radius: 0.3em;
|
||||
|
||||
@if $center-big-play-button {
|
||||
/* Align center */
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -($big-play-width / 2);
|
||||
margin-top: -($big-play-height / 2);
|
||||
} @else {
|
||||
/* Align top left. 0.5em = 15px default */
|
||||
left: 0.5em;
|
||||
top: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* The default color of control backgrounds is mostly black but with a little
|
||||
bit of blue so it can still be seen on all-black video frames, which are common. */
|
||||
.video-js .vjs-control-bar,
|
||||
.video-js .vjs-big-play-button,
|
||||
.video-js .vjs-menu-button .vjs-menu-content {
|
||||
/* IE8 - has no alpha support */
|
||||
background-color: $primary-background-color;
|
||||
/* Opacity: 1.0 = 100%, 0.0 = 0% */
|
||||
background-color: rgba($primary-background-color, 0.7);
|
||||
}
|
||||
|
||||
// Make a slightly lighter version of the main background
|
||||
// for the slider background.
|
||||
$slider-bg-color: lighten($primary-background-color, 33%);
|
||||
|
||||
/* Slider - used for Volume bar and Progress bar */
|
||||
.video-js .vjs-slider {
|
||||
background-color: $slider-bg-color;
|
||||
background-color: rgba($slider-bg-color, 0.5);
|
||||
}
|
||||
|
||||
/* The slider bar color is used for the progress bar and the volume bar
|
||||
(the first two can be removed after a fix that's coming) */
|
||||
.video-js .vjs-volume-level,
|
||||
.video-js .vjs-play-progress,
|
||||
.video-js .vjs-slider-bar {
|
||||
background: $primary-foreground-color;
|
||||
}
|
||||
|
||||
/* The main progress bar also has a bar that shows how much has been loaded. */
|
||||
.video-js .vjs-load-progress {
|
||||
/* For IE8 we'll lighten the color */
|
||||
background: lighten($slider-bg-color, 25%);
|
||||
/* Otherwise we'll rely on stacked opacities */
|
||||
background: rgba($slider-bg-color, 0.5);
|
||||
}
|
||||
|
||||
/* The load progress bar also has internal divs that represent
|
||||
smaller disconnected loaded time ranges */
|
||||
.video-js .vjs-load-progress div {
|
||||
/* For IE8 we'll lighten the color */
|
||||
background: lighten($slider-bg-color, 50%);
|
||||
/* Otherwise we'll rely on stacked opacities */
|
||||
background: rgba($slider-bg-color, 0.75);
|
||||
}
|
||||
|
||||
|
||||
+4
-621
@@ -1,4 +1,6 @@
|
||||
@charset "UTF-8";
|
||||
@import "../bower_components/videojs/src/css/video-js.scss";
|
||||
@import "includes/video-js.scss";
|
||||
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
||||
article,
|
||||
aside,
|
||||
@@ -6235,554 +6237,6 @@ footer img {
|
||||
margin-top: -50px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
/*!
|
||||
ckin v0.0.1: Custom HTML5 Video Player Skins.
|
||||
(c) 2017
|
||||
MIT License
|
||||
git+https://github.com/hunzaboy/ckin.git
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'ckin';
|
||||
src: url(data:application/font-woff;charset=utf-8;base64,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 truncated
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^="ckin-"],
|
||||
[class*=" ckin-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ckin' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.ckin-compress:before {
|
||||
content: "\f109";
|
||||
}
|
||||
.ckin-expand:before {
|
||||
content: "\f108";
|
||||
}
|
||||
.ckin-play:before {
|
||||
content: "\f101";
|
||||
}
|
||||
.ckin-pause:before {
|
||||
content: "\f103";
|
||||
}
|
||||
.ckin-stop:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
.ckin-backward:before {
|
||||
content: "\f120";
|
||||
}
|
||||
.ckin-forward:before {
|
||||
content: "\f11f";
|
||||
}
|
||||
.ckin-volume-high:before {
|
||||
content: "\f107";
|
||||
}
|
||||
.ckin-volume-medium:before {
|
||||
content: "\f106";
|
||||
}
|
||||
.ckin-volume-low:before {
|
||||
content: "\f105";
|
||||
}
|
||||
.ckin-volume-mute:before {
|
||||
content: "\f104";
|
||||
}
|
||||
body {
|
||||
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ckin__player {
|
||||
margin-bottom: 20px;
|
||||
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
.ckin__player.audio {
|
||||
overflow: visible;
|
||||
padding-top: 52px;
|
||||
}
|
||||
.ckin__player.ckin__fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10000000;
|
||||
background: #000;
|
||||
border-radius: 0 !important;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ckin__overlay {
|
||||
position: relative;
|
||||
}
|
||||
.ckin__overlay:before {
|
||||
background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
|
||||
}
|
||||
.ckin__overlay--2:before {
|
||||
background: rgba(24, 24, 24, 0.8);
|
||||
}
|
||||
.default {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.default:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.default__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
.default__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
.default__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.default__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all .2s;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
.default__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
.default__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: #36535a;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.default.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
.default.is-playing .default__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.default.is-playing .default__controls {
|
||||
-ms-transform: translateY(52px);
|
||||
transform: translateY(52px);
|
||||
}
|
||||
.default.is-playing:hover .default__controls {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
.default__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.default .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.default .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.default .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
.default .progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.minimal {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.minimal:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.minimal__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
.minimal__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
.minimal__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.minimal__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all 0.2s ease-in;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
.minimal__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
.minimal__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: #36535a;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.minimal.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.minimal.is-playing .minimal__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
.minimal.is-playing .minimal__controls {
|
||||
-ms-transform: translateY(52px);
|
||||
transform: translateY(52px);
|
||||
}
|
||||
.minimal.is-playing:hover .minimal__controls {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
.minimal__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.minimal .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.minimal .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.minimal .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
.minimal .progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.compact {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.compact:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.compact__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
.compact__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
.compact__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.compact__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all 0.2s ease-in;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
.compact__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
.compact__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
max-width: 400px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 50%;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: #36535a;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(-20px) translateX(-50%);
|
||||
transform: translateY(-20px) translateX(-50%);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.compact.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.compact.is-playing .compact__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
.compact.is-playing .compact__controls {
|
||||
-ms-transform: translateY(52px) translateX(-50%);
|
||||
transform: translateY(52px) translateX(-50%);
|
||||
}
|
||||
.compact.is-playing:hover .compact__controls {
|
||||
-ms-transform: translateY(-20px) translateX(-50%);
|
||||
transform: translateY(-20px) translateX(-50%);
|
||||
}
|
||||
.compact__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.compact .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.compact .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.compact .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
.compact .progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.ckin__player button {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
video::-webkit-media-controls-enclosure {
|
||||
display: none !important;
|
||||
}
|
||||
#reviews {
|
||||
background: #f6f8f8;
|
||||
padding: 130px 0;
|
||||
@@ -7012,7 +6466,8 @@ html {
|
||||
#md-preview {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
video {
|
||||
video,
|
||||
audio {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -7021,80 +6476,8 @@ video {
|
||||
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 */
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["/bower_components/animate.less/animate.less","/bower_components/bootstrap/less/normalize.less","/bower_components/bootstrap/less/print.less","/bower_components/bootstrap/less/scaffolding.less","/bower_components/bootstrap/less/mixins.less","/styles/config.less","/bower_components/bootstrap/less/type.less","/bower_components/bootstrap/less/grid.less","/bower_components/bootstrap/less/tables.less","/bower_components/bootstrap/less/forms.less","/bower_components/bootstrap/less/component-animations.less","/bower_components/bootstrap/less/progress-bars.less","/bower_components/bootstrap/less/utilities.less","/bower_components/bootstrap/less/responsive-utilities.less","/bower_components/animate.less/source/animated.less","/bower_components/animate.less/source/bounce.less","/bower_components/animate.less/source/bounceIn.less","/bower_components/animate.less/source/bounceInDown.less","/bower_components/animate.less/source/bounceInLeft.less","/bower_components/animate.less/source/bounceInRight.less","/bower_components/animate.less/source/bounceInUp.less","/bower_components/animate.less/source/bounceOut.less","/bower_components/animate.less/source/bounceOutDown.less","/bower_components/animate.less/source/bounceOutLeft.less","/bower_components/animate.less/source/bounceOutRight.less","/bower_components/animate.less/source/bounceOutUp.less","/bower_components/animate.less/source/fadeIn.less","/bower_components/animate.less/source/fadeInDown.less","/bower_components/animate.less/source/fadeInDownBig.less","/bower_components/animate.less/source/fadeInLeft.less","/bower_components/animate.less/source/fadeInLeftBig.less","/bower_components/animate.less/source/fadeInRight.less","/bower_components/animate.less/source/fadeInRightBig.less","/bower_components/animate.less/source/fadeInUp.less","/bower_components/animate.less/source/fadeInUpBig.less","/bower_components/animate.less/source/fadeOut.less","/bower_components/animate.less/source/fadeOutDown.less","/bower_components/animate.less/source/fadeOutDownBig.less","/bower_components/animate.less/source/fadeOutLeft.less","/bower_components/animate.less/source/fadeOutLeftBig.less","/bower_components/animate.less/source/fadeOutRight.less","/bower_components/animate.less/source/fadeOutRightBig.less","/bower_components/animate.less/source/fadeOutUp.less","/bower_components/animate.less/source/fadeOutUpBig.less","/bower_components/animate.less/source/flash.less","/bower_components/animate.less/source/flip.less","/bower_components/animate.less/source/flipInX.less","/bower_components/animate.less/source/flipInY.less","/bower_components/animate.less/source/flipOutX.less","/bower_components/animate.less/source/flipOutY.less","/bower_components/animate.less/source/hinge.less","/bower_components/animate.less/source/lightSpeedIn.less","/bower_components/animate.less/source/lightSpeedOut.less","/bower_components/animate.less/source/pulse.less","/bower_components/animate.less/source/rollIn.less","/bower_components/animate.less/source/rollOut.less","/bower_components/animate.less/source/rotateIn.less","/bower_components/animate.less/source/rotateInDownLeft.less","/bower_components/animate.less/source/rotateInDownRight.less","/bower_components/animate.less/source/rotateInUpLeft.less","/bower_components/animate.less/source/rotateInUpRight.less","/bower_components/animate.less/source/rotateOut.less","/bower_components/animate.less/source/rotateOutDownLeft.less","/bower_components/animate.less/source/rotateOutDownRight.less","/bower_components/animate.less/source/rotateOutUpLeft.less","/bower_components/animate.less/source/rotateOutUpRight.less","/bower_components/animate.less/source/shake.less","/bower_components/animate.less/source/swing.less","/bower_components/animate.less/source/tada.less","/bower_components/animate.less/source/wiggle.less","/bower_components/animate.less/source/wobble.less","/styles/includes/global.less","/styles/includes/home.less","/styles/includes/pages.less","/styles/includes/ckin.less","/styles/includes/reviews.less","/styles/includes/transfersh-icons.less","/styles/includes/preview.less"],"names":[],"mappings":"AAAA,SAAS;;ACUT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,cAAA;;AAOF;AACA;AACA;EACE,qBAAA;;AAQF,KAAK,IAAI;EACP,aAAA;EACA,SAAA;;AAQF;AACA;EACE,aAAA;;AAaF;EACE,uBAAA;EACA,0BAAA;EACA,8BAAA;;AAOF;EACE,SAAA;;AAWF;EACE,uBAAA;;AAOF,CAAC;EACC,oBAAA;;AAOF,CAAC;AACD,CAAC;EACC,UAAA;;AAYF;EACE,cAAA;EACA,gBAAA;;AAOF,IAAI;EACF,yBAAA;;AAOF;AACA;EACE,iBAAA;;AAOF;EACE,kBAAA;;AAOF;EACE,4BAAA;EACA,uBAAA;EACA,SAAA;;AAOF;EACE,gBAAA;EACA,WAAA;;AAOF;AACA;AACA;AACA;EACE,6BAAA;EACA,cAAA;;AAOF;EACE,qBAAA;;AAOF;EACE,QAAQ,QAAQ,QAAQ,QAAQ,OAAhC;;AAOF;EACE,cAAA;;AAOF;AACA;EACE,cAAA;EACA,cAAA;EACA,kBAAA;EACA,wBAAA;;AAGF;EACE,WAAA;;AAGF;EACE,eAAA;;AAWF;EACE,SAAA;;AAOF,GAAG,IAAI;EACL,gBAAA;;AAWF;EACE,SAAA;;AAWF;EACE,yBAAA;EACA,aAAA;EACA,8BAAA;;AAQF;EACE,SAAA;EACA,UAAA;;AASF;AACA;AACA;AACA;EACE,oBAAA;EACA,eAAA;EACA,SAAA;;AAQF;AACA;EACE,mBAAA;;AAUF;AALine truncated
|
||||
{"version":3,"sources":["/bower_components/animate.less/animate.less","/styles/main.less","/bower_components/bootstrap/less/normalize.less","/bower_components/bootstrap/less/print.less","/bower_components/bootstrap/less/scaffolding.less","/bower_components/bootstrap/less/mixins.less","/styles/config.less","/bower_components/bootstrap/less/type.less","/bower_components/bootstrap/less/grid.less","/bower_components/bootstrap/less/tables.less","/bower_components/bootstrap/less/forms.less","/bower_components/bootstrap/less/component-animations.less","/bower_components/bootstrap/less/progress-bars.less","/bower_components/bootstrap/less/utilities.less","/bower_components/bootstrap/less/responsive-utilities.less","/bower_components/animate.less/source/animated.less","/bower_components/animate.less/source/bounce.less","/bower_components/animate.less/source/bounceIn.less","/bower_components/animate.less/source/bounceInDown.less","/bower_components/animate.less/source/bounceInLeft.less","/bower_components/animate.less/source/bounceInRight.less","/bower_components/animate.less/source/bounceInUp.less","/bower_components/animate.less/source/bounceOut.less","/bower_components/animate.less/source/bounceOutDown.less","/bower_components/animate.less/source/bounceOutLeft.less","/bower_components/animate.less/source/bounceOutRight.less","/bower_components/animate.less/source/bounceOutUp.less","/bower_components/animate.less/source/fadeIn.less","/bower_components/animate.less/source/fadeInDown.less","/bower_components/animate.less/source/fadeInDownBig.less","/bower_components/animate.less/source/fadeInLeft.less","/bower_components/animate.less/source/fadeInLeftBig.less","/bower_components/animate.less/source/fadeInRight.less","/bower_components/animate.less/source/fadeInRightBig.less","/bower_components/animate.less/source/fadeInUp.less","/bower_components/animate.less/source/fadeInUpBig.less","/bower_components/animate.less/source/fadeOut.less","/bower_components/animate.less/source/fadeOutDown.less","/bower_components/animate.less/source/fadeOutDownBig.less","/bower_components/animate.less/source/fadeOutLeft.less","/bower_components/animate.less/source/fadeOutLeftBig.less","/bower_components/animate.less/source/fadeOutRight.less","/bower_components/animate.less/source/fadeOutRightBig.less","/bower_components/animate.less/source/fadeOutUp.less","/bower_components/animate.less/source/fadeOutUpBig.less","/bower_components/animate.less/source/flash.less","/bower_components/animate.less/source/flip.less","/bower_components/animate.less/source/flipInX.less","/bower_components/animate.less/source/flipInY.less","/bower_components/animate.less/source/flipOutX.less","/bower_components/animate.less/source/flipOutY.less","/bower_components/animate.less/source/hinge.less","/bower_components/animate.less/source/lightSpeedIn.less","/bower_components/animate.less/source/lightSpeedOut.less","/bower_components/animate.less/source/pulse.less","/bower_components/animate.less/source/rollIn.less","/bower_components/animate.less/source/rollOut.less","/bower_components/animate.less/source/rotateIn.less","/bower_components/animate.less/source/rotateInDownLeft.less","/bower_components/animate.less/source/rotateInDownRight.less","/bower_components/animate.less/source/rotateInUpLeft.less","/bower_components/animate.less/source/rotateInUpRight.less","/bower_components/animate.less/source/rotateOut.less","/bower_components/animate.less/source/rotateOutDownLeft.less","/bower_components/animate.less/source/rotateOutDownRight.less","/bower_components/animate.less/source/rotateOutUpLeft.less","/bower_components/animate.less/source/rotateOutUpRight.less","/bower_components/animate.less/source/shake.less","/bower_components/animate.less/source/swing.less","/bower_components/animate.less/source/tada.less","/bower_components/animate.less/source/wiggle.less","/bower_components/animate.less/source/wobble.less","/styles/includes/global.less","/styles/includes/home.less","/styles/includes/pages.less","/styles/includes/reviews.less","/styles/includes/transfersh-icons.less","/styles/includes/preview.less"],"names":[],"mappings":"AAAA,SAAS;QCSD;QAEA;;ACDR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,cAAA;;AAOF;AACA;AACA;EACE,qBAAA;;AAQF,KAAK,IAAI;EACP,aAAA;EACA,SAAA;;AAQF;AACA;EACE,aAAA;;AAaF;EACE,uBAAA;EACA,0BAAA;EACA,8BAAA;;AAOF;EACE,SAAA;;AAWF;EACE,uBAAA;;AAOF,CAAC;EACC,oBAAA;;AAOF,CAAC;AACD,CAAC;EACC,UAAA;;AAYF;EACE,cAAA;EACA,gBAAA;;AAOF,IAAI;EACF,yBAAA;;AAOF;AACA;EACE,iBAAA;;AAOF;EACE,kBAAA;;AAOF;EACE,4BAAA;EACA,uBAAA;EACA,SAAA;;AAOF;EACE,gBAAA;EACA,WAAA;;AAOF;AACA;AACA;AACA;EACE,6BAAA;EACA,cAAA;;AAOF;EACE,qBAAA;;AAOF;EACE,QAAQ,QAAQ,QAAQ,QAAQ,OAAhC;;AAOF;EACE,cAAA;;AAOF;AACA;EACE,cAAA;EACA,cAAA;EACA,kBAAA;EACA,wBAAA;;AAGF;EACE,WAAA;;AAGF;EACE,eAAA;;AAWF;EACE,SAAA;;AAOF,GAAG,IAAI;EACL,gBAAA;;AAWF;EACE,SAAA;;AAWF;EACE,yBAAA;EACA,aAAA;EACA,8BAAA;;AAQF;EACE,SAAA;EACA,UAAA;;AASF;AACA;AACA;AACA;EACE,oBAAA;EACA,eAAA;EACA,SAAA;;AAQF;AACA;EACE,mBAAA;;AAUF;ALine truncated
|
||||
@@ -7,8 +7,9 @@
|
||||
@import "includes/global";
|
||||
@import "includes/home";
|
||||
@import "includes/pages";
|
||||
@import "includes/ckin";
|
||||
@import "../bower_components/videojs/src/css/video-js.scss";
|
||||
@import "includes/reviews";
|
||||
@import "includes/video-js.scss";
|
||||
@import "includes/transfersh-icons";
|
||||
@import "includes/preview";
|
||||
|
||||
|
||||
Reference in new issue
Block a user