src/widgets/SlideVideoPlayer.css
changeset 1072 ac1eacb3aa33
parent 1071 02c04d2c8fd8
child 1073 687133dc13cf
equal deleted inserted replaced
1071:02c04d2c8fd8 1072:ac1eacb3aa33
     1 .Ldt-SlideVideoPlayer-panel {
       
     2     display: -webkit-flex;
       
     3     display: flex;
       
     4     width: 50%;
       
     5     float: left;
       
     6 }
       
     7 
       
     8 .Ldt-SlideVideoPlayer {
       
     9     width: 100%;
       
    10     max-width: 100%;
       
    11     height: 100%;
       
    12     max-height: 100%;
       
    13 }
       
    14 
       
    15 .Ldt-SlideVideoPlayer-pip-main {
       
    16     position: relative;
       
    17     width: 100%;
       
    18     height: 100%;
       
    19     top: 0px;
       
    20     left: 0px;
       
    21     right: 0px;
       
    22     bottom: 0px;
       
    23     z-index: 1;
       
    24 }
       
    25 
       
    26 .Ldt-SlideVideoPlayer-pip-pip {
       
    27     position: absolute;
       
    28     width: 30%;
       
    29     height: 30%;
       
    30     right: 2px;
       
    31     bottom: 2px;
       
    32     z-index: 3;
       
    33 }
       
    34 
       
    35 .Ldt-SlideVideoPlayer h2 {
       
    36     display: none;
       
    37 }
       
    38 .Ldt-SlideVideoPlayer-pip-menu {
       
    39     position: absolute;
       
    40     top: 0px;
       
    41     right: 0px;
       
    42     z-index: 10;
       
    43     display: none;
       
    44 }
       
    45 .Ldt-SlideVideoPlayer-pip-pip:hover .Ldt-SlideVideoPlayer-pip-menu {
       
    46     background-color: #000;
       
    47     opacity: .5;
       
    48     display: inline-block;
       
    49 }
       
    50 
       
    51 .Ldt-SlideVideoPlayer-pip-menu-toggle {
       
    52     width: 18px;
       
    53     height: 18px;
       
    54     cursor: pointer;
       
    55     background-image: url(img/pip_toggle.svg);
       
    56 }