Changeset 72360 in spip-zone for _plugins_/mediaspip_player


Ignore:
Timestamp:
Apr 26, 2013, 12:40:12 PM (7 years ago)
Author:
kent1@…
Message:

Petite optimisation niveau perf, seulement trois images sont maintenant utilisées grace aux sprites

Location:
_plugins_/mediaspip_player/trunk/css
Files:
1 added
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/mediaspip_player/trunk/css/html5_controls.css

    r69583 r72360  
    130130        -moz-transition:.5s opacity;
    131131        -o-transition:.5s opacity;
    132         background:url(images/controls_background.png) repeat-x scroll 0 0 transparent;
     132        background:url(images/bar_sprite.png) repeat-x scroll 0 -30px transparent;
    133133}
    134134
     
    172172        height:25px;
    173173        width:24px;
    174         background:url(images/button_volume_all.png) 0 -100px no-repeat;
     174        background:url(images/button_play_pause_full.png) -44px -100px no-repeat;
    175175        float:right;
    176176}
    177177
    178178.media_wrapper span.volume_button.volume_button_66{
    179         background-position:0 -75px;
     179        background-position: -44px -75px;
    180180}
    181181
    182182.media_wrapper span.volume_button.volume_button_33{
    183         background-position:0 -50px;
     183        background-position: -44px -50px;
    184184}
    185185
    186186.media_wrapper span.volume_button.volume_button_0{
    187         background-position:0 -25px;
     187        background-position: -44px -25px;
    188188}
    189189
    190190.media_wrapper span.volume_button.muted{
    191         background-position:0 0;
     191        background-position: -44px 0;
    192192}
    193193
     
    230230        -moz-border-radius:20px;
    231231        border-radius:20px;
    232         background:url(images/bar_back.png) repeat-x;
     232        background:url(images/bar_sprite.png) repeat-x scroll 0 0;
    233233        text-align:left;
    234234        margin:0;
     
    272272        -moz-transition:1s width;
    273273        -o-transition:1s width;
    274         background:url(images/bar_buffered.png) repeat-x;
     274        background:url(images/bar_sprite.png) repeat-x scroll 0 -20px;
    275275}
    276276
     
    278278        position:inherit;
    279279}
    280 
     280.media_wrapper .ui-widget-header{
     281        -webkit-border-radius:20px;
     282        -moz-border-radius:20px;
     283        border-radius:20px;
     284}
    281285.media_wrapper .controls .progress_back .progress_elapsed_time,
    282 .ui-slider-horizontal .ui-slider-range{
     286.media_wrapper .ui-slider .ui-slider-horizontal .ui-slider-range{
    283287        width:0%;
    284288        height:8px;
     
    289293        -moz-border-radius:20px;
    290294        border-radius:20px;
    291         background:url(images/bar_elapsed.png) repeat-x;
     295        background:url(images/bar_sprite.png) repeat-x scroll 0 -10px;
    292296}
    293297
     
    320324        margin:7px 5px 0 0;
    321325        cursor:pointer;
    322         background:url("images/button_play_pause_full.png") no-repeat scroll -13px -15px transparent;
     326        background:url(images/button_play_pause_full.png) no-repeat scroll -13px -15px transparent;
    323327}
    324328
     
    328332
    329333.media_wrapper .controls span.loop_button{
    330         background:transparent url(images/bouton_loop.png) no-repeat;
     334        background:transparent url(images/button_play_pause_full.png) no-repeat scroll 0 -30px;
    331335        width:18px;
    332336        height:14px;
     
    337341
    338342.loop .controls span.loop_button{
    339         background-image:url(images/bouton_loop_on.png);
     343        background-position:-20px -30px;
    340344}
    341345
Note: See TracChangeset for help on using the changeset viewer.