cms/app-client/app/styles/components/player-component.scss
changeset 349 74bbf705a5ca
parent 340 f0f3888734bb
child 350 c3a6266ebe0a
equal deleted inserted replaced
345:4b66390442fd 349:74bbf705a5ca
    73     margin-left: 0px;
    73     margin-left: 0px;
    74 }
    74 }
    75 
    75 
    76 .player-component #audio .progress {
    76 .player-component #audio .progress {
    77     position: relative;
    77     position: relative;
    78     margin: 0px 59px;
    78     margin: 0px 50px;
       
    79     background-color: transparent;
       
    80     border-radius: 0px;
       
    81     box-shadow: none;
    79 }
    82 }
    80 
    83 
    81 .player-component #audio .progress > * {
    84 .player-component #audio .progress > * {
    82     display: inline-block;
    85     display: inline-block;
    83     line-height: 80px;
    86     line-height: 80px;
   128 }
   131 }
   129 
   132 
   130 .player-component #audio .meta p {
   133 .player-component #audio .meta p {
   131     float: left;
   134     float: left;
   132     width: 170px;
   135     width: 170px;
   133     margin: 0px 0px 0px 30px;
   136     margin: 0px 0px 0px 50px;
   134     padding: 0px;
   137     padding: 0px;
   135     box-sizing: border-box;
   138     box-sizing: border-box;
   136     top: 50%;
   139     top: 50%;
   137     margin-top: -22px;
   140     margin-top: -22px;
   138     display: block;
   141     display: block;
   139     position: relative;
   142     position: relative;
   140 }
   143 }
   141 
   144 
   142 .player-component #audio .meta p:first-child {
       
   143     margin-left: 0px;
       
   144 }
       
   145 
       
   146 .player-component #audio .meta p:last-child {
   145 .player-component #audio .meta p:last-child {
   147     margin-left: 0px;
   146     margin-left: 0px;
   148     float: right;
   147     float: right;
   149 }
       
   150 
       
   151 .player-component #audio.extra .meta p:first-child {
       
   152     margin-left: 59px;
       
   153 }
   148 }
   154 
   149 
   155 .player-component #audio .meta p > * {
   150 .player-component #audio .meta p > * {
   156     white-space: nowrap;
   151     white-space: nowrap;
   157     text-overflow: ellipsis;
   152     text-overflow: ellipsis;