src/css/LdtPlayer.css
branchpopcorn-port
changeset 290 1fd46a87bbc1
parent 278 ff20c80c6845
child 295 be44f374549e
equal deleted inserted replaced
289:c0e399fbf3fb 290:1fd46a87bbc1
    20     }
    20     }
    21 
    21 
    22     .Ldt-AnnotationsWidget {
    22     .Ldt-AnnotationsWidget {
    23       font-size: 62.5%;
    23       font-size: 62.5%;
    24       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    24       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    25       background-color:#eeeeee;    
    25       background-color:#eeeeee;
    26       padding:5px;
    26       padding:5px;
    27     }
    27     }
    28 
    28 
    29     .Ldt-iri-chapter{
    29     .Ldt-iri-chapter{
    30       padding-top:10px;
    30       padding-top:10px;
   133       visibility:hidden;
   133       visibility:hidden;
   134       height:0px;
   134       height:0px;
   135       display:none
   135       display:none
   136     }
   136     }
   137 
   137 
   138     .Ldt-LeftPlayerControls {      
   138     .Ldt-LeftPlayerControls {
   139       float:left;
   139       float:left;
   140       padding: 4px;
   140       padding: 4px;
   141     }
   141     }
   142     
   142 
   143     .Ldt-RightPlayerControls {      
   143     .Ldt-RightPlayerControls {
   144       float: right;
   144       float: right;
   145       padding: 4px;
   145       padding: 4px;
   146     }
   146     }
   147     
   147 
   148     .ldt-ElapsedTime {
   148     .ldt-ElapsedTime {
   149       float: left;
   149       float: left;
   150       padding: 4px;
   150       padding: 4px;
   151     }
   151     }
   152     
   152 
   153     .Ldt-cleaner {
   153     .Ldt-cleaner {
   154       clear:both;
   154       clear:both;
   155     }
   155     }
   156     
   156 
   157     .cleaner {
   157     .cleaner {
   158       clear:both;
   158       clear:both;
   159     }
   159     }
   160 
   160 
   161     .share {
   161     .share {
   185       background-position:0 -672px;
   185       background-position:0 -672px;
   186     }
   186     }
   187     .shareJamesPot{
   187     .shareJamesPot{
   188       background-position:0 -1808px;
   188       background-position:0 -1808px;
   189     }
   189     }
   190     
   190 
   191     .tip{
   191     .tip{
   192       position : fixed; /* why not absolute instead of fixed ? because the div containing the tooltip widget is not a subdiv of its parent
   192       position : fixed; /* why not absolute instead of fixed ? because the div containing the tooltip widget is not a subdiv of its parent
   193                            widget */
   193                            widget */
   194       padding : 3px;
   194       padding : 3px;
   195       z-index: 10000000000;
   195       z-index: 10000000000;
   196       max-width: 200px;      
   196       max-width: 200px;
   197       background: transparent url("http://www.polemictweet.com/images/white_arrow_long.png");
   197       background: transparent url("http://www.polemictweet.com/images/white_arrow_long.png");
   198       font-size: 12px;
   198       font-size: 12px;
   199       height: 125px;
   199       height: 125px;
   200       width: 180px;
   200       width: 180px;
   201       padding: 10px;
   201       padding: 10px;
   204       padding-right: 15px;
   204       padding-right: 15px;
   205       color: black;
   205       color: black;
   206       font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
   206       font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
   207       overflow:hidden;
   207       overflow:hidden;
   208     }
   208     }
   209     
   209 
   210     .SliderWidget {
   210     .SliderWidget {
   211     
   211 
   212     }
   212     }
   213     /* slider */
   213     /* slider */
   214     .sliderBackground  {
   214     .sliderBackground  {
   215       background-color: #B6B8B8;
   215       background-color: #B6B8B8;
   216       width: 100%;
   216       width: 100%;
   217       padding-top: 5px;
   217       padding-top: 5px;
   218     }
   218     }
   219     
   219 
   220     .sliderForeground  {
   220     .sliderForeground  {
   221       background-color: #747474;
   221       background-color: #747474;
   222       padding-top: 5px;
   222       padding-top: 5px;
   223       z-index: 2;
   223       z-index: 2;
   224       width: 0px;
   224       width: 0px;
   225       position: absolute; 
   225       position: absolute;
   226       top: 0%; 
   226       top: 0%;
   227       width: 0%;
   227       width: 0%;
   228     }
   228     }
   229     
   229 
   230     .positionMarker {
   230     .positionMarker {
   231       position: absolute; 
   231       position: absolute;
   232       z-index: 100; 
   232       z-index: 100;
   233       width: 1px; 
   233       width: 1px;
   234       height: 20px; 
   234       height: 20px;
   235       background-color: white;
   235       background-color: white;
   236     }
   236     }
   237     
   237 
   238     .Ldt-tweetWidget {
   238     .Ldt-tweetWidget {
   239       font-size: 62.5%;
   239       font-size: 62.5%;
   240       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
   240       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
   241       background-color:#eeeeee;    
   241       background-color:#eeeeee;
   242       padding:5px;
   242       padding:5px;
   243       overflow: auto;
   243       overflow: auto;
   244     }
   244     }
   245     
   245 
   246     .Ldt-tweetAvatar {
   246     .Ldt-tweetAvatar {
   247       float: left;
   247       float: left;
   248     }
   248     }
   249     
   249 
   250     .Ldt-tweetContents {
   250     .Ldt-tweetContents {
   251     
   251 
   252     }
   252     }
   253 
   253 
   254     .Ldt-tweetWidgetMinimize {
   254     .Ldt-tweetWidgetMinimize {
   255       float: right;
   255       float: right;
   256     }
   256     }
       
   257 
       
   258     /* the styling of a spacer div */
       
   259     .Ldt-spacer {
       
   260       background-color:#eeeeee;
       
   261     }