css update

themes/beauty/views/site/index.php

@@ -415,7 +415,6 @@ eof;
             data-video-url="{$file['path']}"
             alt="{$file['filename']}">
         <span class="title">{$title}</span>
-        <!--img src="/img/video-play.svg" class="playbtn hide" alt="video play button"-->
         <span class="duration">00:00:00</span>
     </a>
 </div>

www/css/beauty.css

@@ -138,7 +138,7 @@ a:link{text-decoration:none}
 .videoplayer video{width:100%}
 .videotitle{max-width:600px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}
 .playbtn{width:50px;height:50px;position:absolute;left:50%;top:50%;margin-top:-25px;margin-left:-25px;opacity:0.75}
-.duration{position:absolute;left:5px;bottom:5px;background-color:#222;padding:0 3px;opacity:0.7;border-radius:3px;font-size:12px;color:#FFF}
+.duration{position:absolute;left:5px;bottom:5px;background-color:#222;padding:0 3px;opacity:0.7;border-radius:3px;font-size:12px;color:#FFF;text-align:center}
 .video_previewer{display:none;position:fixed;right:4px;bottom:4px;width:200px;height:112px;overflow:hidden;z-index:1000}
 
 .othervideos{max-height:560px;overflow-y:auto;padding:4px}
@@ -156,7 +156,7 @@ a:link{text-decoration:none}
 .audio-item a{display:block;min-height:60px}
 .audio-item img{float:left;width:60px;height:60px}
 .audio-item .title{display:block;margin-left:70px}
-.audio-item .duration{max-width:60px;overflow:hidden;margin-left:6px;bottom:2px}
+.audio-item .duration{width:56px;overflow:hidden;margin-left:2px;bottom:4px}
 .audioplayer{position:fixed;left:0;right:0;bottom:0;z-index:1000;height:120px;overflow:hidden;background-color:#000}
 .audioplayer .videoplayer{max-width:460px;height:120px;overflow:hidden;opacity:0.85}
 .audioplayer .downloadbtn{width:96px;margin:81px auto 0 auto}