vidjil.less 24.4 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
  display : table;
106
107
108
109
}

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

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

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

123
124
                        /* left-container - info */

125
126
127
128
129
#info-row{
    height : 200px;
    display : table-row;
}

130
#info{
131
  font-family: ubuntumedium, Arial, Helvetica, Sans-serif;
132
  font-size: 13px;
133
  height:100%
134
  padding:3px;
135
  background : @background;
136
  display : table-cell;
137
138
}

139
140
141
142
143
144
145
146
147
148
149
150
.info_line {
    border-bottom: solid;
    border-bottom-width: 1px;
    border-color: @border;
}

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

151
152
.info_row_content {
    display: inline-block;
Marc Duez's avatar
Marc Duez committed
153
    width : 345px;
154
155
}

156
157
158
159
160
161
162
163
#info_point {
    margin-top: 15px;
}

#info_data_file
{
  font-size: 200%;
}
164
165
166
167
168
169
170
171

						  /*Style polyline / graph*/

.background_graph{
  fill : @background
}

.background_graph2{
172
  fill : @background
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
}

.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
197
.axis_m{
Marc Duez's avatar
Marc Duez committed
198
  stroke : @default ;
199
200
201
202
203
  opacity : 0.5 ;
  stroke-width : 20px;
}

.axis_h{
Marc Duez's avatar
Marc Duez committed
204
  stroke : @default ;
205
206
207
208
  stroke-width : 2px ;
}

.axis_v{
Marc Duez's avatar
Marc Duez committed
209
 stroke : @default ;
210
211
212
213
 stroke-width : 2px;
 stroke-dasharray: 6,6;
}

Marc Duez's avatar
Marc Duez committed
214
215
216
217
.axis_v_hidden{
 display: none;
}

218
219
220
221
222
223
224
225
226
227
.axis_button, .axis_leg{
  fill : @default;
}

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

#resolution5{
228
229
    fill: @border;
    opacity: 0.6;
230
231
}

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

238
239
.graph_text{
  font-weight : bold;
Marc Duez's avatar
Marc Duez committed
240
  fill : @default ;
241
242
243
  text-anchor:end;
}

244
245
246
247
248
.graph_time:hover{
  cursor:pointer;
  fill : @select;
}

249
250
.graph_menu{
  position: absolute;
251
252
  top: 0px;
  right: 0px;
Marc Duez's avatar
Marc Duez committed
253
254
  min-width: 22px;
  min-height: 18px;
255
  text-align: center;
256
257
  border-bottom: solid;
  border-left: solid;
258
259
260
  border-color: @border;
  background : @background;
}
261
262
263
264
265
266

.graph_list{
  display: none;
}

.graph_listElem:hover{
267
  background : @border;
268
  width: 100%;
Marc Duez's avatar
Marc Duez committed
269
  cursor: move;
270
  cursor: webkit-grab;
271
272
}

273

274
275
276
277
278
279
280
281
282
283
284
285
							  /*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;
286
  fill : @default;
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
}

.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;
}

309
310
311
312
313
314
315
316
317
.line_active {
  opacity: 1;
  stroke-width: 4px;
}

.line_inactive {
  display: none;
}

318
.sp_legend{
Marc Duez's avatar
Marc Duez committed
319
  fill : @default ;
320
321
322
323
  font-weight : bold;
  text-anchor : middle;
}

Marc Duez's avatar
Marc Duez committed
324
325
.sp_system{
  position:absolute;
Marc Duez's avatar
Marc Duez committed
326
  top: -0.5em;
Marc Duez's avatar
Marc Duez committed
327
328
}

Marc Duez's avatar
Marc Duez committed
329
.sp_system_label{
Marc Duez's avatar
Marc Duez committed
330
  color : @default ;
Marc Duez's avatar
Marc Duez committed
331
  font-weight : bold;
Marc Duez's avatar
Marc Duez committed
332
333
  height:0px;
  position:relative;
Marc Duez's avatar
Marc Duez committed
334
335
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
Marc Duez's avatar
Marc Duez committed
336
337
338
}

.sp_system_label:hover{
Marc Duez's avatar
Marc Duez committed
339
  color : @select ;
Marc Duez's avatar
Marc Duez committed
340
341
342
  cursor: pointer;
}

343
.sp_rotated_legend{
Marc Duez's avatar
Marc Duez committed
344
  fill : @default ;
345
346
347
348
  font-weight : bold;
  text-anchor : left;
}

Marc Duez's avatar
Marc Duez committed
349
350
351
352
353
354
355
356
357
358
.sp_legend_focus{
  fill : @select;
  font-weight : bold;
  text-anchor : middle;
}

.sp_hidden_legend{
  display : none;
}

359
.sp_line , .sp_subline{
Marc Duez's avatar
Marc Duez committed
360
  stroke : @default ;
361
362
363
364
365
366
367
368
369
370
371
372
  stroke-width : 0.7px;
}

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

.sp_subline_hidden{
  stroke-width : 0px;
}

373
							  /*style list/data element*/
374
375
376
377
378
379
380
381
382
383


/*Metric*/

@width_left_container : 475px;
@width_scrollbar : 30px;
@width_clusterBox :16px;
@width_starBox : 16px;
@width_sizeBox : 60px;
@width_infoBox : 20px;
384
@width_systemBox : 13px;
385
@width_listElem : (@width_left_container - @width_scrollbar);
386
@margin : 6px;
387
@margin_nameBox : 10px;
388
@width_nameBox : (@width_listElem - @width_starBox - @width_infoBox - @width_sizeBox - @width_clusterBox - @margin_nameBox - @width_systemBox);
389
390


Marc Duez's avatar
Marc Duez committed
391
.list:hover, .tagElem:hover, .data:hover{
392
  background :@border;
393
394
}

395
396
397
398
399
400
401
402
403
404
#list-row, #data-row{
  display: table-row;
}

#list, #data{
  display:table-cell;
}

#data-row{
  height : 0px;
Marc Duez's avatar
Marc Duez committed
405
406
407
408
409
}

#list_clones{
  overflow-y : scroll;
  overflow-x : hidden;
410
  height : calc(~"100% - 30px");  /*100% - list_menu height */
411
412
413
  padding:2px;
}

Marc Duez's avatar
Marc Duez committed
414
#list_data{
415
416
417
418
419
    display: block;
    border-top: solid;
    border-width: 4px;
    border-color: @border;
    overflow-y: scroll;
Marc Duez's avatar
Marc Duez committed
420
421
422
423
424
425
426
427
428
429
430
431
}

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

.data_value{
}

432
.list{
433
  width : 	445px;
434
435
436
437
438
439
  display :	block;
  padding : 	2px;
}

.listElem{
  width : @width_listElem;
440
  font-size: 13px;
441
442
443
444
445
446
  cursor:pointer;
  -webkit-transition: color 0.2s;
  -o-transition: color  0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
  font-weight : bold;
447
  padding: 1px 4px 4px 1px;
448
449
450
451
452
453
454
  height :14px;
}

.selected{
  color : @select;
}

455
.nameBox {
456
  width: 300px;
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
  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;
481
  overflow: hidden;
482
483
484
485
486
487
488
489
490
}

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

492
493
}

494
.systemBox, .systemBoxMenu {
495
496
    display: inline-block;
    width: @width_systemBox;
497
    height: 13px;
498
499
500
    text-align: center;
    border-radius: 3px;
    border-width: 1px;
501
502
    margin: 4px;
    margin-top: 2px;
503
504
    color: @select;
    font-family: monospace;
505
    font-size: 80%;
506
507
}

508
509
510
511
512
513
.systemBox {
    float: left;
}

.systemBoxNameMenu {
    display: inline-block;
Marc Duez's avatar
Marc Duez committed
514
    min-width: 70px;
Marc Duez's avatar
Marc Duez committed
515
    height: 20px;
Marc Duez's avatar
Marc Duez committed
516
    cursor : pointer;
517
518
}	      

Marc Duez's avatar
Marc Duez committed
519
520
521
.hiddenCheckBox {
    display : none;
}
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
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
.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;
}

564
565
566
567
.sequence-line:hover{
    font-weight: bold;
}

568
.seq-fixed {
569
570
  position: relative;
  display: inline-block;
571
  width: (@width_left_container - @width_scrollbar);
572
573
  margin: -2px;
  padding: 2px;
574
575
576
577
578
579
580
581
582
  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
583
  font-family : monospace, ubuntu_monobold, Courier New,monaco,terminal,courier,system; 
Marc Duez's avatar
Marc Duez committed
584
  position: relative;
585
  bottom: 3px;
586
  word-spacing: -1em;
587
  font-size:1em;
588
589
}

590
591
592
.seq-marge {
  word-spacing: normal;
}
593
594
595
596

.V {
  color: #ffb300;
}
Marc Duez's avatar
Marc Duez committed
597
.D {
598
599
600
601
  color: #c7007d;
}
.J {
  color: #009b95;
Marc Duez's avatar
Marc Duez committed
602
}
Marc Duez's avatar
Marc Duez committed
603
604
605
.window1{
    display: inline-block;
    width: 0px;
606
    word-spacing: normal;
Marc Duez's avatar
Marc Duez committed
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
}
.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
624
    background-color : @border;
Marc Duez's avatar
Marc Duez committed
625
}
Marc Duez's avatar
Marc Duez committed
626

627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
							  /*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;
}

661
662
663
664
#normalized_size {
    width: 80px;
}

665
666
667
668
669
670
671
672
							  /*menu*/

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

675
676
677
678
679
680

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

681
682
683
684
685
686
687
688
689
690
691
692
.submenu{
    width: 200px;
    display: inline-table;
}

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

Marc Duez's avatar
Marc Duez committed
694
695
.submenu{
    width: 200px;
696
    display: inline-table;
Marc Duez's avatar
Marc Duez committed
697
698
699
700
701
702
703
704
705
706
}

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

707
708
709
710
711
712
713
714
#file_menu, #analysis_menu{
  z-index:2;
  border:solid; 
  position: fixed; 
  top: 200px; 
  min-width:400px;
  margin-left:-250px;
  left :50%;
715
  font-size: 13px; 
716
  padding: 10px;
717
  background:@background;
718
719
720
721
722
723
  display:none; 
}

.buttonSelector {
  background : @background;
  cursor:pointer;
724
  font-size: 13px;
725
726
727
728
729
  margin :2px;
  display:block;
  text-align:left;
}

Marc Duez's avatar
Marc Duez committed
730
.systemBoxNameMenu:hover, .button:hover,.button_right:hover, .buttonSelector:hover, .button2:hover{
731
  background : @border;
732
733
734
735
736
737
738
739
  color : @select;
}


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


#popup-container{
Marc Duez's avatar
Marc Duez committed
740
  z-index:5;
741
742
743
744
745
  border:solid; 
  position: fixed; 
  top: 250px; 
  left:50% ;
  width:500px;
746
  font-size: 13px; 
747
748
749
750
751
752
753
754
755
756
757
  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
758
  color: @default ;
759
760
761
762
763
764
765
766
767
768
769
770
}

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

#data-container{
  z-index:3;
  border:solid; 
  position: fixed; 
  top: 50px; 
  left: 20px + @width_left_container;
771
  font-size: 13px; 
772
  padding: 10px;
Marc Duez's avatar
Marc Duez committed
773
  background: @background;
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
  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
789
#file_menu, #menu, #list_clones, #tagSelector, #display-menu, #bot-container, .seq-fixed{
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
 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;
}

814
.button, .button_right{
815
  cursor:pointer;
816
  font-size: 13px;
Marc Duez's avatar
Marc Duez committed
817
  padding: 0px 3px;
818
819
  margin-right:5px;
  margin-left:5px;
Marc Duez's avatar
Marc Duez committed
820
  min-width : 16px;
Marc Duez's avatar
Marc Duez committed
821
  color: @default;
Marc Duez's avatar
Marc Duez committed
822
823
}

824
825
826
827
.button_right{
    float: right;
}

Marc Duez's avatar
Marc Duez committed
828
829
830
831
832
833
834
835
.button2 {
    border: solid;
    border-width: 1px;
    padding: 3px;
    margin: 3px;
    display: inline-block;
    cursor: pointer;
    background: @border;
Marc Duez's avatar
Marc Duez committed
836
    width: auto;
Marc Duez's avatar
Marc Duez committed
837
    text-align: center;
Marc Duez's avatar
Marc Duez committed
838
839
    padding-left: 10px;
    padding-right: 10px;
840
841
842
843
}

.smallbutton {
    cursor:pointer;
844
    font-size: 13px;
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
    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
866
867
868
869
870
871
872
873
874
875
876
877
.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
878
.menu-segmenter {
Marc Duez's avatar
Marc Duez committed
879
880
881
882
883
884
885
886
    position: relative;
    float: left;
    width: @width_left_container;
}

.focus {
    position: relative;
    text-align: center;
887
888
889
890
    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
891
892
893
}

#segmenter {
894
    overflow-x: scroll !important; 
895
    overflow-y: auto;
Marc Duez's avatar
Marc Duez committed
896
    height : 100px;
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
}

.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;
912
  overflow: hidden;
913
914
915
916
}

#bot-container {
  position: fixed;
917
  bottom: 0px;
918
919
  left: 0px;
  width: 100%;
920
921
922
  border-top: solid;
  border-width: 6px;
  min-height: 125px;
923
924
925
926
927
928
929
}

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

Marc Duez's avatar
Marc Duez committed
930
#list_menu{
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
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
  -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;
}

987
.selector, #list_menu, #top-container, .list_clones, .bot-bar, #bot-container, #popup-container, #file_menu, #tagSelector, .closeButton, #analysis_menu
988
989
990
991
992
993
994
995
996
997
998
999
1000
{
  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;
For faster browsing, not all history is shown. View entire blame