← Back to branch summary

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

« back to all changes in this revision

Viewing changes to dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/light_blue/light_blue.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:
dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/light_blue/light_blue.css
 
1
 
 
2
/*----------------------------------------------------------------------------*/
 
3
/* General                                                                    */
 
4
/*----------------------------------------------------------------------------*/
 
5
 
 
6
* 
 
7
{
 
8
  font-family: tahoma, sans-serif;
 
9
  line-height: 125%;
 
10
}
 
11
 
 
12
html,body 
 
13
{
 
14
  margin: 0px;
 
15
  padding: 0px;
 
16
  background-color: white;
 
17
}
 
18
 
 
19
img 
 
20
{
 
21
  border: 0;
 
22
}
 
23
 
 
24
ul,ol 
 
25
{
 
26
  padding: 0px;
 
27
}
 
28
 
 
29
/*----------------------------------------------------------------------------*/
 
30
/* Header                                                                     */
 
31
/*----------------------------------------------------------------------------*/
 
32
 
 
33
div#header
 
34
{
 
35
  background-image: url('logo_background.png');
 
36
  background-repeat: repeat-x;
 
37
  height: 83px;
 
38
  position: fixed;
 
39
  top: 0px;
 
40
  left: 20px;
 
41
  right: 0px;
 
42
}
 
43
 
 
44
img#header1
 
45
{
 
46
  float: left;
 
47
}
 
48
 
 
49
img#header2
 
50
{
 
51
  position: fixed;
 
52
  top: 9px;
 
53
  left: 50px;
 
54
}
 
55
 
 
56
img#header3
 
57
{
 
58
  float: right;
 
59
}
 
60
 
 
61
img#menuSeparator1
 
62
{
 
63
  position: fixed;
 
64
  top: 0px;
 
65
  left: 570px;
 
66
}
 
67
 
 
68
img#menuSeparator2
 
69
{
 
70
  position: fixed;
 
71
  top: 0px;
 
72
  left: 670px;
 
73
}
 
74
 
 
75
img#menuSeparator3
 
76
{
 
77
  position: fixed;
 
78
  top: 0px;
 
79
  left: 770px;
 
80
}
 
81
 
 
82
img#menuSeparator4
 
83
{
 
84
  position: fixed;
 
85
  top: 0px;
 
86
  left: 870px;
 
87
}
 
88
 
 
89
img#menuSeparator5
 
90
{
 
91
  position: fixed;
 
92
  top: 0px;
 
93
  left: 970px;
 
94
}
 
95
 
 
96
.menuLink
 
97
{
 
98
  height: 68px;
 
99
  width: 98px;
 
100
  font-size: 12px;
 
101
  color: #ffffff;
 
102
  font-weight: bold;
 
103
  text-align: center;
 
104
  line-height: 59px;
 
105
  cursor: pointer;
 
106
}
 
107
 
 
108
div#menuLink1
 
109
{
 
110
  position: fixed;
 
111
  top: 7px;
 
112
  left: 572px;
 
113
}
 
114
 
 
115
div#menuLink2
 
116
{
 
117
  position: fixed;
 
118
  top: 7px;
 
119
  left: 672px;
 
120
}
 
121
 
 
122
div#menuLink3
 
123
{
 
124
  position: fixed;
 
125
  top: 7px;
 
126
  left: 772px;
 
127
}
 
128
 
 
129
div#menuLink4
 
130
{
 
131
  position: fixed;
 
132
  top: 7px;
 
133
  left: 872px;
 
134
}
 
135
 
 
136
span#headerText
 
137
{
 
138
  position: fixed;
 
139
  top: 26px;
 
140
  left: 230px;
 
141
  color: white;
 
142
  font-size: 17px;
 
143
}
 
144
 
 
145
div#popupHeader 
 
146
{
 
147
  background-color: #425073;
 
148
  height: 34px;
 
149
  width: 100%;
 
150
  position: fixed;
 
151
  top: 0px;
 
152
  left: 0px;
 
153
  border-bottom: 1px solid #202020;
 
154
}
 
155
 
 
156
span#popupHeaderText
 
157
{
 
158
  position: fixed;
 
159
  top: 3px;
 
160
  left: 30px;
 
161
  font-size: 14px;
 
162
  color: white;
 
163
  margin: 5px;
 
164
}
 
165
 
 
166
div#menuDropDown1
 
167
{
 
168
  position: fixed;
 
169
  top: 76px;
 
170
  left: 570px;
 
171
}
 
172
 
 
173
div#menuDropDown2
 
174
{
 
175
  position: fixed;
 
176
  top: 76px;
 
177
  left: 670px;
 
178
}
 
179
 
 
180
div#menuDropDown3
 
181
{
 
182
  position: fixed;
 
183
  top: 76px;
 
184
  left: 770px;
 
185
}
 
186
 
 
187
.menuDropDownArea
 
188
{
 
189
  font-size: 12px;
 
190
  color: #ffffff;
 
191
  border: 1px solid #282c35;
 
192
  padding-left: 5px;
 
193
  padding-right: 5px;
 
194
  width: 190px;
 
195
  background-color: #265687;
 
196
  display: none;
 
197
  z-index: 10;
 
198
  filter: alpha(opacity=90);
 
199
  opacity: 0.90;
 
200
}
 
201
 
 
202
.menuDropDownBox
 
203
{
 
204
  list-style-type:none;
 
205
}
 
206
 
 
207
.menuDropDownItem
 
208
{
 
209
  padding-top: 5px;
 
210
  padding-left: 10px;
 
211
  padding-bottom: 5px;
 
212
  padding-right: 10px;
 
213
  border: 1px solid #265687;
 
214
  cursor: pointer;
 
215
}
 
216
 
 
217
/*----------------------------------------------------------------------------*/
 
218
/* Left bar                                                                   */
 
219
/*----------------------------------------------------------------------------*/
 
220
 
 
221
#leftBar
 
222
{
 
223
  background-color: #33669b;
 
224
  height: 472px;
 
225
  width: 250px;
 
226
  float: left;
 
227
  position: fixed;
 
228
  top: 85px;
 
229
  left: 20px;
 
230
  border-style: solid;
 
231
  border-width: 1px;
 
232
  border-color: #10375f;
 
233
  filter: alpha(opacity=90);
 
234
  opacity: 0.90;
 
235
}
 
236
 
 
237
#leftBarContents
 
238
{
 
239
  color: black;
 
240
  font-size: 12px;
 
241
}
 
242
 
 
243
#leftBarContents h2
 
244
{
 
245
  font-size: 14px;
 
246
  margin-top: 16px;
 
247
  margin-right: 17px;
 
248
  margin-left: 17px;
 
249
  background-color: #265687;
 
250
  padding-top: 5px;
 
251
  padding-bottom: 5px;
 
252
  padding-left: 10px;
 
253
  color: white;
 
254
  border-style: solid;
 
255
  border-width: 1px;
 
256
  border-color: #e5e5e5;
 
257
  font-weight: normal;
 
258
}
 
259
 
 
260
#leftBarContents ul
 
261
{
 
262
  margin-left: 40px;
 
263
  list-style-type: square;
 
264
  color: white;
 
265
}
 
266
 
 
267
#leftBarContents a
 
268
{
 
269
  color: white;
 
270
  text-decoration: none;
 
271
}
 
272
 
 
273
#leftBarContents a:hover
 
274
{
 
275
  color: #D1D3FF;
 
276
}
 
277
 
 
278
/*----------------------------------------------------------------------------*/
 
279
/* Main page                                                                  */
 
280
/*----------------------------------------------------------------------------*/
 
281
 
 
282
.mainPageTable 
 
283
{
 
284
  width: 100%;
 
285
}
 
286
 
 
287
.page 
 
288
{
 
289
  font-size: 9pt;
 
290
}
 
291
 
 
292
.page h1 
 
293
{
 
294
  font-size: 13pt;
 
295
  color: #606060;
 
296
}
 
297
 
 
298
.page h2 
 
299
{
 
300
  font-size: 12pt;
 
301
  color: #606060;
 
302
}
 
303
 
 
304
.page h3 
 
305
{
 
306
  font-size: 11pt;
 
307
  color: #606060;
 
308
}
 
309
 
 
310
.page h4 
 
311
{
 
312
  font-size: 10pt;
 
313
  color: #606060;
 
314
}
 
315
 
 
316
.page h5 
 
317
{
 
318
  font-size: 9pt;
 
319
  color: #606060;
 
320
}
 
321
 
 
322
.page h6 
 
323
{
 
324
  font-size: 8pt;
 
325
  color: #606060;
 
326
}
 
327
 
 
328
.page p,.page td,.page th,.page input,.page select,.page textarea 
 
329
{
 
330
  font-size: 9pt;
 
331
}
 
332
 
 
333
.page th 
 
334
{
 
335
  background-image: url('head.png');
 
336
  background-repeat: repeat-x;
 
337
  text-align: left;
 
338
  color: #3f5d8e;
 
339
  border-style: solid;
 
340
  border-width: 1px;
 
341
  border-color: #99bbe8;
 
342
  padding-left: 7px;
 
343
  height: 19px;
 
344
}
 
345
 
 
346
#mainPage 
 
347
{
 
348
  margin: 102px 10px 10px 300px;
 
349
}
 
350
 
 
351
#popupPage 
 
352
{
 
353
  margin: 50px 10px 10px 10px;
 
354
}
 
355
 
 
356
.required 
 
357
{
 
358
  font-style: normal;
 
359
  color: #ff0000;
 
360
}
 
361
 
 
362
.listTable
 
363
{
 
364
  width: 100%;
 
365
  border-collapse: collapse;
 
366
}
 
367
 
 
368
.listTable td
 
369
{
 
370
  padding: 2px;
 
371
}
 
372
 
 
373
.listRow
 
374
{
 
375
  border-bottom: 1px solid #cad5e5;
 
376
}
 
377
 
 
378
.listAlternateRow
 
379
{
 
380
  border-bottom: 1px solid #cad5e5;
 
381
  background-color: #ebf0f6;
 
382
}