/adei/ui

To get this branch, use:
bzr branch http://darksoft.org/webbzr/adei/ui
1 by Suren A. Chilingaryan
Initial import
1
html, body {
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
2
    overflow:		hidden;
11 by Suren A. Chilingaryan
Graph navigation: mouse wheel, modifier keys, etc.
3
/*    
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
4
    This will broke resizing of graph in IE6 (IE7 - OK), but absense of
5
    it brokes legend popups everythere. Moving to '.all' looks to solve
6
    all problems.
7
1 by Suren A. Chilingaryan
Initial import
8
    width:		100%;
11 by Suren A. Chilingaryan
Graph navigation: mouse wheel, modifier keys, etc.
9
*/
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
10
}
11
12
.all {
13
    width:		100%;
1 by Suren A. Chilingaryan
Initial import
14
}
15
16
17
table, tr, td, div, body {
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
18
    margin:		0;
19
    padding:		0;
20
    border:		0;
1 by Suren A. Chilingaryan
Initial import
21
}
22
23
td {
24
    vertical-align: 	top;
25
}
26
27
.all {
28
    height: 		100%; 
29
    width:		100%;
30
    margin: 		0px; 
31
    padding: 		0px;
32
}
33
34
.header {
35
   color: 		#000055;
36
   background: 		#E0E0E0;
37
   border: 		1px solid #C0C0C0;
38
   margin-top: 		0;
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
39
/*   margin-bottom:	5px;*/
40
   margin-bottom:	1px;
41
   margin-left: 	2px;
42
   margin-right: 	2px;
1 by Suren A. Chilingaryan
Initial import
43
   padding: 		5px;
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
44
   height:		50px;
45
}
46
47
.header table {
48
    height:		100%;
49
/*    padding:		3px;*/
50
}
51
52
/*
53
.header table, .header tr, .header td {
54
    border: 1px solid black;
55
}
56
*/
57
58
.header .title {
1 by Suren A. Chilingaryan
Initial import
59
   font-weight: 	bold;
60
   text-align:		left;
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
61
   padding-left:	50px;
62
   vertical-align:	middle;
1 by Suren A. Chilingaryan
Initial import
63
}
64
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
65
.header .title td {
1 by Suren A. Chilingaryan
Initial import
66
    vertical-align:	top;
67
}
68
69
.header .title b {
70
    font-size: 		20pt; 
71
    letter-spacing: 	6px;
72
}
73
74
.header .title i {
75
  font-size: 		10pt; 
76
  letter-spacing: 	6px;
77
  font-style:		normal;
78
}
79
80
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
81
.header .right {
82
    vertical-align:	bottom;
83
    height: 		100%;
84
}
85
86
.header .search {
87
    text-align:		right;
88
    vertical-align:	top;
89
    position:		absolute;
90
    top:		2px;
91
    right:		5px;
92
}
93
94
.header .search input {
95
    background:	#FFFCBA;
96
    font-size:  12px; 
97
    width:	400px;
98
}
99
1 by Suren A. Chilingaryan
Initial import
100
.header .links {
101
    text-align: 	right;
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
102
    margin-right:	3px;
103
    
104
/*    margin-top: 25px;*/
105
/* Doing a little smaller to fit search box */
106
    font-family: 	Arial, Verdana;
107
    font-size: 		17px; 
108
}
109
110
/* Next two, fixing IE7 */
111
.header .links table {
112
    margin: 		0; 
113
    padding: 		0;
114
    border:		0;
115
}
116
.header .links table td {
117
    vertical-align: bottom;
118
    text-align: right;
119
}
120
121
122
.statusbar {
123
    height: 20px;
124
/*    font-family: 	Arial, Verdana;*/
125
    font-size: 		15px;
126
    background: #FFEEF1;
127
    border: 1px solid gray;
128
    position: absolute;
129
    bottom: 0px;
130
    left: 0px;
131
    right: 0px;
132
}
133
134
/* 
135
    This is needed for IE6, otherwise the statusbar have invalid width 
136
*/
137
.statusbar div {
138
    width: 100%;
139
}
140
141
/*
1 by Suren A. Chilingaryan
Initial import
142
.sidebar {
143
    margin-top:	10px;
144
}
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
145
*/
146
147
#main_sidebar div+div {
148
    margin-top:	10px;
149
}
150
1 by Suren A. Chilingaryan
Initial import
151
152
.sidebar .holder {
153
    border:	1px solid black;
154
    padding: 	0px;
155
    margin:	0px;
156
}
157
158
.sidebar .switch {
159
    padding:	1px;
160
    margin:	0px;
161
    border:	0px;
162
}
163
164
.sidebar .switch button {
165
  padding: 0px;
166
  margin: 0px;
167
  display: block;
168
  border: 1px solid #C0C0C0;
169
  color: #000055;
170
  background: #F0F0F0;
171
  text-decoration: none;
172
  /* min-width: 20px; causin artefacts in IE and Opera */
173
  /* width: 25px;*/
174
}
175
176
.sidebar .switch button:hover {
177
  border: 1px #007000 solid;
178
  background: #F0E0E0;
179
}
180
181
.sidebar .switch table td {
182
    vertical-align: middle;
183
}
184
185
186
/*
187
Causes problems to IE
188
.sidebar .switch div:first-letter, .header .links div:first-letter {
189
    text-transform:	uppercase;
190
}
191
*/
192
193
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
194
#main_sidebar_controls .controls {
195
    overflow: auto;
196
/*
197
    Strangely working as expected only in IE
198
    
199
    overflow-y: auto;
200
    overflow-x: visible;
201
202
    height: 300px;
203
*/
204
/*    height: 421px;*/
205
    width: 350px;
206
}
207
208
.controls, .controls table {
209
    width: 100%;
210
}
211
212
/*
213
.controls table td {
214
    border: 1px solid black;
215
}
216
*/
217
218
.select_table td+td {
219
    text-align: right;
220
}
221
222
1 by Suren A. Chilingaryan
Initial import
223
.module {
224
    /* For detection of min-height property support */
225
    min-width: 10px;
226
    min-height: 10px;
227
    
228
    /*border: solid black 1px; debugging*/
229
}
230
231
.module_link, .module_link_current {
232
    text-decoration: 	none;
233
}
234
235
.module_link {
236
    color:		blue;
237
}
238
239
.module_link_current {
240
    color:		#32ad32;
241
}
242
243
.popup {
244
    /*min-width: 300px;	ignored by IE, bug in Opera */
245
    min-width: 10px;
246
    min-height: 10px;
247
}
248
249
250
.module_source_link, .module_source_link_current {
251
    background: 	#E0E0E0;
252
}
253
.module_source_link a, .module_source_link_current a {
254
    text-decoration: 	none;
255
}
256
.module_source_link a {
257
    color:		blue;
258
}
259
.module_source_link_current a {
260
    color:		#32ad32;
261
}
262
.module_source_link_current a:before {
263
    content: 		"{";
264
}
265
.module_source_link_current a:after {
266
    content: 		"}";
267
}
268
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
269
.module_controls_link, .module_controls_link_current {
270
    background: 	#E0E0E0;
271
    padding-left:	5px;
272
    padding-right:	5px;
1 by Suren A. Chilingaryan
Initial import
273
    text-align:		center;
274
}
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
275
.module_controls_link a, .module_controls_link_current a {
276
    text-decoration: 	none;
277
}
278
.module_controls_link a {
279
    color:		blue;
280
}
281
.module_controls_link_current a {
282
    color:		#32ad32;
283
}
284
.module_controls_link_current a:before {
285
    content: 		"{";
286
}
287
.module_controls_link_current a:after {
288
    content: 		"}";
289
}
290
291
.sidebar .controls table td {
292
    padding-right:	5px;
293
}
294
295
#module_export select, #module_aggregator select, #module_source_source select {
1 by Suren A. Chilingaryan
Initial import
296
    width:		200px;
297
}
298
299
#module_source_time select {
300
    width:		150px;
301
}
302
303
/* causes proble in gecko */
304
#source_db_item_tr select {
305
    width:		100%;
306
}
307
15 by Suren A. Chilingaryan
Provide information in the statusbar, fix of global menu positioning
308
#source_db_item_tr td {
309
    text-align: right;
310
}
311
312
1 by Suren A. Chilingaryan
Initial import
313
#source_timestart input, #source_timeend input, #source_winstart input, #source_winend input {
314
    width:		124px;
315
}
316
317
#source_timestart img, #source_timeend img, #source_winstart img, #source_winend img {
318
    border:		0px;
319
    padding:		0px;
320
    margin:		0px;
321
    width:		16px;
322
    height:		16px;
323
    vertical-align:	middle;
324
}
325
326
#source_yrange input {
327
    width:		64px;
328
}
329
330
.source_apply td {
331
    text-align:		center;
332
}
333
334
.source_apply button {
335
    width:		90%;
336
    margin-top:		5px;
337
    margin-bottom:	5px;
338
}
339
340
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
341
.export_apply td {
342
    text-align:		center;
343
}
344
345
.export_apply button {
346
    width:		90%;
347
    margin-top:		5px;
348
    margin-bottom:	5px;
349
}
350
351
1 by Suren A. Chilingaryan
Initial import
352
.hide_experiment_custom {
353
    display:		none;
354
}
355
356
.hide_window_custom {
357
    display:		none;
358
}
359
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
360
.header .links {
361
/*    display: inline;*/
362
}
363
1 by Suren A. Chilingaryan
Initial import
364
.menu_button {
365
    margin-left: 	5px;
59.1.21 by Suren A. Chilingaryan
Few steps on source tree integration in javascript frontend
366
367
    width: 0px;	/* needed by IE6 */
59.1.20 by Suren A. Chilingaryan
New version of dhtmlxmenu and dhtmlxtree is added
368
/*
1 by Suren A. Chilingaryan
Initial import
369
    width: 		25px;
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
370
    height:		25px;
59.1.20 by Suren A. Chilingaryan
New version of dhtmlxmenu and dhtmlxtree is added
371
*/    
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
372
    display:		inline;
373
    position:		absolute;
374
    left:		0px;
15 by Suren A. Chilingaryan
Provide information in the statusbar, fix of global menu positioning
375
376
/*
377
    The positioning of submenus with 'position: absolute' is broken in
378
    dhtmlxmenu. The hack below is to handle that 
379
    top:		0px;
380
    padding-top:	20px;
59.1.20 by Suren A. Chilingaryan
New version of dhtmlxmenu and dhtmlxtree is added
381
*/
382
    top:		20px;
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
383
/*
384
    please see z-index handling in menu.js, needed only for IE
385
*/
1 by Suren A. Chilingaryan
Initial import
386
}
387
388
.selector {
389
    background:		white;
390
    border:		1px solid black;
391
    margin-right:	1px;
392
/*    margin-bottom:	5px;*/
393
}
394
395
.graph {
396
    width:		100%;
397
}
398
399
.dialog {
400
	position: absolute;
401
	background-color: #c0c0c0;
402
	border-color: #f0f0f0 #606060 #404040 #d0d0d0;
403
	border-style: solid;
404
	border-width: 2px;
405
	
406
	margin: 0px; /* 5px */
407
	padding: 2px;
408
	cursor: pointer;
409
	z-index: 500;
410
}
411
412
.dialog .close {
413
    cursor: default;
414
    margin: 2px;
415
    position: absolute;
416
    width: 20px;
417
    height: 20px;
418
    padding: 5px;
419
    background: url(images/close.png) no-repeat;
420
}
421
422
.dialog .maximize {
423
    cursor: default;
424
    margin: 2px;
425
    left: 24px;
426
    position: absolute;
427
    width: 20px;
428
    height: 20px;
429
    padding: 5px;
430
    background: url(images/maximize.png) no-repeat;
431
}
432
433
.dialog .restore {
434
    cursor: default;
435
    margin: 2px;
436
    left: 24px;
437
    position: absolute;
438
    width: 20px;
439
    height: 20px;
440
    padding: 5px;
441
    background: url(images/restore.png) no-repeat;
442
}
443
444
445
.dialog .titlebar {
446
    /***
447
      * IE6 would consider width: 100% (for auto) if we specify height)
448
      *
449
    height:		21px; 
450
    */
451
    min-height:		21px;
452
    max-height:		21px;
453
    background-color: 	#008080;
454
    cursor: 		default;
455
    margin: 		0px;
456
    padding: 		2px 2px 2px .5em;
457
    overflow:		hidden;
458
}
459
460
461
.dialog .titlebar span {
462
    color: 		#ffffff;
463
    font-family:	"MS Sans Serif", "Arial", "Helvetica", sans-serif;
464
    font-size: 		12pt;
465
    font-weight: 	bold;
466
    text-align: 	left;
467
    white-space: 	nowrap;
468
    padding:		45px;
469
    width:		100%;
470
    vertical-align:	center;
471
}
472
473
.dialog .content {
474
    cursor: 		default;
475
    background-color:	#ffffff;
476
    border-color: 	#404040 #e0e0e0 #f0f0f0 #505050;
477
    border-style: 	solid;
478
    border-width: 	2px;
479
    margin: 		2px 0px 0px 0px;
480
    padding: 		.5em;
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
481
    font-size:		medium;	/* required by IE7 */
1 by Suren A. Chilingaryan
Initial import
482
/*	overflow: hidden;*/
483
	overflow: auto;
484
}
485
486
.dialog iframe {
487
    display:none;/*sorry for IE5*/
488
    display/**/:block;/*sorry for IE5*/
489
    position:absolute;/*must have*/
490
    top:0;/*must have*/
491
    left:0;/*must have*/
492
    z-index:-1;/*must have*/
493
    filter:mask();/*must have*/
494
    width: 100%;/*must have for any big value*/
495
    height: 100%;/*must have for any big value*/;
496
}
497
498
#legend .content p {
499
  margin: 3px 5px 3px 5px;
500
}
501
502
#legend .content td, .legend .content th {
503
    padding-right: 20px;
504
    padding-left: 20px;
505
}
506
507
508
.navigation, .minipc
509
{ 
510
  font-family: Arial, Verdana;
511
  font-size: 10pt; 
512
  font-weight: normal;
513
  vertical-align: middle;
514
  background: white;
515
  text-decoration: none;
516
  white-space: nowrap;
517
  margin-right: 10px;
518
  margin-left: 10px;
519
}
520
521
.navigation a
522
{
523
  font-weight: normal;
524
  padding: 2px;
525
  margin-bottom: 2px;
526
  display: block;
527
  color: #000055;
528
  background: #F0F0F0;
529
  font-weight: bold;
530
  border: 1px solid #C0C0C0;
531
  text-decoration: none;
532
}
533
534
.navigation a:hover
535
{
536
  border: 1px #007000 solid; 
537
}
538
539
540
.linkbutton
541
{ 
542
    text-align: center;
543
}
544
545
.linkbutton a
546
{
547
  border: 3px #F0B0B0 solid; 
548
}
549
550
.linkbutton a:hover
551
{
552
  border: 3px #F00000 solid; 
553
}
554
555
556
557
.highlight {
558
  color: #BB0000;
559
}
560
561
.highlight a {
562
  color: #BB0000;
563
}
564
565
.lowlight {
566
  color: #771111;
567
}
568
569
.lowlight a {
570
  color: #771111;
571
}
572
573
574
575
.info {
576
  padding: 10px;
577
  vertical-align: top;
578
  background: #BFFFBF;
579
  border: 1px solid #00C000;
580
  margin: 10px;
581
  font-size:14pt; 
582
  line-height: 1.5;
583
}
584
585
.error {
586
  padding: 10px;
587
  vertical-align: top;
588
  background: pink;
589
  border: 1px solid #00C000;
590
  margin: 10px;
591
  font-size:14pt; 
592
  line-height: 1.5;
593
}
594
595
.info h1, .error h1 {
596
  font-family: Arial, Verdana;
597
  font-weight:bold;
598
  color:#000055; 
599
  font-size:16pt; 
600
  margin: 3px;
601
  margin-bottom: 20px;
602
}
603
604
.groups {
605
  padding: 10px;
606
  vertical-align: top;
607
/*  background: #E0E0E0;
608
  border: 1px solid #C0C0C0;*/
609
}
610
611
.group {
612
  padding: 10px;
613
  vertical-align: top;
614
  background: #E0E0E0;
615
  border: 1px solid #00C000;
616
  margin: 10px;
617
  width: 45%;
618
}
619
620
.group form {
621
  margin: 0px;
622
  padding: 0px;
623
}
624
625
.group h1 {
626
  font-family: Arial, Verdana;
627
  font-weight:bold;
628
  color:#000055; 
629
  font-size:14pt; 
630
  margin: 3px;
631
  margin-bottom: 5px;
632
}
633
634
.group .good {
635
  color: green;
636
  font-weight: bold;
637
}
638
639
.group .bad {
640
  color: red;
641
  font-weight: bold;
642
}
643
644
/*
12 by Suren A. Chilingaryan
Layout redesign: search tab, controls, menu
645
#main_div {
646
    background: blue;
647
}
648
#module_graph {
649
    background: green;
650
}
651
#graph_image_div {
1 by Suren A. Chilingaryan
Initial import
652
    background: red;
653
}
59.1.20 by Suren A. Chilingaryan
New version of dhtmlxmenu and dhtmlxtree is added
654
*/