Changeset 108326 in spip-zone


Ignore:
Timestamp:
Jan 3, 2018, 4:18:58 PM (15 months ago)
Author:
cedric@…
Message:

Fix skin ted-player

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/player/trunk/css/mejs-skin-ted.css

    r86885 r108326  
    11/* TED player */
    2 .mejs-container.mejs-ted {
     2.mejs__container.mejs__ted {
    33        height: 65px !important;
    44}
    5 .mejs-ted .mejs-controls {
     5.mejs__ted .mejs__controls {
    66        background: #eee;
    77        height: 65px;
    88}
    99
    10 .mejs-ted .mejs-button,
    11 .mejs-ted .mejs-time {
     10.mejs__ted .mejs__button,
     11.mejs__ted .mejs__time {
    1212        position: absolute;
    1313        background: #ddd;
    1414}
    15 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-total {
     15.mejs__ted .mejs__controls .mejs__time-rail {
     16        margin-left: 0;
     17        height: 30px;
     18}
     19.mejs__ted .mejs__controls .mejs__time-rail .mejs__time-total {
    1620        background-color: none;
    1721        background: url(img/controls-ted.png) repeat-x 0 -52px;
    1822        height: 6px;
    1923}
    20 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-buffering {
     24.mejs__ted .mejs__controls .mejs__time-rail .mejs__time-buffering {
    2125        height: 6px;
    2226}
    23 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-loaded {
     27.mejs__ted .mejs__controls .mejs__time-rail .mejs__time-loaded {
    2428        background-color: none;
    2529        background: url(img/controls-ted.png) repeat-x 0 -52px;
     
    2731        height: 6px;
    2832}
    29 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-current {
     33.mejs__ted .mejs__controls .mejs__time-rail .mejs__time-current {
    3034        width: 0;
    3135        height: 6px;
     
    3337        background: url(img/controls-ted.png) repeat-x 0 -59px;
    3438}
    35 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-handle  {
     39.mejs__ted .mejs__controls .mejs__time-rail .mejs__time-handle  {
    3640        display: block;
    3741        margin: 0;
     
    3943        height: 21px;
    4044        top: -7px;
     45        left:-1px;
    4146        border: 0;
    4247        background: url(img/controls-ted.png) no-repeat 0 0;   
    4348}
    44 .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-float {     
     49.mejs__ted .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content {
     50        left: 0;
    4551        display: none;
    4652}
    47 .mejs-ted .mejs-controls .mejs-playpause-button  {
     53.mejs__ted .mejs__controls .mejs__time-rail .mejs__time-float {
     54        display: none;
     55}
     56.mejs__ted .mejs__controls .mejs__playpause-button  {
    4857        top: 29px;
    4958        left: 9px;
     
    5160        height: 28px;
    5261}
    53 .mejs-ted .mejs-controls .mejs-playpause-button  button {
     62.mejs__ted .mejs__controls .mejs__playpause-button  button {
    5463        width: 49px;
    5564        height: 28px;
     
    5867        padding: 0;
    5968}
    60 .mejs-ted .mejs-controls .mejs-pause button  {
     69.mejs__ted .mejs__controls .mejs__pause button  {
    6170        background-position: 0 -23px;
    6271}
    6372
    64 .mejs-ted .mejs-controls .mejs-fullscreen-button  {
     73.mejs__ted .mejs__controls .mejs__fullscreen-button  {
    6574        top: 34px;
    6675        right: 9px;
     
    6978        background : none;
    7079}
    71 .mejs-ted .mejs-controls .mejs-fullscreen-button  button {
     80.mejs__ted .mejs__controls .mejs__fullscreen-button  button {
    7281        width: 19px;
    7382        height: 17px;
     
    7685        padding: 0;
    7786}
    78 .mejs-ted .mejs-controls .mejs-unfullscreen  button {
     87.mejs__ted .mejs__controls .mejs__unfullscreen  button {
    7988        background: transparent url(img/controls-ted.png) no-repeat -21px -66px;
    8089        margin: 0;
    8190        padding: 0;
    8291}
    83 .mejs-ted .mejs-controls .mejs-volume-button  {
     92.mejs__ted .mejs__controls .mejs__volume-button  {
    8493        top: 30px;
    8594        right: 35px;
     
    8796        height: 22px;
    8897}
    89 .mejs-ted .mejs-controls .mejs-mute button {
     98.mejs__ted .mejs__controls .mejs__mute button {
    9099        background: url(img/controls-ted.png) no-repeat -15px 0;
    91100        width: 24px;
     
    94103        padding: 0;
    95104}
    96 .mejs-ted .mejs-controls .mejs-unmute button {
     105.mejs__ted .mejs__controls .mejs__unmute button {
    97106        background: url(img/controls-ted.png) no-repeat -40px 0;
    98107        width: 24px;
     
    101110        padding: 0;     
    102111}
    103 .mejs-ted  .mejs-controls .mejs-volume-button .mejs-volume-slider {
     112.mejs__ted  .mejs__controls .mejs__volume-button .mejs__volume-slider {
    104113        background: #fff;
    105114        border: solid 1px #aaa;
     
    109118        top: -65px;
    110119}
    111 .mejs-ted  .mejs-controls .mejs-volume-button .mejs-volume-total {
     120.mejs__ted  .mejs__controls .mejs__horizontal-volume-slider {
     121        margin-right: -7px;
     122}
     123
     124.mejs__ted  .mejs__controls .mejs__volume-button .mejs__volume-total {
    112125        background: url(img/controls-ted.png) repeat-y -41px -66px;
    113126        left: 8px;
     
    115128        height: 50px;
    116129}
    117 .mejs-ted  .mejs-controls .mejs-volume-button .mejs-volume-current {
     130.mejs__ted  .mejs__controls .mejs__volume-button .mejs__volume-current {
    118131        left: 8px;
    119132        width: 6px;     
     
    122135}
    123136
    124 .mejs-ted  .mejs-controls .mejs-volume-button .mejs-volume-handle {
     137.mejs__ted  .mejs__controls .mejs__volume-button .mejs__volume-handle {
    125138        display: none;
    126139}
    127140
    128 .mejs-ted .mejs-controls .mejs-time span {
     141.mejs__ted .mejs__controls .mejs__time {
     142        height: 10px;
     143}
     144.mejs__ted .mejs__controls .mejs__time span {
    129145        color: #333;
    130146}
    131 .mejs-ted .mejs-controls .mejs-currenttime-container  {
     147.mejs__ted .mejs__controls .mejs__currenttime-container  {
    132148        position: absolute;
    133         top: 32px;
     149        top: 31px;
    134150        right: 100px;
    135151        border: solid 1px #999;
    136152        background: #fff;
    137153        color: #333;
    138         padding-top: 2px;
     154        padding: 5px 3px;
    139155        border-radius: 3px;
    140156        color: #333;
    141157}
    142 .mejs-ted .mejs-controls .mejs-duration-container  {
     158.mejs__ted .mejs__controls .mejs__duration-container  {
    143159
    144160        position: absolute;
    145         top: 32px;
     161        top: 31px;
    146162        right: 65px;
    147163        border: solid 1px #999;
    148164        background: #fff;
    149165        color: #333;
    150         padding-top: 2px;
     166        padding: 5px 3px;
    151167        border-radius: 3px;
    152168        color: #333;
    153169}
    154170
    155 .mejs-ted .mejs-controls .mejs-time  button{
     171.mejs__ted .mejs__controls .mejs__time  button{
    156172        color: #333;
    157173}
    158 .mejs-ted .mejs-controls .mejs-captions-button {
     174.mejs__ted .mejs__controls .mejs__captions-button {
    159175        display: none;
    160176}
Note: See TracChangeset for help on using the changeset viewer.