/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-20 05:22:25 UTC
  • Revision ID: csa@dside.dyndns.org-20080420052225-enu1yngq1pny531z
Layout redesign: search tab, controls, menu

Show diffs side-by-side

added added

removed removed

Lines of Context:
adei.css
1
1
html, body {
 
2
    overflow:           hidden;
2
3
/*    
3
 
    This will broke resizing of graph in IE6 (IE7 - OK)
 
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
 
4
8
    width:              100%;
5
9
*/
6
 
    overflow:           hidden;
 
10
}
 
11
 
 
12
.all {
 
13
    width:              100%;
7
14
}
8
15
 
9
16
 
10
17
table, tr, td, div, body {
11
 
    margin:             0px;
12
 
    padding:            0px;
13
 
    border:             0px;
 
18
    margin:             0;
 
19
    padding:            0;
 
20
    border:             0;
14
21
}
15
22
 
16
 
 
17
23
td {
18
24
    vertical-align:     top;
19
25
}
20
26
 
21
 
 
22
27
.all {
23
28
    height:             100%; 
24
29
    width:              100%;
31
36
   background:          #E0E0E0;
32
37
   border:              1px solid #C0C0C0;
33
38
   margin-top:          0;
34
 
   margin-bottom:       5px;
35
 
   margin-left:         10px;
36
 
   margin-right:        10px;
 
39
/*   margin-bottom:     5px;*/
 
40
   margin-bottom:       1px;
 
41
   margin-left:         2px;
 
42
   margin-right:        2px;
37
43
   padding:             5px;
 
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 {
38
59
   font-weight:         bold;
39
60
   text-align:          left;
40
 
   
41
 
/*   background:                url(setups/toska/toska.png) no-repeat;*/
 
61
   padding-left:        50px;
 
62
   vertical-align:      middle;
42
63
}
43
64
 
44
 
.header .title {
 
65
.header .title td {
45
66
    vertical-align:     top;
46
67
}
47
68
 
48
69
.header .title b {
49
 
    font-family:        Arial, Verdana;
50
70
    font-size:          20pt; 
51
71
    letter-spacing:     6px;
52
72
}
53
73
 
54
74
.header .title i {
55
 
  font-family:          Arial, Verdana;
56
75
  font-size:            10pt; 
57
76
  letter-spacing:       6px;
58
77
  font-style:           normal;
59
78
}
60
79
 
61
80
 
 
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
 
62
100
.header .links {
63
101
    text-align:         right;
64
 
    vertical-align:     bottom;
65
 
}
66
 
 
67
 
.header .links div {
68
 
    padding-top:        10px;
69
 
    display:            inline;
70
 
}
71
 
 
 
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
/*
72
142
.sidebar {
73
143
    margin-top: 10px;
74
144
}
 
145
*/
 
146
 
 
147
#main_sidebar div+div {
 
148
    margin-top: 10px;
 
149
}
 
150
 
75
151
 
76
152
.sidebar .holder {
77
153
    border:     1px solid black;
115
191
*/
116
192
 
117
193
 
 
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
 
118
223
.module {
119
224
    /* For detection of min-height property support */
120
225
    min-width: 10px;
145
250
.module_source_link, .module_source_link_current {
146
251
    background:         #E0E0E0;
147
252
}
148
 
 
149
 
 
150
253
.module_source_link a, .module_source_link_current a {
151
254
    text-decoration:    none;
152
255
}
153
 
 
154
256
.module_source_link a {
155
257
    color:              blue;
156
258
}
157
 
 
158
259
.module_source_link_current a {
159
260
    color:              #32ad32;
160
261
}
161
 
 
162
262
.module_source_link_current a:before {
163
263
    content:            "{";
164
264
}
166
266
    content:            "}";
167
267
}
168
268
 
169
 
#module_export select {
170
 
    width:              200px;
171
 
}
172
 
 
173
 
.export_apply td {
 
269
.module_controls_link, .module_controls_link_current {
 
270
    background:         #E0E0E0;
 
271
    padding-left:       5px;
 
272
    padding-right:      5px;
174
273
    text-align:         center;
175
274
}
176
 
 
177
 
.export_apply button {
178
 
    width:              90%;
179
 
    margin-top:         5px;
180
 
    margin-bottom:      5px;
181
 
}
182
 
 
183
 
 
184
 
 
185
 
#module_source_source select {
 
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 {
186
296
    width:              200px;
187
297
}
188
298
 
223
333
}
224
334
 
225
335
 
 
336
.export_apply td {
 
337
    text-align:         center;
 
338
}
 
339
 
 
340
.export_apply button {
 
341
    width:              90%;
 
342
    margin-top:         5px;
 
343
    margin-bottom:      5px;
 
344
}
 
345
 
 
346
 
226
347
.hide_experiment_custom {
227
348
    display:            none;
228
349
}
231
352
    display:            none;
232
353
}
233
354
 
 
355
.header .links {
 
356
/*    display: inline;*/
 
357
}
 
358
 
234
359
.menu_button {
235
360
    margin-left:        5px;
236
361
    width:              25px;
 
362
    height:             25px;
 
363
    
 
364
    display:            inline;
 
365
    position:           absolute;
 
366
    left:               0px;
 
367
    top:                20px;
 
368
/*
 
369
    please see z-index handling in menu.js, needed only for IE
 
370
*/
237
371
}
238
372
 
239
373
.selector {
329
463
    border-width:       2px;
330
464
    margin:             2px 0px 0px 0px;
331
465
    padding:            .5em;
 
466
    font-size:          medium; /* required by IE7 */
332
467
/*      overflow: hidden;*/
333
468
        overflow: auto;
334
469
}
492
627
}
493
628
 
494
629
/*
495
 
#module_graph img {
 
630
#main_div {
 
631
    background: blue;
 
632
}
 
633
#module_graph {
 
634
    background: green;
 
635
}
 
636
#graph_image_div {
496
637
    background: red;
497
638
}
498
 
*/
 
639
*/
 
 
b'\\ No newline at end of file'