src/css/LdtPlayer.css
author hamidouk
Mon, 19 Dec 2011 15:25:22 +0100
branchpopcorn-port
changeset 481 a46cfeee6d77
parent 477 1e51d638e7ea
child 482 1c225a39a3b1
permissions -rw-r--r--
using jquery ui draggable changes the state of an element from absolute to relative positioning, which breaks the way our seek button expands itself, so we need to force absolute positioning, quite uglily, using jquery.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     1
    #demo-frame > div.demo { padding: 5px !important; };
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     2
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     3
    button.ui-button-icon-only  {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     4
      height:1.5em;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     5
      width:1.5em;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     6
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     7
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     8
    #Ldt-loader {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
     9
      background:url(imgs/loader.gif) no-repeat;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    10
      width:20px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    11
      height:16px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    12
      float:left;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    13
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    14
344
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
    15
   /* general class for all buttons */
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
    16
   .Ldt-button {
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
    17
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
    18
   }
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
    19
334
e20f97514d44 move the styling of a segment from the templates to the css.
hamidouk
parents: 328
diff changeset
    20
    .Ldt-SegmentsWidget {
e20f97514d44 move the styling of a segment from the templates to the css.
hamidouk
parents: 328
diff changeset
    21
      overflow: auto; /* clear the floats */
371
3da43513e638 segmentswidget hotfix to follow samuel's specs.
hamidouk
parents: 367
diff changeset
    22
      margin-top: 1px;
334
e20f97514d44 move the styling of a segment from the templates to the css.
hamidouk
parents: 328
diff changeset
    23
    }
e20f97514d44 move the styling of a segment from the templates to the css.
hamidouk
parents: 328
diff changeset
    24
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    25
    .Ldt-iri-chapter{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    26
      float: left;
328
279f188a5624 changed the height of a segmentWidget chapter to 10px from 3px;
hamidouk
parents: 325
diff changeset
    27
      height: 10px;
473
1a09ab7e7163 fixed display bugs in segmentsWidget
hamidouk
parents: 469
diff changeset
    28
      border-right: 1px solid white;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    29
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    30
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    31
    .tooltip {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    32
      display:none;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    33
      background:transparent url(imgs/white_arrow_mini.png);
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    34
      font-size:12px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    35
      height:55px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    36
      width:180px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    37
      padding:10px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    38
      padding-left:15px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    39
      padding-top:15px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    40
      padding-right:15px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    41
      color:#000;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    42
      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    43
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    44
    #Ldt-Root{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    45
      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    46
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    47
    #Ldt-Hat{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    48
      height:3px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    49
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    50
373
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    51
    .Ldt-AnnotationsWidget {
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    52
      font-size: 12px;
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    53
      font-family: "Arial",  "Verdana", "sans-serif";
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    54
      background-color:#eeeeee;
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    55
      background:url('imgs/wire_pattern.png') repeat scroll transparent ;
438
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
    56
      border: 1px solid #b6b8b8;
373
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    57
    }
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    58
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    59
    .Ldt-Annotation-DoubleBorder {
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    60
      border: 1px solid white;
438
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
    61
      overflow: auto;
373
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    62
    }
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    63
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    64
    .Ldt-AnnotationContent {
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    65
      padding:5px;
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    66
      padding-left: 12px;
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    67
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    68
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    69
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    70
    .Ldt-SaTitle{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    71
      padding-top:2px;
373
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    72
      padding-bottom:3px;
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    73
      font-size: 12pt;
307
db5ecd5bbcf2 style changes for the annotationsWidget.
hamidouk
parents: 306
diff changeset
    74
      color : #0068c4;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    75
    }
307
db5ecd5bbcf2 style changes for the annotationsWidget.
hamidouk
parents: 306
diff changeset
    76
db5ecd5bbcf2 style changes for the annotationsWidget.
hamidouk
parents: 306
diff changeset
    77
    .Ldt-SaDescription{
db5ecd5bbcf2 style changes for the annotationsWidget.
hamidouk
parents: 306
diff changeset
    78
      font-size:12px;
db5ecd5bbcf2 style changes for the annotationsWidget.
hamidouk
parents: 306
diff changeset
    79
    }
373
0e571ced5bc4 cleaned up the css and implemented double borders.
hamidouk
parents: 371
diff changeset
    80
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    81
    .Ldt-SaKeyword{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    82
      background-color:#b9b9b9;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    83
      color:#4D4D4D;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    84
      padding:5px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    85
      font-weight:bold;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    86
      text-align:left;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    87
      float:left;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    88
      font-size:10px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    89
    }
383
a866fe187dad added the sharing tools.
hamidouk
parents: 378
diff changeset
    90
a866fe187dad added the sharing tools.
hamidouk
parents: 378
diff changeset
    91
    .Ldt-AnnotationShareIcons {
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    92
      float:right;
383
a866fe187dad added the sharing tools.
hamidouk
parents: 378
diff changeset
    93
      position: relative;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    94
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    95
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    96
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    97
    #Ldt-PlaceHolder{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    98
      position:absolue;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
    99
      float:none;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   100
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   101
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   102
    .Ldt-Segments{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   103
      float:left;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   104
      font-size: 62.5%;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   105
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   106
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   107
    .Ldt-mode-radio{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   108
      visibility:hidden;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   109
      height:0px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   110
      display:none
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   111
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   112
311
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   113
    /* player */
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   114
    .Ldt-controler {
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   115
      font-size: 62.5%;
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   116
      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   117
      background:url('imgs/player_gradient.png') repeat-x transparent ;
335
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   118
      height: 25px;
311
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   119
      border-top: 1px solid #b6b8b8;
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   120
      border-bottom: 1px solid #b6b8b8;
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   121
    }
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   122
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   123
 
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   124
    .Ldt-LeftPlayerControls {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   125
      float:left;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   126
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   127
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   128
    .Ldt-RightPlayerControls {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   129
      float: right;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   130
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   131
345
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   132
    .Ldt-button {
335
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   133
      border-left: 1px solid #b6b8b8;
311
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   134
      float: left;
348
c9833b9c86b9 changed the cursors for the interface buttons.
hamidouk
parents: 346
diff changeset
   135
      cursor: pointer;
345
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   136
     
311
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   137
    }
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   138
344
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   139
    .Ldt-CtrlPlay {
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   140
      background:url('imgs/play_sprite.png') no-repeat transparent ;
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   141
      background-position: 0 0;
345
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   142
      width: 59px;
344
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   143
      height: 25px;
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   144
    }
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   145
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   146
    .Ldt-CtrlPlay:hover {
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   147
      background-position: 0 -25px;
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   148
    }
9799f50b7ac5 WIP - integrating sprites for the play button.
hamidouk
parents: 339
diff changeset
   149
345
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   150
    .Ldt-CtrlPlay:active {
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   151
      background-position: 0 -50px;
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   152
    }
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   153
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   154
    .Ldt-CtrlAnnotate {
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   155
      background:url('imgs/annotate_sprite.png') no-repeat scroll 0 0 transparent ;
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   156
      width: 33px;
335
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   157
      height: 25px;
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   158
      border-right: 1px solid #b6b8b8;
311
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   159
      float: left;
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   160
    }
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   161
345
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   162
    .Ldt-CtrlAnnotate:hover {
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   163
      background-position: 0 -25px;
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   164
    }
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   165
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   166
    .Ldt-CtrlAnnotate:active {
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   167
      background-position: 0 -50px;
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   168
    }
311
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   169
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   170
    .Ldt-CtrlSearch {
345
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   171
      background:url('imgs/search_sprite.png') no-repeat scroll 0 0 transparent ;
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   172
      width: 33px;
335
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   173
      height: 25px;
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   174
      border-right: 1px solid #b6b8b8;
311
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   175
      float: left;
386
c3a08790e8c8 fixed borders bug.
hamidouk
parents: 385
diff changeset
   176
      border-left: none;
311
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   177
    }
43a1b7d95317 WIP - integrating the various changes samuel requested.
hamidouk
parents: 310
diff changeset
   178
345
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   179
    .Ldt-CtrlSearch:hover {
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   180
      background-position: 0 -25px;
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   181
    }
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   182
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   183
    .Ldt-CtrlSearch:active {
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   184
      background-position: 0 -50px;
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   185
    }
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   186
8a088f7daa66 rollover over the interface buttons now works as expected.
hamidouk
parents: 344
diff changeset
   187
295
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   188
    .Ldt-Time {
339
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   189
      position: inherit;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   190
      float: left;
335
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   191
      border-right: 1px solid #b6b8b8;
339
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   192
      height: 25px;
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   193
      padding-right: 2px;
385
6915c4c6163d fixed time display font size.
hamidouk
parents: 383
diff changeset
   194
      font-size: 12px;
6915c4c6163d fixed time display font size.
hamidouk
parents: 383
diff changeset
   195
      font-family: Arial, Verdana, sans-serif;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   196
    }
295
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   197
    
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   198
    .Ldt-ElapsedTime {
385
6915c4c6163d fixed time display font size.
hamidouk
parents: 383
diff changeset
   199
      margin-top: 4px;
338
3ff4499f79bb WIP - graphical integration.
hamidouk
parents: 335
diff changeset
   200
      float: left;
295
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   201
      color: #4a4a4a;
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   202
    }
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   203
    
339
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   204
    .Ldt-TimeSeparator {
385
6915c4c6163d fixed time display font size.
hamidouk
parents: 383
diff changeset
   205
      margin-top: 4px;
339
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   206
      float: left;
385
6915c4c6163d fixed time display font size.
hamidouk
parents: 383
diff changeset
   207
      padding-left: 1px;
6915c4c6163d fixed time display font size.
hamidouk
parents: 383
diff changeset
   208
      padding-right: 1px;
339
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   209
    }
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   210
295
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   211
    .Ldt-TotalTime {
385
6915c4c6163d fixed time display font size.
hamidouk
parents: 383
diff changeset
   212
      margin-top: 4px;
339
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   213
      float: left;
295
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   214
      color: #b2b2b2; 
be44f374549e the total time of the video is now grayed out, as per samuel's spec.
hamidouk
parents: 290
diff changeset
   215
    }
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   216
335
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   217
    .Ldt-CtrlSound {
450
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   218
      background:url('imgs/sound_sprite.png') no-repeat scroll 0 0 transparent ;
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   219
      width: 33px;
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   220
      height: 25px;
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   221
      border-right: 1px solid #b6b8b8;
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   222
      float: right;
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   223
      border-left: none;
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   224
    }
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   225
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   226
    .Ldt-CtrlSound:hover {
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   227
      background-position: 0 -25px;
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   228
    }
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   229
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   230
    .Ldt-CtrlSound:active {
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   231
      background-position: 0 -50px;
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   232
    }
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   233
/*
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   234
    .Ldt-CtrlSound {
335
54c0686efd85 various css fixes and cleanups.
hamidouk
parents: 334
diff changeset
   235
      float: right;
386
c3a08790e8c8 fixed borders bug.
hamidouk
parents: 385
diff changeset
   236
      border-left: none;
339
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   237
      height: 25px;
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   238
      top: 7px;
a7e288ce7957 fixed time indicator positioning issues.
hamidouk
parents: 338
diff changeset
   239
      position: inherit;
334
e20f97514d44 move the styling of a segment from the templates to the css.
hamidouk
parents: 328
diff changeset
   240
    }
450
6c555484037b added styling for the mute/unmute button.
hamidouk
parents: 439
diff changeset
   241
*/    
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   242
    .Ldt-cleaner {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   243
      clear:both;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   244
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   245
299
d2005f747d5a added a new widget, the arrowWidget.
hamidouk
parents: 295
diff changeset
   246
    /* Arrow Widget */
d2005f747d5a added a new widget, the arrowWidget.
hamidouk
parents: 295
diff changeset
   247
    .Ldt-arrowWidget {
305
e8d05c3f77ed created an arrow widget.
hamidouk
parents: 299
diff changeset
   248
      position: relative;
299
d2005f747d5a added a new widget, the arrowWidget.
hamidouk
parents: 295
diff changeset
   249
      background:url('imgs/arrow.png') no-repeat scroll 0 0 transparent ;
d2005f747d5a added a new widget, the arrowWidget.
hamidouk
parents: 295
diff changeset
   250
      height:16px;
d2005f747d5a added a new widget, the arrowWidget.
hamidouk
parents: 295
diff changeset
   251
      width:27px;
377
2dc60fa78c41 the arrow looks more like it should be. there's still a border problem though.
hamidouk
parents: 375
diff changeset
   252
      margin-bottom: -3px;
2dc60fa78c41 the arrow looks more like it should be. there's still a border problem though.
hamidouk
parents: 375
diff changeset
   253
      z-index: 4;
314
da3eafabe9ce added default positioning for arrow widget.
hamidouk
parents: 311
diff changeset
   254
      left: 0%;
299
d2005f747d5a added a new widget, the arrowWidget.
hamidouk
parents: 295
diff changeset
   255
    }
d2005f747d5a added a new widget, the arrowWidget.
hamidouk
parents: 295
diff changeset
   256
 
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   257
    .cleaner {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   258
      clear:both;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   259
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   260
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   261
    .share {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   262
      background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   263
      display:block;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   264
      height:16px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   265
      line-height:16px !important;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   266
      overflow:hidden;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   267
      width:16px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   268
      float:left;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   269
      cursor:pointer;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   270
      margin:2px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   271
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   272
    .shareFacebook{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   273
      background-position:0 -704px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   274
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   275
    .shareMySpace{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   276
      background-position:0 -736px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   277
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   278
    .shareTwitter{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   279
      background-position:0 -1072px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   280
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   281
    .shareGoogle{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   282
      background-position:0 -752px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   283
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   284
    .shareDelicious{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   285
      background-position:0 -672px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   286
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   287
    .shareJamesPot{
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   288
      background-position:0 -1808px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   289
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   291
    .tip{
477
1e51d638e7ea fixes in a rush.
hamidouk
parents: 473
diff changeset
   292
    /* why not absolute instead of fixed ? because the div containing the tooltip widget is not a subdiv of its parent
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   293
                           widget */
477
1e51d638e7ea fixes in a rush.
hamidouk
parents: 473
diff changeset
   294
      /*position : fixed;  */
1e51d638e7ea fixes in a rush.
hamidouk
parents: 473
diff changeset
   295
      position: absolute;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   296
      padding : 3px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   297
      z-index: 10000000000;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   298
      max-width: 200px;
396
8191e4f07125 added a ressource which was grabbed from the internet previously.
hamidouk
parents: 386
diff changeset
   299
      background: transparent url("imgs/white_arrow_long.png");
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   300
      font-size: 12px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   301
      height: 125px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   302
      width: 180px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   303
      padding: 10px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   304
      padding-left: 15px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   305
      padding-top: 15px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   306
      padding-right: 15px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   307
      color: black;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   308
      font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   309
      overflow:hidden;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   310
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   311
324
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   312
    /* slider */
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   313
    .Ldt-SliderMinimized {
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   314
      height: 6px;
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   315
    }
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   316
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   317
    .Ldt-SliderMaximized {
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   318
      height: 11px;
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   319
    }
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   320
324
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   321
    .Ldt-sliderElementMinimized {
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   322
      width: 100%;
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   323
      height: 5px;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   324
    }
324
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   325
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   326
    .Ldt-sliderElementMaximized {
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   327
      width: 100%;
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   328
      height: 10px;
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   329
    }
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   330
316
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   331
    .Ldt-sliderBackground  {
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   332
      background-color: #B6B8B8;
324
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   333
      position: absolute;
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   334
      z-index: 2;
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   335
      bottom: 1px;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   336
      width: 100%;
316
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   337
      height: 5px;
324
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   338
 
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   339
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   340
316
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   341
    .Ldt-sliderForeground  {
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   342
      background-color: #747474;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   343
      z-index: 2;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   344
      width: 0px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   345
      position: absolute;
324
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   346
      bottom: 1px;
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   347
      height: 5px;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   348
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   349
316
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   350
    .Ldt-sliderPositionMarker {
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   351
      position: absolute;
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   352
      z-index: 100;
469
154c049e0c06 made slider look like samuel's crea.
hamidouk
parents: 450
diff changeset
   353
      background-color: #f7268e;
316
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   354
      height: 5px;
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   355
      width: 5px;
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   356
      top: 0%;
324
abe961b7f295 a slider that more or less works.
hamidouk
parents: 316
diff changeset
   357
      bottom: 1px;
469
154c049e0c06 made slider look like samuel's crea.
hamidouk
parents: 450
diff changeset
   358
      border-left: 1px solid white;
154c049e0c06 made slider look like samuel's crea.
hamidouk
parents: 450
diff changeset
   359
      border-right: 1px solid white;
316
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   360
    }
3b11a798f5e4 WIP - reorganizing the sliderWidget.
hamidouk
parents: 314
diff changeset
   361
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   362
    .positionMarker {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   363
      position: absolute;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   364
      z-index: 100;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   365
      width: 1px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   366
      height: 20px;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   367
      background-color: white;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   368
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   369
307
db5ecd5bbcf2 style changes for the annotationsWidget.
hamidouk
parents: 306
diff changeset
   370
    /* tweet Widget */
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   371
    .Ldt-tweetWidget {
439
1c1eebd0d080 fixed font for tweet widget.
hamidouk
parents: 438
diff changeset
   372
      font-size: 12px;
1c1eebd0d080 fixed font for tweet widget.
hamidouk
parents: 438
diff changeset
   373
      font-family: "Arial",  "Verdana", "sans-serif";
306
38a494e0424e added a wire pattern to the tweetWidget.
hamidouk
parents: 305
diff changeset
   374
      background:url('imgs/wire_pattern.png') repeat scroll transparent ;
438
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   375
      border: 1px solid #b6b8b8;
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   376
      border-top: none;
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   377
      overflow: auto;
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   378
    }
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   379
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   380
    .Ldt-tweet-DoubleBorder {
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   381
      border: 1px solid white;
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   382
      padding: 5px;
7c86ac92133f added a double border around the tweetWidget, and fixed a couple of
hamidouk
parents: 436
diff changeset
   383
      overflow: auto;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   384
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   385
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   386
    .Ldt-tweetAvatar {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   387
      float: left;
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   388
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   389
366
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   390
    .Ldt-tweetAvatar-profileArrow {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   391
      float: left;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   392
      height: 48px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   393
      margin-left: 5px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   394
      margin-right: 5px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   395
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   396
367
277a9f5f342c more graphical integration for the tweetsWidget.
hamidouk
parents: 366
diff changeset
   397
    .Ldt-tweet_userHandle {
277a9f5f342c more graphical integration for the tweetsWidget.
hamidouk
parents: 366
diff changeset
   398
       float: left;
371
3da43513e638 segmentswidget hotfix to follow samuel's specs.
hamidouk
parents: 367
diff changeset
   399
       color: #5c8df1;
367
277a9f5f342c more graphical integration for the tweetsWidget.
hamidouk
parents: 366
diff changeset
   400
    }
277a9f5f342c more graphical integration for the tweetsWidget.
hamidouk
parents: 366
diff changeset
   401
277a9f5f342c more graphical integration for the tweetsWidget.
hamidouk
parents: 366
diff changeset
   402
    .Ldt-tweet_realName {
277a9f5f342c more graphical integration for the tweetsWidget.
hamidouk
parents: 366
diff changeset
   403
      float: left;
277a9f5f342c more graphical integration for the tweetsWidget.
hamidouk
parents: 366
diff changeset
   404
      margin-left: 3px;
277a9f5f342c more graphical integration for the tweetsWidget.
hamidouk
parents: 366
diff changeset
   405
    }
366
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   406
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   407
    .Ldt-tweetContents {
366
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   408
    }
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   409
366
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   410
    .Ldt-tweet_date {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   411
      float: left;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   412
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   413
378
110311d59b2f implemented a second button to keep the tweetWidget open.
hamidouk
parents: 377
diff changeset
   414
    .Ldt-tweetWidgetKeepOpen {
110311d59b2f implemented a second button to keep the tweetWidget open.
hamidouk
parents: 377
diff changeset
   415
      position: relative;
110311d59b2f implemented a second button to keep the tweetWidget open.
hamidouk
parents: 377
diff changeset
   416
      float: right;
110311d59b2f implemented a second button to keep the tweetWidget open.
hamidouk
parents: 377
diff changeset
   417
      height: 17px;
110311d59b2f implemented a second button to keep the tweetWidget open.
hamidouk
parents: 377
diff changeset
   418
      width: 17px;
110311d59b2f implemented a second button to keep the tweetWidget open.
hamidouk
parents: 377
diff changeset
   419
      margin-right: 1px;
110311d59b2f implemented a second button to keep the tweetWidget open.
hamidouk
parents: 377
diff changeset
   420
    }
110311d59b2f implemented a second button to keep the tweetWidget open.
hamidouk
parents: 377
diff changeset
   421
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   422
    .Ldt-tweetWidgetMinimize {
360
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   423
      position: relative;
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   424
      float: right;
360
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   425
      height: 17px;
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   426
      width: 17px;
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   427
      right: 9px;
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   428
    }
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   429
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   430
    .Ldt-tweetWidget * a:link {
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   431
      color: #729efa;
326fd52d95bb minimize button is now positionned correctly.
hamidouk
parents: 348
diff changeset
   432
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   433
    }
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   434
366
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   435
    .Ldt-TweetReply {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   436
      float: left;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   437
      margin-left: 16px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   438
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   439
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   440
    .Ldt-TweetReplyIcon {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   441
      background:url('imgs/reply_sprite.png') no-repeat scroll 0 0 transparent ;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   442
      width: 14px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   443
      height: 11px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   444
      float: left;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   445
      margin-top: 2px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   446
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   447
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   448
    .Ldt-TweetReplyIcon:hover {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   449
      background-position: 0 -11px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   450
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   451
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   452
    .Ldt-TweetReplyIcon:active {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   453
      background-position: 0 -22px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   454
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   455
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   456
    .Ldt-Retweet {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   457
      float: left;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   458
      margin-left: 16px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   459
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   460
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   461
    .Ldt-RetweetIcon {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   462
      background:url('imgs/retweet_sprite.png') no-repeat scroll 0 0 transparent ;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   463
      width: 14px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   464
      height: 8px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   465
      float: left;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   466
      margin-top: 3px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   467
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   468
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   469
    .Ldt-RetweetIcon:hover {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   470
      background-position: 0 -8px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   471
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   472
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   473
    .Ldt-RetweetIcon:active {
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   474
      background-position: 0 -16px;
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   475
    }
82363c149ee8 added styling for the arrow and the retweet and reply buttons.
hamidouk
parents: 360
diff changeset
   476
375
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   477
    /* styling of a "++" in a tweet */
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   478
    .Ldt-PolemicPlusPlus {
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   479
      background-color: #1d973d;
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   480
    }
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   481
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   482
    /* styling of a "==" in a tweet */
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   483
    .Ldt-PolemicEqualEqual {
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   484
      background-color: #5c8df1
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   485
    }
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   486
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   487
    /* styling of a "--" in a tweet */
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   488
    .Ldt-PolemicMinusMinus {
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   489
      background-color: #ce0a15;
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   490
    }
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   491
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   492
    /* styling of a "??" in a tweet */
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   493
    .Ldt-PolemicQuestion {
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   494
      background-color: #c5a62d;
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   495
    }
8c41db3813e0 implemented highlighting for polemic tweet syntax.
hamidouk
parents: 373
diff changeset
   496
290
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   497
    /* the styling of a spacer div */
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   498
    .Ldt-spacer {
1fd46a87bbc1 added a css class for spacers. Fixed line endings too.
hamidouk
parents: 278
diff changeset
   499
      background-color:#eeeeee;
299
d2005f747d5a added a new widget, the arrowWidget.
hamidouk
parents: 295
diff changeset
   500
    }