src/css/LdtPlayer.css
branchpopcorn-port
changeset 344 9799f50b7ac5
parent 339 a7e288ce7957
child 345 8a088f7daa66
equal deleted inserted replaced
343:53b3d9c49096 344:9799f50b7ac5
     9       background:url(imgs/loader.gif) no-repeat;
     9       background:url(imgs/loader.gif) no-repeat;
    10       width:20px;
    10       width:20px;
    11       height:16px;
    11       height:16px;
    12       float:left;
    12       float:left;
    13     }
    13     }
       
    14 
       
    15    /* general class for all buttons */
       
    16    .Ldt-button {
       
    17 
       
    18    }
    14 
    19 
    15    .Ldt-AnnotationsWidget {
    20    .Ldt-AnnotationsWidget {
    16       font-size: 62.5%;
    21       font-size: 62.5%;
    17       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    22       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    18       background-color:#eeeeee;
    23       background-color:#eeeeee;
   149 
   154 
   150     .Ldt-RightPlayerControls {
   155     .Ldt-RightPlayerControls {
   151       float: right;
   156       float: right;
   152     }
   157     }
   153 
   158 
   154     .Ldt-CtrlPlay {
   159     /* we need a container to contain our buttons because we want
   155       background:url('imgs/play.png') no-repeat scroll 0 0 transparent ;
   160        them centered and there's no way to position them this way
   156       background-position: center;
   161        while at the same time using sprites 
       
   162     */
       
   163     .Ldt-ButtonContainer {
   157       width: 50px;
   164       width: 50px;
   158       height: 25px;
   165       height: 25px;
   159       border-left: 1px solid #b6b8b8;
   166       border-left: 1px solid #b6b8b8;
   160       border-right: 1px solid #b6b8b8;
   167       border-right: 1px solid #b6b8b8;
   161       float: left;
   168       float: left;
   162     }
   169     }
   163 
   170 
       
   171     .Ldt-CtrlPlay {
       
   172       background:url('imgs/play_sprite.png') no-repeat transparent ;
       
   173       background-position: 0 0;
       
   174       width: 16px;
       
   175       height: 25px;
       
   176       margin: 0 auto;
       
   177     }
       
   178 
       
   179     .Ldt-CtrlPlay:hover {
       
   180       background:url('imgs/play_sprite.png') no-repeat transparent ;
       
   181       background-position: 0 -25px;
       
   182       width: 16px;
       
   183       height: 25px;
       
   184       margin: 0 auto;
       
   185     }
       
   186 
   164     .Ldt-CtrlNext {
   187     .Ldt-CtrlNext {
   165       background:url('imgs/play_button.png') no-repeat scroll 0 0 transparent ;
   188       background:url('imgs/play_sprite.png') no-repeat scroll 0 0 transparent ;
   166       background-position: center;
   189       background-position: center;
   167       width: 50px;
   190       width: 50px;
   168       height: 25px;
   191       height: 25px;
   169       border-right: 1px solid #b6b8b8;
   192       border-right: 1px solid #b6b8b8;
   170       float: left;
   193       float: left;