vidjil.less 24.2 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15


/* base Vidjil style */
/* @default, @background, @highlight, @select, @secondary and @border have to be defined */


html{
  height: 100%;
  padding: 0px;
  margin: 0px;
  min-width: 1160px;
  min-height: 650px
}

body {
Marc Duez's avatar
Marc Duez committed
16
  font-family: ubuntumedium, Arial, Helvetica, Sans-serif;
17
  font-size: 13px;
18
19
20
  height : 100%;
  margin:0px;
  color : @default;
21
  background : @border;
22
23
}

24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

/* texts that are not sequences nor identifiers */

#info, #popup-msg, .menu, .menu a
{
  font-family: ubuntulight, Arial, Helvetica, Sans-serif;
}

a 
{
  font-family: ubuntumedium,  Arial, Helvetica, Sans-serif;
}



39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
h2
{
  margin-top: 2px;
}

ul{
  padding-left:2px;
  margin-top: 3px;
  list-style-type: none;
}

#visu-container{
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  height :100%;
57
58
  margin : auto;
  overflow : hidden;
59
  background : @background;
60
61
62
63
64
}

#top-container {
  height: 28px;
  width: 100%;
65
  background: @background;
66
67
68
}

#mid-container {
Marc Duez's avatar
Marc Duez committed
69
  position : fixed;
70
  top : 28px;
Marc Duez's avatar
Marc Duez committed
71
  bottom : 125px ;
72
73
74
  width: -moz-calc(~"100%" - @margin + @margin);
  width: -webkit-calc(~"100%" - @margin + @margin);
  width: calc(~"100%" - @margin + @margin);
75
76
  overflow: hidden;
  background: @background;
77
78
79
80
81
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
82
  margin: @margin;
83
84
}

85
86
87
88
89
90
91
92
#right-container{
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  float : right;
  width : 0px;
93
94
95
96
97
98
}

#left-container {
  height:100%;
  width : @width_left_container;
  float : left;
99
  overflow-y : none;
100
101
102
103
104
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
105
106
107
108
}

#visu, #visu2 {
  height : 50%;
109
  width : 100%;
110
111
112
  overflow:hidden;
}

113
114
115
116
#visu2 {
max-height: calc(~"100%" - @margin)
}

117
118
119
120
121
line {
  stroke: @secondary;
  stroke-width: 0.5;
}

122
123
                        /* left-container - info */

124
#info{
125
  font-family: ubuntumedium, Arial, Helvetica, Sans-serif;
126
  font-size: 13px;
Marc Duez's avatar
Marc Duez committed
127
  height :200px;
128
  padding:3px;
129
  background : @background;
130
131
}

132
133
134
135
136
137
138
139
140
141
142
143
.info_line {
    border-bottom: solid;
    border-bottom-width: 1px;
    border-color: @border;
}

.info_row {
    padding-left: 20px;
    min-width: 100px;
    display: inline-block;
}

144
145
.info_row_content {
    display: inline-block;
Marc Duez's avatar
Marc Duez committed
146
    width : 345px;
147
148
}

149
150
151
152
153
154
155
156
#info_point {
    margin-top: 15px;
}

#info_data_file
{
  font-size: 200%;
}
157
158
159
160
161
162
163
164

						  /*Style polyline / graph*/

.background_graph{
  fill : @background
}

.background_graph2{
165
  fill : @background
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
}

.graph_line{
  stroke-width : 2.5px;
  cursor:pointer;
}

.graph_inactive{
  stroke-width : 1.5px;
  cursor:pointer;
  display:none;
}

.graph_select{
  stroke-width : 5px;
  cursor:pointer;
  stroke-dasharray : 20px,5px ;
}

.graph_focus{
  stroke-width : 5px;
  cursor:pointer;
}

Marc Duez's avatar
Marc Duez committed
190
.axis_m{
Marc Duez's avatar
Marc Duez committed
191
  stroke : @default ;
192
193
194
195
196
  opacity : 0.5 ;
  stroke-width : 20px;
}

.axis_h{
Marc Duez's avatar
Marc Duez committed
197
  stroke : @default ;
198
199
200
201
  stroke-width : 2px ;
}

.axis_v{
Marc Duez's avatar
Marc Duez committed
202
 stroke : @default ;
203
204
205
206
 stroke-width : 2px;
 stroke-dasharray: 6,6;
}

Marc Duez's avatar
Marc Duez committed
207
208
209
210
.axis_v_hidden{
 display: none;
}

211
212
213
214
215
216
217
218
219
220
.axis_button, .axis_leg{
  fill : @default;
}

#resolution1{
  fill : @background;
  opacity : 1;
}

#resolution5{
221
222
    fill: @border;
    opacity: 0.6;
223
224
}

225
.graph_time{
226
  font-weight : bold;
Marc Duez's avatar
Marc Duez committed
227
  fill : @default ;
228
229
230
  text-anchor:middle;
}

231
232
.graph_text{
  font-weight : bold;
Marc Duez's avatar
Marc Duez committed
233
  fill : @default ;
234
235
236
  text-anchor:end;
}

237
238
239
240
241
.graph_time:hover{
  cursor:pointer;
  fill : @select;
}

242
243
.graph_menu{
  position: absolute;
244
245
  top: 0px;
  right: 0px;
Marc Duez's avatar
Marc Duez committed
246
247
  min-width: 22px;
  min-height: 18px;
248
  text-align: center;
249
250
  border-bottom: solid;
  border-left: solid;
251
252
253
  border-color: @border;
  background : @background;
}
254
255
256
257
258
259

.graph_list{
  display: none;
}

.graph_listElem:hover{
260
  background : @border;
261
  width: 100%;
Marc Duez's avatar
Marc Duez committed
262
  cursor: move;
263
  cursor: webkit-grab;
264
265
}

266

267
268
269
270
271
272
273
274
275
276
277
278
							  /*style scatterPlot element*/

.background_sp{
  fill : @background
}

.circle{
  cursor:pointer;
  -webkit-transition: fill 0.2s;
  -o-transition: fill  0.2s;
  -ms-transition: fill 0.2s;
  transition: fill 0.2s;
279
  fill : @default;
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
}

.circle_inactive{
  cursor:pointer;
  opacity: 0.5
}

.circle_select{
  stroke-width : 2.5px;
  stroke : @select;
  cursor:pointer;
}

.circle_focus{
  cursor:pointer;
}

.circle_hidden{
  -webkit-transition: fill 0.2s;
  display:none;
}

302
303
304
305
306
307
308
309
310
.line_active {
  opacity: 1;
  stroke-width: 4px;
}

.line_inactive {
  display: none;
}

311
.sp_legend{
Marc Duez's avatar
Marc Duez committed
312
  fill : @default ;
313
314
315
316
  font-weight : bold;
  text-anchor : middle;
}

Marc Duez's avatar
Marc Duez committed
317
318
.sp_system{
  position:absolute;
Marc Duez's avatar
Marc Duez committed
319
  top: -0.5em;
Marc Duez's avatar
Marc Duez committed
320
321
}

Marc Duez's avatar
Marc Duez committed
322
.sp_system_label{
Marc Duez's avatar
Marc Duez committed
323
  color : @default ;
Marc Duez's avatar
Marc Duez committed
324
  font-weight : bold;
Marc Duez's avatar
Marc Duez committed
325
326
  height:0px;
  position:relative;
Marc Duez's avatar
Marc Duez committed
327
328
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
Marc Duez's avatar
Marc Duez committed
329
330
331
}

.sp_system_label:hover{
Marc Duez's avatar
Marc Duez committed
332
  color : @select ;
Marc Duez's avatar
Marc Duez committed
333
334
335
  cursor: pointer;
}

336
.sp_rotated_legend{
Marc Duez's avatar
Marc Duez committed
337
  fill : @default ;
338
339
340
341
  font-weight : bold;
  text-anchor : left;
}

Marc Duez's avatar
Marc Duez committed
342
343
344
345
346
347
348
349
350
351
.sp_legend_focus{
  fill : @select;
  font-weight : bold;
  text-anchor : middle;
}

.sp_hidden_legend{
  display : none;
}

352
.sp_line , .sp_subline{
Marc Duez's avatar
Marc Duez committed
353
  stroke : @default ;
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
  stroke-width : 0.7px;
}

.sp_subline{
  stroke-width : 0.5px;
  stroke-dasharray: 6,6;
}

.sp_subline_hidden{
  stroke-width : 0px;
}

							  /*style list element*/


/*Metric*/

@width_left_container : 475px;
@width_scrollbar : 30px;
@width_clusterBox :16px;
@width_starBox : 16px;
@width_sizeBox : 60px;
@width_infoBox : 20px;
377
@width_systemBox : 13px;
378
@width_listElem : (@width_left_container - @width_scrollbar);
379
@margin : 6px;
380
@margin_nameBox : 10px;
381
@width_nameBox : (@width_listElem - @width_starBox - @width_infoBox - @width_sizeBox - @width_clusterBox - @margin_nameBox - @width_systemBox);
382
383


Marc Duez's avatar
Marc Duez committed
384
.list:hover, .tagElem:hover, .data:hover{
385
  background :@border;
386
387
}

Marc Duez's avatar
Marc Duez committed
388
#list{
Marc Duez's avatar
Marc Duez committed
389
390
391
  height: -moz-calc(~"100% - 240px");
  height: -webkit-calc(~"100% - 240px");
  height: calc(~"100% - 240px");
Marc Duez's avatar
Marc Duez committed
392
393
394
395
396
397
}

#list_clones{
  overflow-y : scroll;
  overflow-x : hidden;
  height : 100%;
398
399
400
  padding:2px;
}

Marc Duez's avatar
Marc Duez committed
401
402
403
404
405
406
407
408
409
410
411
412
413
414
#list_data{
  display: block;
}

.data_name{
  margin-left : 40px;
  width: 300px;
  margin-right : 10px;
  display : inline-block;
}

.data_value{
}

415
416
417
418
419
420
421
422
.list{
  width : 	@width_left_container;
  display :	block;
  padding : 	2px;
}

.listElem{
  width : @width_listElem;
423
  font-size: 13px;
424
425
426
427
428
429
  cursor:pointer;
  -webkit-transition: color 0.2s;
  -o-transition: color  0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
  font-weight : bold;
430
  padding: 1px 4px 4px 1px;
431
432
433
434
435
436
437
  height :14px;
}

.selected{
  color : @select;
}

438
.nameBox {
439
  width: 300px;
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
  margin-right: @margin_nameBox;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  position: relative;
  float:left;
  white-space:nowrap;
}

.sizeBox{
  width: @width_sizeBox;
  float: right;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  position: relative;
}

.starBox{
  width: @width_starBox;
  float: right;
  height: 16px;
  display: inline-block;
  user-select :none;
464
  overflow: hidden;
465
466
467
468
469
470
471
472
473
}

.infoBox{
  width: @width_infoBox;
  float: right;
  height: 16px;
  display: inline-block;
  user-select :none;
  text-align: center;
474

475
476
}

477
.systemBox, .systemBoxMenu {
478
479
    display: inline-block;
    width: @width_systemBox;
480
    height: 13px;
481
482
483
    text-align: center;
    border-radius: 3px;
    border-width: 1px;
484
485
    margin: 4px;
    margin-top: 2px;
486
487
    color: @select;
    font-family: monospace;
488
    font-size: 80%;
489
490
}

491
492
493
494
495
496
.systemBox {
    float: left;
}

.systemBoxNameMenu {
    display: inline-block;
Marc Duez's avatar
Marc Duez committed
497
    min-width: 70px;
Marc Duez's avatar
Marc Duez committed
498
    height: 20px;
Marc Duez's avatar
Marc Duez committed
499
    cursor : pointer;
500
501
}	      

Marc Duez's avatar
Marc Duez committed
502
503
504
.hiddenCheckBox {
    display : none;
}
505

506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
.clusterBox{
  width: @width_clusterBox;
  float: left;
  height: 12px;
  display: inline-block;
  text-align :center
}

.delBox{
  margin:2px;
  height: 12px;
  width: 12px;
  display: inline-block;
  color: white;
  float:left;
  user-select :none;
  margin-right: 5px;
  margin-left: 15px;
}



#new_name{
  font-family: monospace;
  font-weight:bold;
}

							  /*style segmenter element*/
.list_select{
  width : @width_left_container;
  display : block;
  border : solid;
  border-width : 2px;
  padding : 0px;
  border-color : @select;
}

.sequence-line { 
  white-space: nowrap;
}

547
548
549
550
.sequence-line:hover{
    font-weight: bold;
}

551
.seq-fixed {
552
553
  position: relative;
  display: inline-block;
554
  width: (@width_left_container - @width_scrollbar);
555
556
  margin: -2px;
  padding: 2px;
557
558
559
560
561
562
563
564
565
  padding-left: 5px;
  left:0px;
  cursor:pointer;
  z-index:1;
}

.seq-mobil {
  margin-left: @width_left_container;
  letter-spacing: 0.12em;
Marc Duez's avatar
Marc Duez committed
566
  font-family : monospace, ubuntu_monobold, Courier New,monaco,terminal,courier,system; 
Marc Duez's avatar
Marc Duez committed
567
  position: relative;
568
  bottom: 3px;
569
  word-spacing: -1em;
570
  font-size:1em;
571
572
}

573
574
575
.seq-marge {
  word-spacing: normal;
}
576
577
578
579

.V {
  color: #ffb300;
}
Marc Duez's avatar
Marc Duez committed
580
.D {
581
582
583
584
  color: #c7007d;
}
.J {
  color: #009b95;
Marc Duez's avatar
Marc Duez committed
585
}
Marc Duez's avatar
Marc Duez committed
586
587
588
.window1{
    display: inline-block;
    width: 0px;
589
    word-spacing: normal;
Marc Duez's avatar
Marc Duez committed
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
}
.window2{
    border: solid;
    display: inline-flex;
    height: 1em;
    position: relative;
    margin: -1px;
    border-width: 1px;
    border-color: red;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
span .substitution{
Marc Duez's avatar
Marc Duez committed
607
    background-color : @border;
Marc Duez's avatar
Marc Duez committed
608
}
Marc Duez's avatar
Marc Duez committed
609

610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
							  /*tag*/

#tagSelector{
  padding: 5px;
  position: absolute;
  left: @width_left_container;
  top: 195px;
  width:220px;
  border:solid;
  display:none;
}

.tagElem{
  margin:1px;
  height: 20px;
}

.tagElem:hover{
  border-color : white;
  cursor : pointer;
  color : @select;
}

.tagColorBox {
  margin-right:3px;
  height: 16px;
  width: 16px;
  display: inline-block;
  cursor:pointer;
  user-select :none;
  margin-bottom: -4px;
  margin-top: 2px;
}

644
645
646
647
#normalized_size {
    width: 80px;
}

648
649
650
651
652
653
654
655
							  /*menu*/

.menu{
  padding:3px;
  float:left;
  margin:5px;
  cursor:pointer;
  background:inherit;
656
657
}

658
659
660
661
662
663

.menu a {
  text-decoration: none;
  color: inherit ;
}

664
665
666
667
668
669
670
671
672
673
674
675
.submenu{
    width: 200px;
    display: inline-table;
}

.menu_box {
    margin: 0px;
    padding: 5px;
    border-top: solid;
    border-width: 1px;
    border-color:@border;
}
676

Marc Duez's avatar
Marc Duez committed
677
678
.submenu{
    width: 200px;
679
    display: inline-table;
Marc Duez's avatar
Marc Duez committed
680
681
682
683
684
685
686
687
688
689
}

.menu_box {
    margin: 0px;
    padding: 5px;
    border-top: solid;
    border-width: 1px;
    border-color:@border;
}

690
691
692
693
694
695
696
697
#file_menu, #analysis_menu{
  z-index:2;
  border:solid; 
  position: fixed; 
  top: 200px; 
  min-width:400px;
  margin-left:-250px;
  left :50%;
698
  font-size: 13px; 
699
  padding: 10px;
700
  background:@background;
701
702
703
704
705
706
  display:none; 
}

.buttonSelector {
  background : @background;
  cursor:pointer;
707
  font-size: 13px;
708
709
710
711
712
  margin :2px;
  display:block;
  text-align:left;
}

Marc Duez's avatar
Marc Duez committed
713
.systemBoxNameMenu:hover, .button:hover,.button_right:hover, .buttonSelector:hover, .button2:hover{
714
  background : @border;
715
716
717
718
719
720
721
722
  color : @select;
}


/*	//////////////////////////////////////////////////////////////	*/


#popup-container{
Marc Duez's avatar
Marc Duez committed
723
  z-index:5;
724
725
726
727
728
  border:solid; 
  position: fixed; 
  top: 250px; 
  left:50% ;
  width:500px;
729
  font-size: 13px; 
730
731
732
733
734
735
736
737
738
739
740
  padding: 10px;
  background: @background;
  display:none;
  left: -moz-calc(~"50% - 250px");
  left: -webkit-calc(~"50% - 250px");
  left: calc(~"50% - 250px");
}

#popup-container a {
  text-decoration: none;
  font-weight: bold;
Marc Duez's avatar
Marc Duez committed
741
  color: @default ;
742
743
744
745
746
747
748
749
750
751
752
753
}

#popup-container a:hover{
  color : @select;
}

#data-container{
  z-index:3;
  border:solid; 
  position: fixed; 
  top: 50px; 
  left: 20px + @width_left_container;
754
  font-size: 13px; 
755
  padding: 10px;
Marc Duez's avatar
Marc Duez committed
756
  background: @background;
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
  display:none;
  max-width: -moz-calc(~"100%" - @width_left_container + 60px);
  max-width: -webkit-calc(~"100%" - @width_left_container + 60px);
  max-width: calc(~"100%" - @width_left_container + 60px);
  height: -moz-calc(~"100%" - 200px);
  height: -webkit-calc(~"100%" - 200px);
  height: calc(~"100%" - 200px);
}

#data-msg{
  overflow: auto;
  height : 100%;
  width : 100%;
}

Marc Duez's avatar
Marc Duez committed
772
#file_menu, #menu, #list_clones, #tagSelector, #display-menu, #bot-container, .seq-fixed{
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
 background : @background;
}

.closeButton{
  position: absolute;
  top: -12px;
  right: -12px;
  border: solid;
  background: inherit;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  text-align: center;
  font-weight: bolder;
  cursor: pointer;
  padding: 1px;
  font-size: 90%; 
  color: @border;
}

.closeButton:hover{
  color: @select;
}

797
.button, .button_right{
798
  cursor:pointer;
799
  font-size: 13px;
Marc Duez's avatar
Marc Duez committed
800
  padding: 0px 3px;
801
802
  margin-right:5px;
  margin-left:5px;
Marc Duez's avatar
Marc Duez committed
803
  min-width : 16px;
Marc Duez's avatar
Marc Duez committed
804
  color: @default;
Marc Duez's avatar
Marc Duez committed
805
806
}

807
808
809
810
.button_right{
    float: right;
}

Marc Duez's avatar
Marc Duez committed
811
812
813
814
815
816
817
818
.button2 {
    border: solid;
    border-width: 1px;
    padding: 3px;
    margin: 3px;
    display: inline-block;
    cursor: pointer;
    background: @border;
Marc Duez's avatar
Marc Duez committed
819
    width: auto;
Marc Duez's avatar
Marc Duez committed
820
    text-align: center;
Marc Duez's avatar
Marc Duez committed
821
822
    padding-left: 10px;
    padding-right: 10px;
823
824
825
826
}

.smallbutton {
    cursor:pointer;
827
    font-size: 13px;
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
    text-decoration:underline;
}

#logo
{
  font-size: 130%;
  font-weight: bold;
  opacity: 1;
  padding: 5px 20px ;
  cursor: pointer;
}

span.logo
{
  font-size: 60% ;
  font-weight: bold;
  vertical-align: super;
  opacity: .8;
  color: #f88;
}

Marc Duez's avatar
Marc Duez committed
849
850
851
852
853
854
855
856
857
858
859
860
.bot-bar {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    height: 20px;
    border-bottom: solid;
    width: 100%;
    padding-top: 2px;
}

Marc Duez's avatar
Marc Duez committed
861
.menu-segmenter {
Marc Duez's avatar
Marc Duez committed
862
863
864
865
866
867
868
869
    position: relative;
    float: left;
    width: @width_left_container;
}

.focus {
    position: relative;
    text-align: center;
870
871
872
873
    float: left;
    width: -moz-calc(~"100%" - @width_left_container);
    width: -webkit-calc(~"100%" - @width_left_container);
    width: calc(~"100%" - @width_left_container);
Marc Duez's avatar
Marc Duez committed
874
875
876
}

#segmenter {
877
    overflow-x: scroll !important; 
878
    overflow-y: auto;
Marc Duez's avatar
Marc Duez committed
879
    height : 100px;
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
}

.selector{
  display: none;
  position: fixed;
  margin-right: -5px;
  padding: 3px;
  border: solid;
  background: inherit;
  text-center: left;
  min-width: 150px;
  margin-left: -6px;
  border-top: none;
  margin-top: 4px;
  z-index:5;
895
  overflow: hidden;
896
897
898
899
}

#bot-container {
  position: fixed;
900
  bottom: 0px;
901
902
  left: 0px;
  width: 100%;
903
904
905
  border-top: solid;
  border-width: 6px;
  min-height: 125px;
906
907
908
909
910
911
912
}

.tn{
  width:120px;
  display:inline-table;
}

Marc Duez's avatar
Marc Duez committed
913
#list_menu{
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  border-top: solid;
  border-bottom:solid;
  padding:2px;
  width: 100%;
}

.tagD{
  margin-left: 15px;
  width: 25px;
  display : inline-block;
  float : right;
}

.center{
  text-align: center;
}

.gradient{
  background: rgb(61,36,182); 
  background: -moz-linear-gradient(left, rgb(61,36,182) 0%, rgb(36,72,181) 10%, rgb(36,135,184) 20%, rgb(36,183,171) 30%, rgb(36,184,110) 40%, rgb(36,183,48) 50%, rgb(85,184,36) 60%, rgb(146,183,36) 70%, rgb(184,159,36) 80%, rgb(178,95,35) 90%, rgb(184,36,36) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(61,36,182)), color-stop(10%,rgb(36,72,181)), color-stop(20%,rgb(36,135,184)), color-stop(30%,rgb(36,183,171)), color-stop(40%,rgb(36,184,110)), color-stop(50%,rgb(36,183,48)), color-stop(60%,rgb(85,184,36)), color-stop(70%,rgb(146,183,36)), color-stop(80%,rgb(184,159,36)), color-stop(90%,rgb(178,95,35)), color-stop(100%,rgb(184,36,36))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgb(61,36,182) 0%,rgb(36,72,181) 10%,rgb(36,135,184) 20%,rgb(36,183,171) 30%,rgb(36,184,110) 40%,rgb(36,183,48) 50%,rgb(85,184,36) 60%,rgb(146,183,36) 70%,rgb(184,159,36) 80%,rgb(178,95,35) 90%,rgb(184,36,36) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgb(61,36,182) 0%,rgb(36,72,181) 10%,rgb(36,135,184) 20%,rgb(36,183,171) 30%,rgb(36,184,110) 40%,rgb(36,183,48) 50%,rgb(85,184,36) 60%,rgb(146,183,36) 70%,rgb(184,159,36) 80%,rgb(178,95,35) 90%,rgb(184,36,36) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgb(61,36,182) 0%,rgb(36,72,181) 10%,rgb(36,135,184) 20%,rgb(36,183,171) 30%,rgb(36,184,110) 40%,rgb(36,183,48) 50%,rgb(85,184,36) 60%,rgb(146,183,36) 70%,rgb(184,159,36) 80%,rgb(178,95,35) 90%,rgb(184,36,36) 100%); /* IE10+ */
  background: linear-gradient(to right, rgb(61,36,182) 0%,rgb(36,72,181) 10%,rgb(36,135,184) 20%,rgb(36,183,171) 30%,rgb(36,184,110) 40%,rgb(36,183,48) 50%,rgb(85,184,36) 60%,rgb(146,183,36) 70%,rgb(184,159,36) 80%,rgb(178,95,35) 90%,rgb(184,36,36) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d24b6', endColorstr='#b82424',GradientType=1 ); /* IE6-9 */
  width :180px;
  height:16px;
  display: inline-block;
}

#fps{
  float: right;
  position: relative;
  margin: 5px ;
  height:0px;
  opacity:0.5;
}

#test_result{
  font-family : Courier New,monaco,terminal,courier,system; 
  font-weight: bold;
  position: absolute;
  width: 100%;
  top: 0px;
  height: 100%;
  background: rgba(0,0,0,0.5);
  padding: 25px;
  color: grey;
}

970
.selector, #list_menu, #top-container, .list_clones, .bot-bar, #bot-container, #popup-container, #file_menu, #tagSelector, .closeButton, #analysis_menu
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
{
  border-color: @border; 
}

#info_window td{
  width : 300px;
  max-width : 300px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  border-style:solid;
  border-color: @border;
  border-width :1px;
  text-align: center;
  vertical-align: middle;
}

Marc Duez's avatar
Marc Duez committed
987
988
989
990
991
992
993
994
995
996
997
998
#info_timepoint td{
  min-width : 300px;
  max-width : 450px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  border-style:solid;
  border-color: @border;
  border-width :1px;
  vertical-align: middle;
}

#info_window table, #info_timepoint table{
999
1000
  border-style:solid;
  border-color: @border;
For faster browsing, not all history is shown. View entire blame