Changeset 108324 in spip-zone


Ignore:
Timestamp:
Jan 3, 2018, 3:42:40 PM (15 months ago)
Author:
cedric@…
Message:

Fix le Pixel Player

File:
1 edited

Legend:

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

    r87005 r108324  
    1 /* Dewplayer */
    2 .mejs-container.mejs-pixplayer {
     1/* Pixplayer */
     2.mejs__container.mejs__pixplayer {
    33        background: none;
    44        height:24px !important;
    55}
    66
    7 .mejs-pixplayer .mejs-controls {
     7.mejs__pixplayer .mejs__controls {
    88        background: #e5e5e5;
    99        border-radius: 4px;
     
    1515         transition: width 0.2s linear;
    1616}
    17 .mejs-pixplayer .paused .mejs-controls {
     17.mejs__pixplayer .paused .mejs__controls {
    1818        width: 81px;
    1919        overflow: hidden;
    2020}
    2121
    22 .mejs-pixplayer .mejs-controls .mejs-playpause-button {
     22.mejs__pixplayer .mejs__controls .mejs__playpause-button {
    2323        position: absolute;
    2424        top:0;
     
    3030}
    3131
    32 .mejs-pixplayer .mejs-controls .mejs-playpause-button button {
    33         position:relative;
     32.mejs__pixplayer .mejs__controls .mejs__playpause-button button {
     33        position:absolute;
    3434        background: url(img/controls-pixplayer.png) no-repeat left 0;
     35        left:0;
     36        top:0;
    3537        width: 42px;
    3638        height:24px;
    3739        margin: 0;
    3840}
    39 .mejs-pixplayer .mejs-controls .mejs-play button:hover {
     41.mejs__pixplayer .mejs__controls .mejs__play button:hover {
    4042        background-position: left -32px;
    4143}
    42 .mejs-pixplayer .mejs-controls .mejs-pause button {
     44.mejs__pixplayer .mejs__controls .mejs__pause button {
    4345        background-position: left -64px;
    4446}
    45 .mejs-pixplayer .mejs-controls .mejs-pause button:hover {
     47.mejs__pixplayer .mejs__controls .mejs__pause button:hover {
    4648        background-position: left -96px;
    4749}
    4850
    4951
    50 .mejs-pixplayer .mejs-controls .mejs-time {
     52.mejs__pixplayer .mejs__controls .mejs__time {
    5153        position: absolute;
    52         top:6px;
     54        top:8px;
    5355        padding-top:0;
     56        height: 12px;
    5457}
    55 .mejs-pixplayer .mejs-controls .mejs-time span {
     58.mejs__pixplayer .mejs__controls .mejs__time span {
    5659        color:#333;
    5760        font-weight: normal;
    5861}
    5962
    60 .mejs-pixplayer .mejs-controls .mejs-currenttime-container {
     63.mejs__pixplayer .mejs__controls .mejs__currenttime-container {
    6164        left:50px;
    6265        z-index: 2;
    6366}
    64 .mejs-pixplayer .mejs-controls .mejs-duration-container {
     67.mejs__pixplayer .mejs__controls .mejs__duration-container {
    6568        right: 45px;
    6669        z-index: 2;
    6770}
    68 .mejs-pixplayer .mejs-controls .mejs-duration-container span {
     71.mejs__pixplayer .mejs__controls .mejs__duration-container span {
    6972}
    7073
    71 .mejs-pixplayer .mejs-controls .mejs-time-rail {
    72         padding:0 4px;
     74.mejs__pixplayer .mejs__controls .mejs__time-rail {
     75        padding:0 0;
    7376        height: 24px;
    74         width:67% !important;
     77        width:70% !important;
    7578        position:absolute;
    76         left:45px;
    77         top:0;
     79        left:40px;
     80        top:1px;
    7881}
    79 .mejs-pixplayer .mejs-controls .mejs-time-rail span {
     82.mejs__pixplayer .paused .mejs__controls .mejs__time-rail {
     83        display: none;
     84}
     85
     86.mejs__pixplayer .mejs__controls .mejs__time-rail span {
    8087        height:14px;
    8188        border-radius: 0;
    8289}
    8390
    84 .mejs-pixplayer .mejs-controls .mejs-time-rail .mejs-time-total {
     91.mejs__pixplayer .mejs__controls .mejs__time-rail .mejs__time-total {
    8592        margin:4px 0;
    8693        border:1px solid #CCCCCC;
     
    8996}
    9097
    91 .mejs-pixplayer .mejs-controls .mejs-time-rail .mejs-time-loaded {
     98.mejs__pixplayer .mejs__controls .mejs__time-rail .mejs__time-loaded {
    9299        background: #eee;
    93100        max-width:100%;
    94101}
    95 .mejs-pixplayer .mejs-controls .mejs-time-rail .mejs-time-current {
     102.mejs__pixplayer .mejs__controls .mejs__time-rail .mejs__time-current {
    96103        background: #fff;
    97104        max-width:100%;
    98105}
    99106
    100 .mejs-pixplayer .mejs-controls .mejs-currenttime-container {
     107.mejs__pixplayer .mejs__controls .mejs__currenttime-container {
    101108}
    102 .mejs-pixplayer .mejs-controls .mejs-duration-container {
     109.mejs__pixplayer .mejs__controls .mejs__duration-container {
    103110}
    104 .mejs-pixplayer .mejs-controls .mejs-volume-button {
     111.mejs__pixplayer .mejs__controls .mejs__volume-button {
    105112        display: none;
    106113}
    107 .mejs-pixplayer .mejs-controls div.mejs-horizontal-volume-slider {
    108         position:relative;
     114.mejs__pixplayer .mejs__controls .mejs__horizontal-volume-slider {
     115        position:absolute;
    109116        background: url(img/controls-pixplayer.png) no-repeat left -160px;
     117        left:0;
     118        top:0;
    110119        width: 46px;
    111120        height:24px;
     
    113122        z-index:3;
    114123}
    115 .mejs-pixplayer .mejs-controls div.mejs-horizontal-volume-slider:after{
     124.mejs__pixplayer .mejs__controls .mejs__horizontal-volume-slider:after{
    116125        content:"";
    117126        display:block;
     
    129138         transition: left 0.2s linear,opacity 0.2s linear;
    130139}
    131 .mejs-pixplayer .paused .mejs-controls div.mejs-horizontal-volume-slider:after{
     140.mejs__pixplayer .paused .mejs__controls .mejs__horizontal-volume-slider:after{
    132141        left:13px;
    133142        opacity:1;
    134143}
    135 .mejs-pixplayer .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
     144.mejs__pixplayer .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total {
    136145        width: 34px;
    137146        height: 17px;
     
    142151        border-radius:0;
    143152}
    144 .mejs-pixplayer .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
     153.mejs__pixplayer .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-current {
    145154        height: 17px;
    146155        position: absolute;
    147156        background: #666666 url(img/controls-pixplayer.png) no-repeat left -128px;
    148157        left:5px;
    149         top:4px;
     158        top:0;
    150159        border-radius:0;
    151160}
    152 .mejs-pixplayer .paused .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    153 .mejs-pixplayer .paused .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
     161.mejs__pixplayer .paused .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total,
     162.mejs__pixplayer .paused .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-current {
    154163        opacity: 0;
    155164        -webkit-transition: opacity 0.2s linear;
Note: See TracChangeset for help on using the changeset viewer.