New file |
| | |
| | | /* ck-video */
|
| | | .ck-video-container {
|
| | | position: relative;
|
| | | |
| | | }
|
| | | .ck-video-container .ck-video {
|
| | | height: 100%;
|
| | | }
|
| | | .ck-video-list {
|
| | | position: absolute;
|
| | | top: 0;
|
| | | bottom: 0;
|
| | | right: 0;
|
| | | z-index: 99999;
|
| | | width: 18em;
|
| | | |
| | | }
|
| | | .ck-video-list.slide-hide {
|
| | | right: -18em;
|
| | | }
|
| | | .ck-video-list-rel {
|
| | | position: relative;
|
| | | height: 100%;
|
| | | }
|
| | | .ck-video-list-container {
|
| | | position: absolute;
|
| | | top:0;
|
| | | left: 0;
|
| | | bottom: 0;
|
| | | right: 0;
|
| | | z-index: 2;
|
| | | background-color: none;
|
| | | }
|
| | | .ck-video-list-container li a{
|
| | | display: block;
|
| | | padding: 4px 0;
|
| | | color: #eceaea;
|
| | | }
|
| | | .ck-video-list-container li a.active-this {
|
| | | color: #3547ee;
|
| | | background-color: #b6b4b4;
|
| | | }
|
| | | .ck-video-list-container li a .fa {
|
| | | margin-left: 8px;
|
| | | margin-right: 8px;
|
| | | }
|
| | | .ck-video-bg {
|
| | | position: absolute;
|
| | | top:0;
|
| | | left: 0;
|
| | | bottom: 0;
|
| | | right: 0;
|
| | | z-index: 1;
|
| | | background-color: #000000;
|
| | | opacity: .3;
|
| | | }
|
| | | .ck-video-slide {
|
| | | position: absolute;
|
| | | top: 50%;
|
| | | margin-top: -15px;
|
| | | font-size: 18px;
|
| | | color: #FFFFFF;
|
| | | padding: 6px 4px;
|
| | | z-index: 3;
|
| | | }
|
| | | .ck-video-list.slide-hide .ck-video-slide {
|
| | | transform: rotate(180deg);
|
| | | -ms-transform: rotate(180deg);
|
| | | -webkit-transform: rotate(180deg);
|
| | | -o-transform: rotate(180deg);
|
| | | left: -18px;
|
| | | }
|