← Back to branch summary

~mortenoh/+junk/dhis2-detailed-import-export

« back to all changes in this revision

Viewing changes to local/et/dhis-web-ethiopia/src/main/webapp/dhis-web-reports/Ethiopia/styles.css

  • Committer: larshelge at gmail
  • Date: 2009-03-03 16:46:36 UTC
  • Revision ID: larshelge@gmail.com-20090303164636-2sjlrquo7ib1gf7r
Initial check-in

Show diffs side-by-side

added added

removed removed

Lines of Context:
local/et/dhis-web-ethiopia/src/main/webapp/dhis-web-reports/Ethiopia/styles.css
 
1
* {
 
2
        font-family: tahoma, sans-serif;
 
3
        line-height: 125%;
 
4
}
 
5
 
 
6
html, body {
 
7
        margin: 0px;
 
8
        padding: 0px;
 
9
        background-color: white;
 
10
}
 
11
 
 
12
img {
 
13
        border: 0;
 
14
}
 
15
 
 
16
ul, ol {
 
17
        padding: 0px; /* FireFox uses padding */
 
18
}
 
19
 
 
20
#main-header {
 
21
        height: 38px;
 
22
}
 
23
 
 
24
#main-header h1 {
 
25
        font-size: 150%;
 
26
        margin: 4px;
 
27
        float: left;
 
28
}
 
29
 
 
30
#popup-header {
 
31
        height: 20px;
 
32
}
 
33
 
 
34
#popup-header h1 {
 
35
        font-size: 75%;
 
36
        margin: 3px;
 
37
}
 
38
 
 
39
#currentUser {
 
40
        float: right;
 
41
        margin: 5px;
 
42
        font-size: 9pt;  /* <-- Size to change */
 
43
        color: white;
 
44
}
 
45
 
 
46
#currentUser a {
 
47
        color: yellow;
 
48
}
 
49
 
 
50
/*----------------------------------------------------------------------------*/
 
51
 
 
52
#top-menu {
 
53
        position: fixed;
 
54
        left: 0px;
 
55
        top: 38px;
 
56
        width: 100%;
 
57
        
 
58
        background-color: #dddddd;
 
59
        border-bottom: 1px solid #808080;
 
60
        
 
61
        z-index: 2;
 
62
        float: left; /* IE hack */
 
63
}
 
64
 
 
65
#top-menu span {
 
66
        float: left;
 
67
        font-size: 75%;
 
68
        font-weight: bold;
 
69
        
 
70
        background-color: #cccccc;
 
71
        
 
72
        border-left: 1px solid white;
 
73
        border-top: 1px solid white;
 
74
        border-right: 1px solid #808080;
 
75
        border-bottom: 1px solid #808080;
 
76
}
 
77
 
 
78
#top-menu span a {
 
79
        padding: 0px 1em;
 
80
        text-decoration: none;
 
81
        color: black;
 
82
}
 
83
 
 
84
#top-menu span a:hover {
 
85
        background-color: orange;
 
86
}
 
87
 
 
88
/*----------------------------------------------------------------------------*/
 
89
 
 
90
#left-bar {
 
91
        position: fixed;
 
92
        left: 0px;
 
93
        top: 0px;
 
94
        width: 250px;
 
95
        height: 100%;
 
96
 
 
97
        padding-top: 70px;
 
98
        
 
99
        background-color: #dddddd;
 
100
        border-right: 1px solid #808080;
 
101
        
 
102
        overflow: auto;
 
103
        z-index: 1;
 
104
        float: left; /* IE hack */
 
105
}
 
106
 
 
107
#left-bar-contents {
 
108
        margin: 5px;
 
109
        font-size: 9pt;  /* <-- Size to change */
 
110
}
 
111
 
 
112
#left-bar-contents h2 {
 
113
        font-size: 11pt;
 
114
        margin: 1em 0em 0.5em 0em;
 
115
        border-bottom: 1px solid black;
 
116
}
 
117
 
 
118
#left-bar-contents ul {
 
119
        margin: 0.5em 0em 0.5em 2em;
 
120
        list-style-type: square;
 
121
}
 
122
 
 
123
#left-bar-contents a {
 
124
        color: black;
 
125
        text-decoration: none;
 
126
}
 
127
 
 
128
#left-bar-contents a:hover {
 
129
        color: #808080;
 
130
}
 
131
 
 
132
/*----------------------------------------------------------------------------*/
 
133
 
 
134
.page {
 
135
        font-size: 9pt;  /* <-- Size to change */
 
136
}
 
137
 
 
138
.page h1 { font-size: 13pt; }
 
139
.page h2 { font-size: 12pt; }
 
140
.page h3 { font-size: 11pt; }
 
141
.page h4 { font-size: 10pt; }
 
142
.page h5 { font-size: 9pt; }
 
143
.page h6 { font-size: 8pt; }
 
144
 
 
145
.page p,
 
146
.page td,
 
147
.page th,
 
148
.page input,
 
149
.page select,
 
150
.page textarea {
 
151
        font-size: 9pt;  /* <-- Size to change */
 
152
}
 
153
 
 
154
.page th {
 
155
        text-align: left;
 
156
        background-color: #dddddd;
 
157
        padding: 0em 0.5em;
 
158
}
 
159
 
 
160
#main-page {
 
161
        margin: 80px 10px 10px 260px;
 
162
}
 
163
 
 
164
#popup-page {
 
165
        margin: 24px 10px 10px 10px;
 
166
}
 
167
 
 
168
/*----------------------------------------------------------------------------*/
 
169
 
 
170
div.thingy {
 
171
        clear: both;
 
172
}
 
173
 
 
174
/*----------------------------------------------------------------------------*/
 
175
 
 
176
div#orgUnitTree {
 
177
        font-size: 9pt;  /* <-- Size to change */
 
178
}
 
179
 
 
180
#left-bar-contents div#orgUnitTree {
 
181
        font-size: 9pt;  /* <-- Size to change */
 
182
        background-color: white;
 
183
        overflow: auto;
 
184
        width: 100%;
 
185
        height: 350px;
 
186
        border: 1px inset #cccccc;
 
187
}
 
188
 
 
189
div#orgUnitTree ul {
 
190
        margin: 0em 0em 0em 1.5em;
 
191
}
 
192
 
 
193
div#orgUnitTree>ul {
 
194
        margin-left: 0em;
 
195
}
 
196
 
 
197
div#orgUnitTree li {
 
198
        list-style-type: none;
 
199
        white-space: nowrap; /* Makes list items never wrap */
 
200
}
 
201
 
 
202
div#orgUnitTree span.toggle {
 
203
        font-family: courier new, monospace;
 
204
        font-size: 9pt;  /* <-- Size to change */
 
205
        cursor: default;
 
206
}
 
207
 
 
208
div#orgUnitTree a {
 
209
        color: black;
 
210
        text-decoration: none;
 
211
}
 
212
 
 
213
div#orgUnitTree a:hover {
 
214
        color: #808080;
 
215
}
 
216
 
 
217
div#orgUnitTree a.selected {
 
218
        color: orange;
 
219
}
 
220
 
 
221
/*----------------------------------------------------------------------------*/
 
222
 
 
223
div#selectionTree {
 
224
        font-size: 9pt;  /* <-- Size to change */
 
225
        background-color: white;
 
226
}
 
227
 
 
228
div#selectionTree ul {
 
229
        margin: 0em 0em 0em 1.5em;
 
230
}
 
231
 
 
232
div#selectionTree>ul {
 
233
        margin-left: 0em;
 
234
}
 
235
 
 
236
div#selectionTree li {
 
237
        list-style-type: none;
 
238
        white-space: nowrap; /* Makes list items never wrap */
 
239
}
 
240
 
 
241
div#selectionTree span.toggle {
 
242
        font-family: courier new, monospace;
 
243
        font-size: 9pt;  /* <-- Size to change */
 
244
        cursor: default;
 
245
}
 
246
 
 
247
div#selectionTree a {
 
248
        color: black;
 
249
        text-decoration: none;
 
250
}
 
251
 
 
252
div#selectionTree a:hover {
 
253
        color: #808080;
 
254
}
 
255
 
 
256
div#selectionTree a.selected {
 
257
        color: orange;
 
258
}
 
259
 
 
260
/*----------------------------------------------------------------------------*/
 
261
 
 
262
span#message {
 
263
        display: none;
 
264
        padding: 1em;
 
265
        margin: 1em;
 
266
        background-color:#ffffbf;
 
267
        border: 1px solid #cccc00;
 
268
        width: 500px;
 
269
}
 
270
 
 
271
div#detailsArea {
 
272
        border: 1px solid #4040ff;
 
273
        background-color: #ccccff;
 
274
        position:fixed;
 
275
        width: 18em;
 
276
        padding: 0.5em;
 
277
}
 
278
 
 
279
div#detailsArea label {
 
280
        font-weight: bold;
 
281
}
 
282
.header1 {
 
283
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
284
        font-size: 16px;
 
285
        font-weight: bold;
 
286
        text-align: center;
 
287
        vertical-align: middle;
 
288
}
 
289
.tableheader {
 
290
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
291
        font-size: 12px;
 
292
        font-weight: bold;
 
293
        background-color: #0099FF;
 
294
        text-align: center;
 
295
        vertical-align: middle;
 
296
        color: #000000;
 
297
        border-top: 1px dashed;
 
298
        border-right: 1px dashed;
 
299
        border-bottom: 1px none;
 
300
        border-left: 1px none;
 
301
 
 
302
}
 
303
.tableitem {
 
304
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
305
        font-size: 10px;
 
306
        background-color: #00CCFF;
 
307
        text-align: center;
 
308
        vertical-align: middle;
 
309
        padding: 1px;
 
310
        border-top: 1px dashed;
 
311
        border-right: 1px dashed;
 
312
        border-bottom: 1px none;
 
313
        border-left: 1px none;
 
314
 
 
315
 
 
316
 
 
317
}
 
318
.lefttableheader {
 
319
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
320
        font-size: 12px;
 
321
        font-weight: bold;
 
322
        background-color: #0099FF;
 
323
        text-align: left;
 
324
        vertical-align: middle;
 
325
        color: #000000;
 
326
        border-top: 1px dashed;
 
327
        border-right: 1px dashed;
 
328
        border-bottom: 1px dashed;
 
329
        border-left: 1px dashed;
 
330
 
 
331
 
 
332
}
 
333
.lefttableitem {
 
334
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
335
        font-size: 12px;
 
336
        font-weight: bold;
 
337
        background-color: #0099FF;
 
338
        text-align: left;
 
339
        vertical-align: middle;
 
340
        color: #000000;
 
341
        border-top: 1px dashed;
 
342
        border-right: 1px none;
 
343
        border-bottom: 1px dashed;
 
344
        border-left: 1px dashed;
 
345
}
 
346
.leftopen {
 
347
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
348
        font-size: 12px;
 
349
        font-weight: bold;
 
350
        background-color: #0099FF;
 
351
        text-align: left;
 
352
        vertical-align: middle;
 
353
        color: #000000;
 
354
        border-top: 1px dashed;
 
355
        border-right: 1px dashed;
 
356
        border-bottom: 1px none;
 
357
        border-left: 1px none;
 
358
}
 
359
.bottomopen {
 
360
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
361
        font-size: 12px;
 
362
        font-weight: bold;
 
363
        background-color: #0099FF;
 
364
        text-align: left;
 
365
        vertical-align: middle;
 
366
        color: #000000;
 
367
        border-top: 1px dashed;
 
368
        border-right: 1px dashed;
 
369
        border-bottom: 1px none;
 
370
        border-left: 1px dashed;
 
371
}
 
372
.upopen {
 
373
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
374
        font-size: 12px;
 
375
        font-weight: bold;
 
376
        background-color: #0099FF;
 
377
        text-align: left;
 
378
        vertical-align: middle;
 
379
        color: #000000;
 
380
        border-top: 1px none;
 
381
        border-right: 1px dashed;
 
382
        border-bottom: 1px dashed;
 
383
        border-left: 1px dashed;
 
384
}
 
385
.bothopen {
 
386
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
387
        font-size: 12px;
 
388
        font-weight: bold;
 
389
        background-color: #0099FF;
 
390
        text-align: left;
 
391
        vertical-align: middle;
 
392
        color: #000000;
 
393
        border-top: 1px none;
 
394
        border-right: 1px dashed;
 
395
        border-bottom: 1px none;
 
396
        border-left: 1px dashed;
 
397
}
 
398
.boxed {
 
399
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
400
        font-size: 12px;
 
401
        font-weight: bold;
 
402
        background-color: #0099FF;
 
403
        text-align: left;
 
404
        vertical-align: middle;
 
405
        color: #000000;
 
406
        border: 1px dashed;
 
407
}
 
408
.header {
 
409
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
410
        font-size: 24px;
 
411
        color: #FFFFFF;
 
412
        background-color: #000099;
 
413
        text-align: center;
 
414
        vertical-align: middle;
 
415
        padding: 5px;
 
416
 
 
417
 
 
418
}
 
419
.none {
 
420
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
421
        font-size: 10px;
 
422
        background-color: #FFFFFF;
 
423
        text-align: center;
 
424
        vertical-align: middle;
 
425
        padding: 1px;
 
426
        border-top: 1px dashed;
 
427
        border-right: 1px dashed;
 
428
        border-bottom: 1px none;
 
429
        border-left: 1px none;
 
430
}