le-player/dist/css/default/le-player-next.min.css

The best HTML5 video player made for Lectoriy.

.leplayer--ended .leplayer-next{display:block}.leplayer--mini .leplayer-next{z-index:22}@media (max-width:750px){.leplayer--mini .leplayer-next{display:none}}.leplayer--mini .leplayer-next::after{display:none}.leplayer--mini .leplayer-next__box{width:170px;right:auto;top:0;left:0;bottom:0;-ms-flex:0 0 170px;flex:0 0 170px;margin-left:auto;position:absolute;background:#dee5ed;transform:none;height:auto}.leplayer--mini .leplayer-next__cancel{margin-top:15px}.leplayer--mini .leplayer-next__poster{width:100%;-ms-flex:0 0 100%;flex:0 0 100%;background-size:auto 100%;background-position:center}.leplayer--mini .leplayer-next__content{display:none}.leplayer--mini .leplayer-next--auto .leplayer-next__play{margin-top:-20px}.leplayer--fullscreen .leplayer-next{z-index:1007}@media (min-width:440px){.leplayer--fullscreen .leplayer-next .leplayer-next__box{max-width:600px;height:200px}.leplayer--fullscreen .leplayer-next .leplayer-next__head{margin-bottom:80px}.leplayer--fullscreen .leplayer-next .leplayer-next__poster{width:60%}.leplayer--fullscreen .leplayer-next .leplayer-next__content{width:40%}}.leplayer--fullscreen .leplayer-next .leplayer-next__play{font-size:30px}.leplayer-next{position:absolute;display:none;vertical-align:top;opacity:1;overflow:hidden;width:100%;height:100%;transition:all .1s cubic-bezier(.4, 0, 1, 1);top:0;z-index:17;background-size:cover}.leplayer-next::after{content:'';position:absolute;background:rgba(0,0,0,0.6);top:0;bottom:0;left:0;right:0;z-index:-1}.leplayer-next__box{max-width:400px;display:-ms-flexbox;display:flex;height:143px;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(222,229,237,0.67);color:black}@media (max-width:440px){.leplayer-next__box{max-width:300px}}.leplayer-next__poster{width:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-size:cover;background-color:black;background-repeat:no-repeat;display:-ms-flexbox;display:flex}.leplayer-next__content{width:50%;padding:10px;box-sizing:border-box;font-size:13px;overflow:hidden}.leplayer-next__title{display:block;font-weight:500}.leplayer-next__description{display:block;margin-top:5px}@media (max-width:440px){.leplayer-next__description{display:none}}.leplayer-next__time{background:rgba(0,0,0,0.8);border-radius:1px;bottom:10px;color:#fff;padding:1px 5px 0 5px;position:absolute;right:10px}.leplayer-next__head{text-align:center;font-weight:bold;width:100%;color:white;position:absolute;margin-left:auto;margin-right:auto;bottom:50%;margin-bottom:80px}.leplayer-next__mini-title{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:white;font-size:13px}.leplayer-next__cancel{position:absolute;top:55%;margin-top:30px;cursor:pointer;display:none;border:none;box-shadow:none;background-color:transparent;padding:.2em;color:white}.leplayer-next__cancel:hover{background-color:rgba(255,255,255,0.25);border-radius:2px}.leplayer-next__play{display:block;width:2em;height:2em;background-color:#dee5ed;border-radius:50%;position:static;font-size:30px}.leplayer-next__close{background:none;border:none;text-shadow:none}.leplayer-next__svg-spinner{position:absolute;left:0;top:0;color:#1b4b7e;display:none}.leplayer-next--auto .leplayer-next__cancel{display:inline-block}.leplayer-next--auto .leplayer-next__play{width:2.2em;height:2.2em;position:relative}.leplayer-next--auto .leplayer-next__button{width:2em;height:2em;margin-left:.1em;margin-top:.1em;border-radius:50%;text-shadow:0 0 10px rgba(255,255,255,0.3);cursor:pointer;color:#1b4b7e}.leplayer-next--auto .leplayer-next__button:hover{opacity:rgba(255,255,255,0.8)}.leplayer-next--auto .leplayer-next__svg-spinner{display:block}