src/css/LdtPlayer.css
branchpopcorn-port
changeset 335 54c0686efd85
parent 334 e20f97514d44
child 338 3ff4499f79bb
equal deleted inserted replaced
334:e20f97514d44 335:54c0686efd85
    27       background-color: #b6b8b7;
    27       background-color: #b6b8b7;
    28       overflow: auto; /* clear the floats */
    28       overflow: auto; /* clear the floats */
    29     }
    29     }
    30 
    30 
    31     .Ldt-iri-chapter{
    31     .Ldt-iri-chapter{
    32       border-left:solid 1px #000;
       
    33       border-right:solid 1px #000;
       
    34       float: left;
    32       float: left;
    35       height: 10px;
    33       height: 10px;
    36     }
    34     }
    37 
    35 
    38     .tooltip {
    36     .tooltip {
   137     /* player */
   135     /* player */
   138     .Ldt-controler {
   136     .Ldt-controler {
   139       font-size: 62.5%;
   137       font-size: 62.5%;
   140       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
   138       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
   141       background:url('imgs/player_gradient.png') repeat-x transparent ;
   139       background:url('imgs/player_gradient.png') repeat-x transparent ;
   142       height: 27px;
   140       height: 25px;
   143       border-top: 1px solid #b6b8b8;
   141       border-top: 1px solid #b6b8b8;
   144       border-bottom: 1px solid #b6b8b8;
   142       border-bottom: 1px solid #b6b8b8;
   145     }
   143     }
   146 
   144 
   147  
   145  
   156 
   154 
   157     .Ldt-CtrlPlay {
   155     .Ldt-CtrlPlay {
   158       background:url('imgs/play.png') no-repeat scroll 0 0 transparent ;
   156       background:url('imgs/play.png') no-repeat scroll 0 0 transparent ;
   159       background-position: center;
   157       background-position: center;
   160       width: 50px;
   158       width: 50px;
   161       height: 23px;
   159       height: 25px;
   162       border: 1px solid #b6b8b8;
   160       border-left: 1px solid #b6b8b8;
       
   161       border-right: 1px solid #b6b8b8;
   163       float: left;
   162       float: left;
   164     }
   163     }
   165 
   164 
   166     .Ldt-CtrlNext {
   165     .Ldt-CtrlNext {
   167       background:url('imgs/play_button.png') no-repeat scroll 0 0 transparent ;
   166       background:url('imgs/play_button.png') no-repeat scroll 0 0 transparent ;
   168       background-position: center;
   167       background-position: center;
   169       width: 50px;
   168       width: 50px;
   170       height: 23px;
   169       height: 25px;
   171       border: 1px solid #b6b8b8;
   170       border-right: 1px solid #b6b8b8;
   172       float: left;
   171       float: left;
   173     }
   172     }
   174 
   173 
   175 
   174 
   176     .Ldt-CtrlSearch {
   175     .Ldt-CtrlSearch {
   177       background:url('imgs/search.png') no-repeat scroll 0 0 transparent ;
   176       background:url('imgs/search.png') no-repeat scroll 0 0 transparent ;
   178       background-position: center;
   177       background-position: center;
   179       width: 50px;
   178       width: 50px;
   180       height: 23px;
   179       height: 25px;
   181       border: 1px solid #b6b8b8;
   180       border-right: 1px solid #b6b8b8;
   182       float: left;
   181       float: left;
   183     }
   182     }
   184 
   183 
   185     .Ldt-Time {
   184     .Ldt-Time {
   186       float: left;
   185       float: left;
   187       padding: 4px;
   186       padding: 4px;
       
   187       border-right: 1px solid #b6b8b8;
       
   188       height: 25px;
       
   189       overflow: auto;
   188     }
   190     }
   189     
   191     
   190     .Ldt-ElapsedTime {
   192     .Ldt-ElapsedTime {
   191       color: #4a4a4a;
   193       color: #4a4a4a;
   192     }
   194     }
   193     
   195     
   194     .Ldt-TotalTime {
   196     .Ldt-TotalTime {
   195       color: #b2b2b2; 
   197       color: #b2b2b2; 
   196     }
   198     }
   197 
   199 
   198     .Ldt-CtrlMute {
   200     .Ldt-CtrlSound {
   199 
   201       float: right;
   200     }
   202       padding: 4px;
   201 
       
   202     .Ldt-CtrlFullscreen {
       
   203 
       
   204     }
   203     }
   205     .Ldt-cleaner {
   204     .Ldt-cleaner {
   206       clear:both;
   205       clear:both;
   207     }
   206     }
   208 
   207