Changeset 108327 in spip-zone


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

Fix skin wmp (oldies oldies...)

File:
1 edited

Legend:

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

    r86885 r108327  
    11/* WMP player */
    2 .mejs-container.mejs-wmp {
     2.mejs__container.mejs__wmp {
    33        height: 65px !important;
    44        background: none;
    55}
    6 .mejs-wmp .mejs-controls {
     6.mejs__wmp .mejs__controls {
    77        background: transparent url(img/controls-wmp-bg.png) center 16px no-repeat;
    88        height: 65px;
    99}
    1010
    11 .mejs-wmp .mejs-button,
    12 .mejs-wmp .mejs-time {
     11.mejs__wmp .mejs__button,
     12.mejs__wmp .mejs__time {
    1313        position: absolute;
    1414        background: transparent;
    1515}
    16 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-total {
     16.mejs__wmp .mejs__time {
     17        padding: 10px 4px 0;
     18}
     19
     20.mejs__wmp .mejs__controls .mejs__time-rail {
     21        height: 20px;
     22        padding-top: 5px;
     23}
     24
     25.mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total {
    1726        background-color: transparent;
    1827        border: solid 1px #ccc;
    1928        height: 3px;
    2029}
    21 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-buffering {
     30.mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering {
    2231        height: 3px;
    2332}
    24 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-loaded {
     33.mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded {
    2534        background-color: rgba(255,255,255,0.3);
    2635        width: 0;
    2736        height: 3px;
    2837}
    29 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-current {
    30         width: 0;
     38
     39.mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered {
     40        height: 3px;
     41}
     42
     43.mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current {
    3144        height: 1px;
    3245        background-color: #014CB6;
     
    3548        border-color: #7FC9FA #fff #619FF2 #fff;
    3649}
    37 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-handle  {
     50.mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle  {
    3851        display: block;
    3952        margin: 0;
     
    4457        background: url(img/controls-wmp.png) no-repeat 0 -80px;
    4558}
    46 .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-float {     
     59.mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content {
     60        left: 0;
    4761        display: none;
    4862}
    49 .mejs-wmp .mejs-controls .mejs-playpause-button  {
     63
     64
     65.mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float {
     66        display: none;
     67}
     68.mejs__wmp .mejs__controls .mejs__playpause-button  {
    5069        top: 10px;
    5170        left: 50%;
     
    5574       
    5675}
    57 .mejs-wmp .mejs-controls .mejs-playpause-button  button {
     76.mejs__wmp .mejs__controls .mejs__playpause-button  button {
    5877        width: 40px;
    5978        height: 40px;
     
    6281        padding: 0;
    6382}
    64 .mejs-wmp .mejs-controls .mejs-pause button  {
     83.mejs__wmp .mejs__controls .mejs__pause button  {
    6584        background-position: 0 -40px;
    6685}
    6786
    68 .mejs-wmp .mejs-controls .mejs-currenttime-container  {
     87.mejs__wmp .mejs__controls .mejs__currenttime-container  {
    6988        position: absolute;
    7089        top: 25px;
     
    7291        margin-left: -93px;
    7392}
    74 .mejs-wmp .mejs-controls .mejs-duration-container  {
     93.mejs__wmp .mejs__controls .mejs__duration-container  {
    7594        position: absolute;
    7695        top: 25px;
     
    8099
    81100
    82 .mejs-wmp .mejs-controls .mejs-volume-button  {
     101.mejs__wmp .mejs__controls .mejs__volume-button  {
    83102        top: 32px;
    84103        right: 50%;
     
    87106        height: 15px;
    88107}
    89 .mejs-wmp .mejs-controls .mejs-volume-button button {
     108.mejs__wmp .mejs__controls .mejs__volume-button button {
    90109        margin: 0;
    91110        padding: 0;
     
    94113        height: 15px;
    95114}
    96 .mejs-wmp .mejs-controls .mejs-unmute button {
     115.mejs__wmp .mejs__controls .mejs__unmute button {
    97116        margin: 0;
    98117        padding: 0;
     
    101120        height: 15px;
    102121}
    103 .mejs-wmp .mejs-controls .mejs-volume-button .mejs-volume-slider {
     122.mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider {
    104123        background: rgba(102,102,102,0.6);
    105124}
    106125
    107 .mejs-wmp .mejs-controls .mejs-fullscreen-button  {
     126.mejs__wmp .mejs__controls .mejs__horizontal-volume-total {
     127        top:8px;
     128}
     129
     130.mejs__wmp .mejs__controls .mejs__fullscreen-button  {
    108131        top: 32px;
    109132        right: 50%;
     
    112135        height: 14px;
    113136}
    114 .mejs-wmp .mejs-controls .mejs-fullscreen-button  button {
     137.mejs__wmp .mejs__controls .mejs__fullscreen-button  button {
    115138        margin: 0;
    116139        padding: 0;
     
    119142        height: 14px;
    120143}
    121 .mejs-wmp .mejs-controls .mejs-captions-button {
     144.mejs__wmp .mejs__controls .mejs__captions-button {
    122145        display: none;
    123146}
Note: See TracChangeset for help on using the changeset viewer.