← Back to branch summary

~registry/dhis2-academy/trunk

« 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/vietnam/vietnam.css

  • Committer: Abyot Asalefew Gizaw
  • Date: 2012-10-12 00:08:27 UTC
  • Revision ID: abyota@gmail.com-20121012000827-qqmmfllx0s5vtkqi
Updating the acadmy trunk with the main DHIS2 trunk

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/vietnam/vietnam.css
5
5
 
6
6
* 
7
7
{
8
 
  font-family: arial, sans-serif;
9
 
  line-height: 125%;
 
8
  font-family: LiberationSansRegular, arial, sans-serif;
 
9
  line-height: 140%;
10
10
}
11
11
 
12
12
html,body 
26
26
  padding: 0px;
27
27
}
28
28
 
 
29
a
 
30
{
 
31
  text-decoration: none;
 
32
  color: #3b73b8;
 
33
}
 
34
 
 
35
select
 
36
{
 
37
  padding: 1px;
 
38
}
 
39
 
 
40
a:hover
 
41
{
 
42
  text-decoration:underline;
 
43
}
 
44
 
 
45
a:visited
 
46
{
 
47
  color:#3b73b8;
 
48
}
 
49
 
29
50
/*----------------------------------------------------------------------------*/
30
51
/* Header                                                                     */
31
52
/*----------------------------------------------------------------------------*/
32
53
 
33
54
div#header
34
55
{
35
 
  background-image: url('logo_background.png');
36
 
  background-repeat: repeat-x;
37
 
  height: 83px;
 
56
  background: #c63635; /* Old browsers */
 
57
  background: -moz-linear-gradient(top,  #c63635 0%, #b40303 96%, #c83b3b 98%, #b30100 100%); /* FF3.6+ */
 
58
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c63635), color-stop(96%,#b40303), color-stop(98%,#c83b3b), color-stop(100%,#b30100)); /* Chrome,Safari4+ */
 
59
  background: -webkit-linear-gradient(top,  #c63635 0%,#b40303 96%,#c83b3b 98%,#b30100 100%); /* Chrome10+,Safari5.1+ */
 
60
  background: -o-linear-gradient(top,  #c63635 0%,#b40303 96%,#c83b3b 98%,#b30100 100%); /* Opera 11.10+ */
 
61
  background: -ms-linear-gradient(top,  #c63635 0%,#b40303 96%,#c83b3b 98%,#b30100 100%); /* IE10+ */
 
62
  background: linear-gradient(to bottom,  #c63635 0%,#b40303 96%,#c83b3b 98%,#b30100 100%); /* W3C */
 
63
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c63635', endColorstr='#b30100',GradientType=0 ); /* IE6-9 */
 
64
 
 
65
  height: 46px;
38
66
  position: absolute;
39
67
  top: 0px;
40
 
  left: 10px;
41
 
  right: 10px;
42
 
}
43
 
 
44
 
img#header1
45
 
{
46
 
  float: left;
47
 
}
48
 
 
49
 
img#header2
 
68
  left: 0px;
 
69
  right: 0px;
 
70
}
 
71
 
 
72
img#headerBanner
50
73
{
51
74
  position: absolute;
52
 
  top: 13px;
53
 
  left: 25px;
54
 
}
55
 
 
56
 
img#header3
57
 
{
58
 
  float: right;
 
75
  top: 12px;
 
76
  left: 55px;
59
77
}
60
78
 
61
79
img#menuSeparator1
62
80
{
63
81
  position: absolute;
64
82
  top: 0px;
65
 
  left: 570px;
 
83
  left: 580px;
66
84
}
67
85
 
68
86
img#menuSeparator2
69
87
{
70
88
  position: absolute;
71
89
  top: 0px;
72
 
  left: 670px;
 
90
  left: 680px;
73
91
}
74
92
 
75
93
img#menuSeparator3
76
94
{
77
95
  position: absolute;
78
96
  top: 0px;
79
 
  left: 770px;
 
97
  left: 780px;
80
98
}
81
99
 
82
100
img#menuSeparator4
83
101
{
84
102
  position: absolute;
85
103
  top: 0px;
86
 
  left: 870px;
 
104
  left: 880px;
87
105
}
88
106
 
89
107
img#menuSeparator5
90
108
{
91
109
  position: absolute;
92
110
  top: 0px;
93
 
  left: 970px;
 
111
  left: 980px;
94
112
}
95
113
 
96
114
.menuLink
97
115
{
98
 
  height: 68px;
 
116
  height: 47px;
99
117
  width: 98px;
100
 
  font-size: 12px;
101
 
  color: #ffff00;
102
 
  font-weight: bold;
 
118
  font-family: LiberationSansRegular, arial;
 
119
  font-size: 13px;
 
120
  color: #ffffff;
103
121
  text-align: center;
104
 
  line-height: 67px;
 
122
  line-height: 45px;
105
123
  cursor: pointer;
106
124
}
107
125
 
108
126
div#menuLink1
109
127
{
110
128
  position: absolute;
111
 
  top: 7px;
112
 
  left: 572px;
 
129
  left: 582px;
113
130
}
114
131
 
115
132
div#menuLink2
116
133
{
117
134
  position: absolute;
118
 
  top: 7px;
119
 
  left: 672px;
 
135
  left: 682px;
120
136
}
121
137
 
122
138
div#menuLink3
123
139
{
124
140
  position: absolute;
125
 
  top: 7px;
126
 
  left: 772px;
 
141
  left: 782px;
127
142
}
128
143
 
129
144
div#menuLink4
130
145
{
131
146
  position: absolute;
132
 
  top: 7px;
133
 
  left: 872px;
 
147
  left: 882px;
134
148
}
135
149
 
136
150
span#headerText
137
151
{
138
152
  position: absolute;
139
 
  top: 30px;
140
 
  left: 228px;
 
153
  top: 13px;
 
154
  left: 253px;
 
155
  font-family: LiberationSansBold, arial;
141
156
  font-weight: lighter;
142
157
  color: white;
143
 
  font-size: 13pt;
144
 
}
145
 
 
146
 
div#popupHeader 
147
 
{
148
 
  background-color: #425073;
149
 
  height: 34px;
150
 
  width: 100%;
151
 
  position: absolute;
152
 
  top: 0px;
153
 
  left: 0px;
154
 
  border-bottom: 1px solid #202020;
155
 
}
156
 
 
157
 
span#popupHeaderText
158
 
{
159
 
  position: absolute;
160
 
  top: 3px;
161
 
  left: 30px;
162
 
  font-size: 14px;
163
 
  color: white;
164
 
  margin: 5px;
 
158
  font-size: 16px;
165
159
}
166
160
 
167
161
div#menuDropDown1
168
162
{
169
163
  position: absolute;
170
 
  top: 76px;
171
 
  left: 570px;
 
164
  top: 46px;
 
165
  left: 580px;
172
166
}
173
167
 
174
168
div#menuDropDown2
175
169
{
176
170
  position: absolute;
177
 
  top: 76px;
178
 
  left: 670px;
 
171
  top: 46px;
 
172
  left: 680px;
179
173
}
180
174
 
181
175
div#menuDropDown3
182
176
{
183
177
  position: absolute;
184
 
  top: 76px;
185
 
  left: 770px;
 
178
  top: 46px;
 
179
  left: 780px;
 
180
}
 
181
 
 
182
div#menuDropDown4
 
183
{
 
184
  position: absolute;
 
185
  top: 44px;
 
186
  left: 780px;
186
187
}
187
188
 
188
189
.menuDropDownArea
189
190
{
190
191
  font-size: 12px;
191
192
  color: #ffffff;
192
 
  border: 1px solid #282c35;
 
193
  border-right: 1px solid #282c35;
 
194
  border-bottom: 1px solid #282c35;
 
195
  border-left: 1px solid #282c35;
193
196
  padding-left: 5px;
194
197
  padding-right: 5px;
195
198
  width: 189px;
196
 
  background-color: #7B0A0F;
 
199
  background-color: #b91010;
197
200
  display: none;
198
201
  z-index: 10;
 
202
  filter: alpha(opacity=90);
 
203
  opacity: 0.90;
 
204
  border-bottom-left-radius: 3px;
 
205
  border-bottom-right-radius: 3px;
199
206
}
200
207
 
201
208
.menuDropDownBox
202
209
{
203
 
  list-style-type:none;
 
210
  list-style-type: none;
 
211
  padding: 0;
 
212
  margin: 10px 0;
204
213
}
205
214
 
206
 
.menuDropDownItem
 
215
.menuDropDownBox a
207
216
{
208
 
  padding-top: 5px;
 
217
  display: block;
 
218
  width: 169px;
 
219
  padding-top: 8px;
209
220
  padding-left: 10px;
210
 
  padding-bottom: 5px;
 
221
  padding-bottom: 7px;
211
222
  padding-right: 10px;
212
 
  border: 1px solid #7B0A0F;
 
223
  color: #ffffff;
 
224
  border-radius: 3px;
213
225
  cursor: pointer;
214
226
}
215
227
 
 
228
.menuDropDownBox a:hover
 
229
{
 
230
  text-decoration: none;
 
231
  background-color: #cf4343;
 
232
}
 
233
 
216
234
/*----------------------------------------------------------------------------*/
217
235
/* Left bar                                                                   */
218
236
/*----------------------------------------------------------------------------*/
219
237
 
220
238
#leftBar
221
239
{
222
 
  background-color: #7B0A0F;
223
 
  height: 100%;
224
 
  width: 250px;
 
240
  background-color: #b91010;
 
241
  height: 535px;
 
242
  width: 235px;
225
243
  float: left;
226
244
  position: absolute;
227
 
  top: 85px;
228
 
  left: 10px;
229
 
  border-style: solid;
230
 
  border-width: 1px;
231
 
  border-color: #606060;
 
245
  top: 46px;
 
246
  left: 0px;
 
247
  padding-top: 6px;
 
248
  border-right: 1px solid #10375f;
 
249
  border-bottom: 1px solid #10375f;
 
250
  filter: alpha(opacity=90);
 
251
  opacity: 0.90;
 
252
  border-bottom-right-radius: 5px;
232
253
}
233
254
 
234
255
#leftBarContents
240
261
#leftBarContents h2
241
262
{
242
263
  font-size: 14px;
243
 
  margin-top: 16px;
244
 
  margin-right: 17px;
245
 
  margin-left: 17px;
246
 
  background-color: #942d32;
247
 
  padding-top: 6px;
248
 
  padding-bottom: 5px;
249
 
  padding-left: 10px;
250
 
  color: #ffff00;
251
 
  border-style: solid;
252
 
  border-width: 1px;
253
 
  border-color: #d0d0d0;
 
264
  background-color: #cf4343;
 
265
  margin: 16px 15px 0px 15px;
 
266
  padding: 5px 0px 4px 10px;
 
267
  color: white;
 
268
  font-weight: normal;
 
269
  border-radius: 3px;
254
270
}
255
271
 
256
272
#leftBarContents ul
257
273
{
258
 
  margin-left: 40px;
259
 
  list-style-type: square;
 
274
  margin-left: 26px;
 
275
  list-style-type: none;
260
276
  color: white;
261
277
}
262
278
 
268
284
 
269
285
#leftBarContents a:hover
270
286
{
271
 
  color: #ffff00;
 
287
  color: #acc8de;
272
288
}
273
289
 
274
290
/*----------------------------------------------------------------------------*/
332
348
  font-size: 9pt;
333
349
}
334
350
 
335
 
.page th, thead tr
 
351
.page th, thead tr, .tabHead
336
352
{
337
 
  background-image: url('head.png');
 
353
  background-color: #cbddeb;
338
354
  background-repeat: repeat-x;
339
355
  text-align: left;
340
 
  color: #3f5d8e;
 
356
  color: #39547d;
 
357
  padding:3px 0px 2px 6px;
341
358
  border-style: solid;
342
359
  border-width: 1px;
343
 
  border-color: #99bbe8;
344
 
  padding-left: 7px;
345
 
  height: 19px;
 
360
  border-color: #c8dbea;
 
361
  font-family: LiberationSansBold, arial;
 
362
  font-size: 13px;
 
363
  font-weight: normal;
346
364
}
347
365
 
348
366
#mainPage 
349
367
{
350
 
  margin: 102px 10px 10px 300px;
 
368
  margin: 69px 10px 10px 270px;
351
369
}
352
370
 
353
371
#popupPage 
369
387
 
370
388
.listTable td
371
389
{
372
 
  padding: 2px;
 
390
  padding: 2px 2px 2px 5px;
373
391
}
374
392
 
375
393
.listRow
390
408
 
391
409
.bold, .bold td
392
410
{
393
 
  font-weight: bold;
 
411
  font-family: LiberationSansBold, arial, sans-serif;
 
412
}
 
413
 
 
414
.normal
 
415
{
 
416
  font-family: LiberationSansRegular, arial, sans-serif;
394
417
}
395
418
 
396
419
/*----------------------------------------------------------------------------*/
397
420
/* Intro                                                                      */
398
421
/*----------------------------------------------------------------------------*/
399
422
 
400
 
#introList
 
423
.introList
401
424
{
402
425
  display: none;
403
426
  list-style-type:none;
408
431
  padding-bottom: 20px;
409
432
  padding-left: 5px;
410
433
  padding-right: 5px;
411
 
  -moz-border-radius: 5px;
412
 
  -webkit-border-radius: 5px;
 
434
  border-radius: 5px;
413
435
}
414
 
        
 
436
 
415
437
.introItem
416
438
{
417
 
  padding: 15px;
 
439
  padding: 12px;
418
440
  cursor: pointer;
419
 
  border: 1px solid #d5efd5;
420
 
  -moz-border-radius: 5px;
421
 
  -webkit-border-radius: 5px;
 
441
  min-height: 44px;
 
442
  border-radius: 3px;
422
443
}
423
444
 
424
445
.introItemHeader
425
446
{
 
447
  font-family: LiberationSansBold, arial;
426
448
  color: #3c533c;
427
 
  font-weight: bold;
428
 
}
429
 
 
 
449
  font-size: 13px;
 
450
}
 
451
 
 
452
/*----------------------------------------------------------------------------*/
 
453
/* @font-face                                                                 */
 
454
/*----------------------------------------------------------------------------*/
 
455
 
 
456
@font-face {
 
457
    font-family: 'LiberationSansRegular';
 
458
    src: url('../../fonts/LiberationSans-Regular-webfont.eot');
 
459
    src: url('../../fonts/LiberationSans-Regular-webfont.eot?#iefix') format('eot'),
 
460
         url('../../fonts/LiberationSans-Regular-webfont.woff') format('woff'),
 
461
         url('../../fonts/LiberationSans-Regular-webfont.ttf') format('truetype'),
 
462
         url('../../fonts/LiberationSans-Regular-webfont.svg#webfontc8rbNdBe') format('svg');
 
463
    font-weight: normal;
 
464
    font-style: normal;
 
465
}
 
466
 
 
467
@font-face {
 
468
    font-family: 'LiberationSansBold';
 
469
    src: url('../../fonts/LiberationSans-Bold-webfont.eot');
 
470
    src: url('../../fonts/LiberationSans-Bold-webfont.eot?#iefix') format('eot'),
 
471
         url('../../fonts/LiberationSans-Bold-webfont.woff') format('woff'),
 
472
         url('../../fonts/LiberationSans-Bold-webfont.ttf') format('truetype'),
 
473
         url('../../fonts/LiberationSans-Bold-webfont.svg#webfontHyWb8e07') format('svg');
 
474
    font-weight: normal;
 
475
    font-style: normal;
 
476
}