.video-js .vjs-big-play-button { left: 50%; top: 50%; margin-left: -1.5em; margin-top: -0.75em; } #podbean_logo { padding-right: 4px; } #append-btn{ display: flex; } #title #episode{ flex: 1; } #append-btn .pbFont-download,#append-btn #share{ flex: 0; } #title{ width: 100%; height: 30px; line-height: 30px; top: 0; padding:0 5px; position: absolute; flex: 1; } #title #episode { color: #ffffff; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 60px; } #title #append-btn a { color: #ffffff; padding:0 5px; } #title #append-btn a:hover{ text-shadow: 0px 0px 10px #ffffff; } .pb-modal{ position: absolute; width: 100%; height: 100%; text-align: center; top: 100%; z-index: 10; } .pb-modal{ background: rgba(238,238,238,0.95); } .pb-modal>div { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 200px; min-width: 200px; padding: 10px; } .pb-modal .del{ position: absolute; right: 10px; top: 10px; color: black; font-family: sans-serif; } .pb-modal .butns-group{ margin-top: 10px; } .pb-modal .channel-name{ font-weight: bold; } .pb-modal .link-here{ text-decoration: underline; color: #1a1a1a; font-family: "Open Sans";} .pb-modal .link-here:hover{ color: #555555; } .pb-modal .text{ padding-top: 10px;} .pb-modal .open-app{ background: #8fc31f; color: #ffffff; padding: 9px 40px 12px; font-family: open sans-serif; border-radius: 37px; font-size: 18px; display: inline-block; margin-top: 6px; } .pb-modal .open-app:hover,.pb-modal .open-app:focus{ background:#8fc31f; opacity: 0.9; } /*.video-js .vjs-progress-holder{ height: .45em; } .video-js .vjs-progress-holder .vjs-play-progress{ height: .45em; } .video-js .vjs-progress-holder .vjs-load-progress{ height: .45em; }*/ .video-js{ height: 100%; } .video-js .vjs-play-progress:before{ /*font-size: 1.45em;*/ visibility: hidden; } .pb-playlist{ display: flex; width: 100%; overflow: hidden; justify-content: space-between; height: 190px; position: absolute; bottom: 0; } .pb-playlist-control{ height: 100%; flex:0 0 auto; width: 30px; z-index: 10; background-repeat: no-repeat; cursor: pointer; background-color: rgba(255, 255, 255, 1); } .pb-playlist-content{ flex:1 1 auto; width: 100px; height: 100%; background:#ffffff; overflow: hidden; } .pb-playlist-content>ol.vjs-playlist { width: auto; background-color: #FFFFFF; margin: 0; height: 100%; padding: 5px 1px; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-name { color: #333333; } .pb-playlist{ border: 1px solid #eeeeee; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item { height: auto; float: none; margin: 0; padding: 5px 0; line-height: 17px; border-top: 1px solid #eeeeee; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-ad-overlay{ margin-bottom: 30px; } /*.pb-playlist-content>ol.vjs-playlist .vjs-playlist-item:before {*/ /*content: '\f101';*/ /*color: #999;*/ /*font-family: VideoJS;*/ /*float: left;*/ /*margin-left: 6px;*/ /*margin: 0 5px;*/ /*}*/ .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item:first-child { border-top-style: solid; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item cite{ padding:0 5px; font-size: 12px; flex-grow: 1; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-right{ position: absolute; right: 8px; font-size: 10px; margin-top: -20px; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-right a{ color:#999999; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item:hover { background-color: #eeeeee; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item.vjs-selected cite span:nth-child(1){ text-decoration: underline; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item cite span:nth-child(1){ line-height: 15px; max-height: 30px; overflow: hidden; width: 100%; display: block; margin: 5px 0; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item cite span:nth-child(2){ float: left; font-size: 10px; color: #aaaaaa; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item cite span:nth-child(3){ float: right; font-size: 10px; color: #aaaaaa; } .pb-playlist-content>ol.vjs-playlist img{ height: auto; } .pb-playlist-content>ol.vjs-playlist cite { display: block; font-style: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: auto; } .pb-playlist-content>ol.vjs-playlist .vjs-selected{ background: #eeeeee; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-thumbnail{ height: auto; width: auto; } .pb-playlist-content>ol.vjs-playlist .vjs-playlist-thumbnail:before{ content: '\f101'; display: block; font-family: VideoJS; background-color: transparent; position:inherit; width: auto; height: auto; line-height: unset; } .pb-playlist-content>.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-thumbnail:before{ height: auto; width: auto; line-height: 17px; } /*.pb-playlist-content>ol.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before, .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before{*/ /*width: 60px;*/ /*margin: auto auto;*/ /*top: 0;*/ /*bottom: 0;*/ /*left: 0;*/ /*right: 0;*/ /*display: none;*/ /*}*/ .pb-playlist-content>ol.vjs-playlist .vjs-playlist-item{ display: -webkit-flex; /* Safari */ display: flex; } .vjs-playlist-item .vjs-playlist-name .pbFont-money-dollar-box-line{ color: #ff3c00; font-size: 18px; position: relative; top: 2px; } .vjs-up-play-button:before{ font-family: "pbicon"!important; font-weight: 400; font-style: normal; content: "\e602"; } .vjs-next-play-button:before{ font-family: "pbicon"!important; font-weight: 400; font-style: normal; content: "\e602"; } .rtl-right .vjs-poster{ right: 30px; left: 0px !important; } .rtl-right #title{ left: 0px !important; right: 195px; } .rtl-right #append-btn{ left: 20px; right: auto; } .rtl-right .vjs-playlist i.pbicon.pbFont-download{ right: auto; left: 10px; } .rtl-right .vjs-playlist .vjs-playlist-duration{ right: auto; left: 25px; }