cms/app-client/app/styles/components/player-component.scss
changeset 211 7451203a1321
parent 210 08ad36c693b1
child 212 f2c6080a73aa
equal deleted inserted replaced
210:08ad36c693b1 211:7451203a1321
    23     font-size: 0px;
    23     font-size: 0px;
    24     box-sizing: border-box;
    24     box-sizing: border-box;
    25     float: left;
    25     float: left;
    26     top: 50%;
    26     top: 50%;
    27     margin: -20px 0px 0px 0px;
    27     margin: -20px 0px 0px 0px;
       
    28     cursor: pointer;
    28 }
    29 }
    29 
    30 
    30 .player-component #audio .controls i.fa-backward {
    31 .player-component #audio .controls i.fa-backward {
    31     margin-right: 10px;
    32     margin-right: 10px;
    32 }
    33 }
    33 
    34 
    34 .player-component #audio .controls i.fa-play {
    35 .player-component #audio .controls i.fa-play,
       
    36 .player-component #audio .controls i.fa-pause {
    35     border: 2px solid #ffffff;
    37     border: 2px solid #ffffff;
    36     border-radius: 100%;
    38     border-radius: 100%;
    37     margin-right: 8px;
    39     margin-right: 8px;
    38     margin-left: 8px;
    40     margin-left: 8px;
    39     width: 40px;
    41     width: 40px;
    41 
    43 
    42 .player-component #audio .controls i::before {
    44 .player-component #audio .controls i::before {
    43     font-size: 22px;
    45     font-size: 22px;
    44 }
    46 }
    45 
    47 
       
    48 .player-component #audio .controls i.fa-play::before,
       
    49 .player-component #audio .controls i.fa-pause::before {
       
    50     font-size: 16px;
       
    51 }
       
    52 
    46 .player-component #audio .controls i.fa-play::before {
    53 .player-component #audio .controls i.fa-play::before {
    47     margin-left: 5px;
    54     margin-left: 4px;
    48 }
    55 }
    49 
    56 
    50 .player-component #audio .controls i.fa-forward {
    57 .player-component #audio .controls i.fa-forward {
    51     margin-left: 10px;
    58     margin-left: 10px;
    52 }
    59 }