/adei/ui

To get this branch, use:
bzr branch http://darksoft.org/webbzr/adei/ui

« back to all changes in this revision

Viewing changes to adei.css

  • Committer: Suren A. Chilingaryan
  • Date: 2008-04-02 10:23:22 UTC
  • Revision ID: csa@dside.dyndns.org-20080402102322-okib92sicg2dx3o3
Initial import

Show diffs side-by-side

added added

removed removed

Lines of Context:
adei.css
 
1
html, body {
 
2
    height:             100%;
 
3
    width:              100%;
 
4
    overflow:           hidden;
 
5
}
 
6
 
 
7
 
 
8
table, tr, td, div, body {
 
9
    margin:             0px;
 
10
    padding:            0px;
 
11
    border:             0px;
 
12
}
 
13
 
 
14
 
 
15
td {
 
16
    vertical-align:     top;
 
17
}
 
18
 
 
19
 
 
20
.all {
 
21
    height:             100%; 
 
22
    width:              100%;
 
23
    margin:             0px; 
 
24
    padding:            0px;
 
25
}
 
26
 
 
27
.header {
 
28
   color:               #000055;
 
29
   background:          #E0E0E0;
 
30
   border:              1px solid #C0C0C0;
 
31
   margin-top:          0;
 
32
   margin-bottom:       5px;
 
33
   margin-left:         10px;
 
34
   margin-right:        10px;
 
35
   padding:             5px;
 
36
   font-weight:         bold;
 
37
   text-align:          left;
 
38
   
 
39
/*   background:                url(setups/toska/toska.png) no-repeat;*/
 
40
}
 
41
 
 
42
.header .title {
 
43
    vertical-align:     top;
 
44
}
 
45
 
 
46
.header .title b {
 
47
    font-family:        Arial, Verdana;
 
48
    font-size:          20pt; 
 
49
    letter-spacing:     6px;
 
50
}
 
51
 
 
52
.header .title i {
 
53
  font-family:          Arial, Verdana;
 
54
  font-size:            10pt; 
 
55
  letter-spacing:       6px;
 
56
  font-style:           normal;
 
57
}
 
58
 
 
59
 
 
60
.header .links {
 
61
    text-align:         right;
 
62
    vertical-align:     bottom;
 
63
}
 
64
 
 
65
.header .links div {
 
66
    padding-top:        10px;
 
67
    display:            inline;
 
68
}
 
69
 
 
70
.sidebar {
 
71
    margin-top: 10px;
 
72
}
 
73
 
 
74
.sidebar .holder {
 
75
    border:     1px solid black;
 
76
    padding:    0px;
 
77
    margin:     0px;
 
78
}
 
79
 
 
80
.sidebar .switch {
 
81
    padding:    1px;
 
82
    margin:     0px;
 
83
    border:     0px;
 
84
}
 
85
 
 
86
.sidebar .switch button {
 
87
  padding: 0px;
 
88
  margin: 0px;
 
89
  display: block;
 
90
  border: 1px solid #C0C0C0;
 
91
  color: #000055;
 
92
  background: #F0F0F0;
 
93
  text-decoration: none;
 
94
  /* min-width: 20px; causin artefacts in IE and Opera */
 
95
  /* width: 25px;*/
 
96
}
 
97
 
 
98
.sidebar .switch button:hover {
 
99
  border: 1px #007000 solid;
 
100
  background: #F0E0E0;
 
101
}
 
102
 
 
103
.sidebar .switch table td {
 
104
    vertical-align: middle;
 
105
}
 
106
 
 
107
 
 
108
/*
 
109
Causes problems to IE
 
110
.sidebar .switch div:first-letter, .header .links div:first-letter {
 
111
    text-transform:     uppercase;
 
112
}
 
113
*/
 
114
 
 
115
 
 
116
.module {
 
117
    /* For detection of min-height property support */
 
118
    min-width: 10px;
 
119
    min-height: 10px;
 
120
    
 
121
    /*border: solid black 1px; debugging*/
 
122
}
 
123
 
 
124
.module_link, .module_link_current {
 
125
    text-decoration:    none;
 
126
}
 
127
 
 
128
.module_link {
 
129
    color:              blue;
 
130
}
 
131
 
 
132
.module_link_current {
 
133
    color:              #32ad32;
 
134
}
 
135
 
 
136
.popup {
 
137
    /*min-width: 300px; ignored by IE, bug in Opera */
 
138
    min-width: 10px;
 
139
    min-height: 10px;
 
140
}
 
141
 
 
142
 
 
143
.module_source_link, .module_source_link_current {
 
144
    background:         #E0E0E0;
 
145
}
 
146
 
 
147
 
 
148
.module_source_link a, .module_source_link_current a {
 
149
    text-decoration:    none;
 
150
}
 
151
 
 
152
.module_source_link a {
 
153
    color:              blue;
 
154
}
 
155
 
 
156
.module_source_link_current a {
 
157
    color:              #32ad32;
 
158
}
 
159
 
 
160
.module_source_link_current a:before {
 
161
    content:            "{";
 
162
}
 
163
.module_source_link_current a:after {
 
164
    content:            "}";
 
165
}
 
166
 
 
167
#module_export select {
 
168
    width:              200px;
 
169
}
 
170
 
 
171
.export_apply td {
 
172
    text-align:         center;
 
173
}
 
174
 
 
175
.export_apply button {
 
176
    width:              90%;
 
177
    margin-top:         5px;
 
178
    margin-bottom:      5px;
 
179
}
 
180
 
 
181
 
 
182
 
 
183
#module_source_source select {
 
184
    width:              200px;
 
185
}
 
186
 
 
187
#module_source_time select {
 
188
    width:              150px;
 
189
}
 
190
 
 
191
/* causes proble in gecko */
 
192
#source_db_item_tr select {
 
193
    width:              100%;
 
194
}
 
195
 
 
196
#source_timestart input, #source_timeend input, #source_winstart input, #source_winend input {
 
197
    width:              124px;
 
198
}
 
199
 
 
200
#source_timestart img, #source_timeend img, #source_winstart img, #source_winend img {
 
201
    border:             0px;
 
202
    padding:            0px;
 
203
    margin:             0px;
 
204
    width:              16px;
 
205
    height:             16px;
 
206
    vertical-align:     middle;
 
207
}
 
208
 
 
209
#source_yrange input {
 
210
    width:              64px;
 
211
}
 
212
 
 
213
.source_apply td {
 
214
    text-align:         center;
 
215
}
 
216
 
 
217
.source_apply button {
 
218
    width:              90%;
 
219
    margin-top:         5px;
 
220
    margin-bottom:      5px;
 
221
}
 
222
 
 
223
 
 
224
.hide_experiment_custom {
 
225
    display:            none;
 
226
}
 
227
 
 
228
.hide_window_custom {
 
229
    display:            none;
 
230
}
 
231
 
 
232
.menu_button {
 
233
    margin-left:        5px;
 
234
    width:              25px;
 
235
}
 
236
 
 
237
.selector {
 
238
    background:         white;
 
239
    border:             1px solid black;
 
240
    margin-right:       1px;
 
241
/*    margin-bottom:    5px;*/
 
242
}
 
243
 
 
244
.graph {
 
245
    width:              100%;
 
246
}
 
247
 
 
248
.dialog {
 
249
        position: absolute;
 
250
        background-color: #c0c0c0;
 
251
        border-color: #f0f0f0 #606060 #404040 #d0d0d0;
 
252
        border-style: solid;
 
253
        border-width: 2px;
 
254
        
 
255
        margin: 0px; /* 5px */
 
256
        padding: 2px;
 
257
        cursor: pointer;
 
258
        z-index: 500;
 
259
}
 
260
 
 
261
.dialog .close {
 
262
    cursor: default;
 
263
    margin: 2px;
 
264
    position: absolute;
 
265
    width: 20px;
 
266
    height: 20px;
 
267
    padding: 5px;
 
268
    background: url(images/close.png) no-repeat;
 
269
}
 
270
 
 
271
.dialog .maximize {
 
272
    cursor: default;
 
273
    margin: 2px;
 
274
    left: 24px;
 
275
    position: absolute;
 
276
    width: 20px;
 
277
    height: 20px;
 
278
    padding: 5px;
 
279
    background: url(images/maximize.png) no-repeat;
 
280
}
 
281
 
 
282
.dialog .restore {
 
283
    cursor: default;
 
284
    margin: 2px;
 
285
    left: 24px;
 
286
    position: absolute;
 
287
    width: 20px;
 
288
    height: 20px;
 
289
    padding: 5px;
 
290
    background: url(images/restore.png) no-repeat;
 
291
}
 
292
 
 
293
 
 
294
.dialog .titlebar {
 
295
    /***
 
296
      * IE6 would consider width: 100% (for auto) if we specify height)
 
297
      *
 
298
    height:             21px; 
 
299
    */
 
300
    min-height:         21px;
 
301
    max-height:         21px;
 
302
    background-color:   #008080;
 
303
    cursor:             default;
 
304
    margin:             0px;
 
305
    padding:            2px 2px 2px .5em;
 
306
    overflow:           hidden;
 
307
}
 
308
 
 
309
 
 
310
.dialog .titlebar span {
 
311
    color:              #ffffff;
 
312
    font-family:        "MS Sans Serif", "Arial", "Helvetica", sans-serif;
 
313
    font-size:          12pt;
 
314
    font-weight:        bold;
 
315
    text-align:         left;
 
316
    white-space:        nowrap;
 
317
    padding:            45px;
 
318
    width:              100%;
 
319
    vertical-align:     center;
 
320
}
 
321
 
 
322
.dialog .content {
 
323
    cursor:             default;
 
324
    background-color:   #ffffff;
 
325
    border-color:       #404040 #e0e0e0 #f0f0f0 #505050;
 
326
    border-style:       solid;
 
327
    border-width:       2px;
 
328
    margin:             2px 0px 0px 0px;
 
329
    padding:            .5em;
 
330
/*      overflow: hidden;*/
 
331
        overflow: auto;
 
332
}
 
333
 
 
334
.dialog iframe {
 
335
    display:none;/*sorry for IE5*/
 
336
    display/**/:block;/*sorry for IE5*/
 
337
    position:absolute;/*must have*/
 
338
    top:0;/*must have*/
 
339
    left:0;/*must have*/
 
340
    z-index:-1;/*must have*/
 
341
    filter:mask();/*must have*/
 
342
    width: 100%;/*must have for any big value*/
 
343
    height: 100%;/*must have for any big value*/;
 
344
}
 
345
 
 
346
#legend .content p {
 
347
  margin: 3px 5px 3px 5px;
 
348
}
 
349
 
 
350
#legend .content td, .legend .content th {
 
351
    padding-right: 20px;
 
352
    padding-left: 20px;
 
353
}
 
354
 
 
355
 
 
356
.navigation, .minipc
 
357
{ 
 
358
  font-family: Arial, Verdana;
 
359
  font-size: 10pt; 
 
360
  font-weight: normal;
 
361
  vertical-align: middle;
 
362
  background: white;
 
363
  text-decoration: none;
 
364
  white-space: nowrap;
 
365
  margin-right: 10px;
 
366
  margin-left: 10px;
 
367
}
 
368
 
 
369
.navigation a
 
370
{
 
371
  font-weight: normal;
 
372
  padding: 2px;
 
373
  margin-bottom: 2px;
 
374
  display: block;
 
375
  color: #000055;
 
376
  background: #F0F0F0;
 
377
  font-weight: bold;
 
378
  border: 1px solid #C0C0C0;
 
379
  text-decoration: none;
 
380
}
 
381
 
 
382
.navigation a:hover
 
383
{
 
384
  border: 1px #007000 solid; 
 
385
}
 
386
 
 
387
 
 
388
.linkbutton
 
389
{ 
 
390
    text-align: center;
 
391
}
 
392
 
 
393
.linkbutton a
 
394
{
 
395
  border: 3px #F0B0B0 solid; 
 
396
}
 
397
 
 
398
.linkbutton a:hover
 
399
{
 
400
  border: 3px #F00000 solid; 
 
401
}
 
402
 
 
403
 
 
404
 
 
405
.highlight {
 
406
  color: #BB0000;
 
407
}
 
408
 
 
409
.highlight a {
 
410
  color: #BB0000;
 
411
}
 
412
 
 
413
.lowlight {
 
414
  color: #771111;
 
415
}
 
416
 
 
417
.lowlight a {
 
418
  color: #771111;
 
419
}
 
420
 
 
421
 
 
422
 
 
423
.info {
 
424
  padding: 10px;
 
425
  vertical-align: top;
 
426
  background: #BFFFBF;
 
427
  border: 1px solid #00C000;
 
428
  margin: 10px;
 
429
  font-size:14pt; 
 
430
  line-height: 1.5;
 
431
}
 
432
 
 
433
.error {
 
434
  padding: 10px;
 
435
  vertical-align: top;
 
436
  background: pink;
 
437
  border: 1px solid #00C000;
 
438
  margin: 10px;
 
439
  font-size:14pt; 
 
440
  line-height: 1.5;
 
441
}
 
442
 
 
443
.info h1, .error h1 {
 
444
  font-family: Arial, Verdana;
 
445
  font-weight:bold;
 
446
  color:#000055; 
 
447
  font-size:16pt; 
 
448
  margin: 3px;
 
449
  margin-bottom: 20px;
 
450
}
 
451
 
 
452
.groups {
 
453
  padding: 10px;
 
454
  vertical-align: top;
 
455
/*  background: #E0E0E0;
 
456
  border: 1px solid #C0C0C0;*/
 
457
}
 
458
 
 
459
.group {
 
460
  padding: 10px;
 
461
  vertical-align: top;
 
462
  background: #E0E0E0;
 
463
  border: 1px solid #00C000;
 
464
  margin: 10px;
 
465
  width: 45%;
 
466
}
 
467
 
 
468
.group form {
 
469
  margin: 0px;
 
470
  padding: 0px;
 
471
}
 
472
 
 
473
.group h1 {
 
474
  font-family: Arial, Verdana;
 
475
  font-weight:bold;
 
476
  color:#000055; 
 
477
  font-size:14pt; 
 
478
  margin: 3px;
 
479
  margin-bottom: 5px;
 
480
}
 
481
 
 
482
.group .good {
 
483
  color: green;
 
484
  font-weight: bold;
 
485
}
 
486
 
 
487
.group .bad {
 
488
  color: red;
 
489
  font-weight: bold;
 
490
}
 
491
 
 
492
/*
 
493
#module_graph img {
 
494
    background: red;
 
495
}
 
496
*/
 
 
b'\\ No newline at end of file'