source: trunk/web-app/css/main.css @ 229

Last change on this file since 229 was 229, checked in by gav, 14 years ago

Small css fix, tested on FF and IE.
File size: 10.9 KB
Line 
1html * {
2    margin: 0;
3    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
4
5}
6
7/* GENERAL */
8
9.spinner {
10    padding: 5px;
11    position: absolute;
12    right: 0;
13}
14
15body {
16    text-align: center;
17    color: #222;
18    font: 14px verdana, arial, helvetica, sans-serif;
19    background: transparent url("../images/brushed_metal.png") repeat fixed center;
20}
21
22#wrapper {
23  margin: 0 auto;
24  padding: 0;
25  width: 1024px;
26}
27
28#top {
29  background: url("../images/topBg.png") no-repeat scroll center;
30  width: 1020px;
31  height: 31px;
32}
33
34#content {
35  padding: 0px 20px 20px;
36  background: url("../images/contentbg.png") repeat-y scroll center;
37  width: 980px;
38  /*border: 1px solid #ccc;*/
39}
40
41#Header {
42  background: transparent url("../images/logo.png") no-repeat scroll center;
43  width: 980px;
44  height: 136px;
45  /*border: 1px solid;*/
46}
47#HeaderLink{
48  display: block;
49  width: 958px;
50  height: 136px;
51}
52
53/* Navigation plugin, top level. */
54#menu {
55    float: left;
56    /*border: 1px solid #ccc;*/
57}
58
59a:link, a:visited, a:hover {
60    color: #666;
61    font-weight: bold;
62    text-decoration: none;
63}
64
65img {
66    border: 0px;
67}
68
69h1 {
70    color: #006dba;
71    font-weight: normal;
72    font-size: 17px;
73    margin: 0 0 .3em 0;
74}
75
76ul {
77    padding-left: 15px;
78}
79
80input, select, textarea {
81    background-color: #fcfcfc;
82    border: 1px solid #ccc;
83    font: 14px verdana, arial, helvetica, sans-serif;
84    margin: 2px 0;
85    padding: 2px 4px;
86}
87select {
88   padding: 2px 2px 2px 0;
89}
90textarea {
91    width: 450px;
92    height: 150px;
93    vertical-align: top;
94}
95
96input:focus, select:focus, textarea:focus {
97    border: 1px solid #b2d1ff;
98}
99
100.body {
101    padding: 20px 20px 20px 20px;
102    text-align: center;
103    /*border: 1px solid #ccc;*/
104}
105
106/* Logout and Top Navigation Level */
107
108.appControl {
109    height: 2em;
110}
111
112.logoutButton {
113    float: right;
114    padding: 0.3em 0px 0.3em 0;
115    font-size: 14px;
116    margin: 0 50px 0 0;
117    /*border: 1px solid #ccc;*/
118}
119
120.logoutButton:hover {
121    color: red;
122    padding: 0.5em 0px 0.1em 0;
123}
124
125/* ORIGINAL NAVIGATION MENU */
126
127.nav {
128    text-align: center;
129    background: url("../images/linkPanel_long.png") top no-repeat;
130    padding: 10px 0px 0px 0px;
131    width: 980px;
132    height: 40px;
133}
134
135.menuButton {
136    font-size: 14px;
137    padding: 0 5px;
138}
139.menuButton a {
140    color: #333;
141    padding: 14px 25px;
142}
143.menuButton a.home {
144    /*background: url(../images/skin/house.png) center left no-repeat;*/
145    color: #333;
146    /*padding: 25px;*/
147}
148.menuButton a.list {
149    /*background: url(../images/skin/database_table.png) center left no-repeat;*/
150    color: #333;
151    /*padding-left: 25px;*/
152}
153.menuButton a.create {
154    /*background: url(../images/skin/database_add.png) center left no-repeat;*/
155    color: #333;
156    /*padding-left: 25px;*/
157}
158
159/* MESSAGES AND ERRORS */
160
161.message {
162    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
163    border: 1px solid #b2d1ff;
164    color: #006dba;
165    margin: 10px 0 5px 0;
166    padding: 5px 5px 5px 0px
167}
168
169div.errors {
170    background: #fff3f3;
171    border: 1px solid red;
172    color: #cc0000;
173    margin: 10px 0 5px 0;
174    padding: 5px 0 5px 0;
175}
176div.errors ul {
177    list-style: none;
178    padding: 0;
179}
180div.errors li {
181        background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
182    line-height: 16px;
183    padding-left: 30px;
184}
185
186td.errors select {
187    border: 1px solid red;
188}
189td.errors input {
190    border: 1px solid red;
191}
192td.errors textarea {
193    border: 1px solid red;
194}
195
196input.time {
197    width:40px;
198}
199input.time.errors {
200    border: 1px solid red;
201}
202input.medium {
203    width:60px;
204}
205input.medium.errors {
206    border: 1px solid red;
207}
208input.description {
209    width:450px;
210}
211
212/* TABLES */
213
214table {
215    border: 1px solid #ccc;
216    width: 100%
217}
218tr {
219    border: 0;
220}
221td, th {
222    font: 14px verdana, arial, helvetica, sans-serif;
223    line-height: 17px;
224    padding: 5px 6px;
225    text-align: left;
226    vertical-align: top;
227}
228th {
229    background: #fff url(../images/skin/shadow.jpg);
230    color: #555;
231    font-size: 14px;
232    font-weight: bold;
233    line-height: 17px;
234    padding: 2px 6px;
235}
236th a:link, th a:visited, th a:hover {
237    color: #333;
238    display: block;
239    font-size: 14px;
240    text-decoration: none;
241    width: 100%;
242}
243th.asc a, th.desc a {
244    background-position: right;
245    background-repeat: no-repeat;
246}
247th.asc a {
248    background-image: url(../images/skin/sorted_asc.gif);
249}
250th.desc a {
251    background-image: url(../images/skin/sorted_desc.gif);
252}
253
254.odd {
255    background: #f7f7f7;
256}
257.even {
258    background: #fff;
259}
260
261.clickableOdd {
262    background: #f7f7f7;
263    cursor: pointer;
264}
265.clickableEven {
266    background: #fff;
267    cursor: pointer;
268}
269
270/* LIST */
271
272.list table {
273    border-collapse: collapse;
274}
275.list th, .list td {
276    border-left: 1px solid #ddd;
277}
278.list th:hover, .list tr:hover {
279    background: #b2d1ff;
280}
281
282/* PAGINATION */
283
284.paginateButtons {
285    border-top: 0;
286    color: #666;
287    font-size: 14px;
288    overflow: hidden;
289    padding: 10px 3px;
290}
291.paginateButtons a {
292    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
293    border: 1px solid #ccc;
294    border-color: #ccc #aaa #aaa #ccc;
295    color: #666;
296    margin: 0 3px;
297    padding: 2px 6px;
298}
299.paginateButtons span {
300    padding: 2px 3px;
301}
302
303.searchButtons {
304    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
305    border: 1px solid #ccc;
306    border-color: #ccc #aaa #aaa #ccc;
307    margin: 0 0.5em;
308}
309.searchButtons a {
310    background: transparent url(../images/skin/database_search.png)  5px 50% no-repeat;
311    padding-left: 28px;
312    border: none;
313    margin: 0;
314}
315
316/* DIALOG */
317
318.dialog table {
319    padding: 5px 0;
320}
321
322.prop {
323    padding: 5px;
324}
325.prop .name {
326    text-align: left;
327    width: 15%;
328    white-space: nowrap;
329}
330.prop .value {
331    text-align: left;
332    width: 85%;
333}
334
335/* ACTION BUTTONS */
336.generalButton {
337    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
338    color: #444;
339    font-size: 14px;
340    font-weight: bold;
341    cursor: pointer;
342    margin-left: 5px;
343    overflow: hidden;
344    padding: 0.1em 0.4em 0.1em 0.4em;
345}
346
347.buttons {
348    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
349    border: 1px solid #ccc;
350    color: #666;
351    font-size: 14px;
352    margin-top: -1px;
353    margin-bottom: 5px;
354    overflow: hidden;
355    padding: 3px;
356}
357.buttons input {
358    background: #fff;
359    border: 0;
360    color: #333;
361    cursor: pointer;
362    font-size: 14px;
363    font-weight: bold;
364    margin-left: 3px;
365    overflow: visible;
366    padding: 0px 6px;
367}
368.buttons input.delete {
369    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
370    padding-left: 28px;
371}
372.buttons input.trash {
373    background: transparent url(../images/skin/bin_closed.png) 5px 50% no-repeat;
374    padding-left: 28px;
375}
376.buttons input.restore {
377    background: transparent url(../images/skin/bin_empty.png) 5px 50% no-repeat;
378    padding-left: 28px;
379}
380.buttons input.cancel {
381    background: transparent url(../images/skin/cross.png) 5px 50% no-repeat;
382    padding-left: 28px;
383}
384.buttons input.complete {
385    background: transparent url(../images/skin/tick.png) 5px 50% no-repeat;
386    padding-left: 28px;
387}
388.buttons input.reopen {
389    background: transparent url(../images/skin/door_open.png) 5px 50% no-repeat;
390    padding-left: 28px;
391}
392.buttons input.approve {
393    background: transparent url(../images/skin/database_gear.png) 5px 50% no-repeat;
394    padding-left: 28px;
395}
396.buttons input.renegeApproval {
397    background: transparent url(../images/skin/cog_delete.png) 5px 50% no-repeat;
398    padding-left: 28px;
399}
400.buttons input.edit {
401    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
402    padding-left: 28px;
403}
404.buttons input.save {
405    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
406    padding-left: 28px;
407}
408.buttons input.add {
409    background: transparent url(../images/skin/database_add.png) 5px 50% no-repeat;
410    padding-left: 28px;
411}
412.buttons input.search {
413    background: transparent url(../images/skin/database_search.png) 5px 50% no-repeat;
414    padding-left: 28px;
415}
416.buttons input.link {
417    background: transparent url(../images/skin/database_link.png) 5px 50% no-repeat;
418    padding-left: 28px;
419}
420.buttons input.go {
421    background: transparent url(../images/skin/database_go.png) 5px 50% no-repeat;
422    padding-left: 28px;
423}
424.buttons input.table {
425    background: transparent url(../images/skin/database_table.png) 5px 50% no-repeat;
426    padding-left: 28px;
427}
428
429#bottom {
430  background: url("../images/bottomBg.png") no-repeat scroll center;
431  width: 1020px;
432  height: 100px;
433}
434
435/* Overlay Pane and filterPane plugin*/
436div.overlayPane {
437    position: absolute;
438    width:70%;
439    left: 50%;
440    margin-left: -36%;
441    top: 50%;
442    margin-top: -26%;
443    border: 2px solid #666666;
444    background-color: white;
445    padding: 5px;
446    z-index: 1;
447}
448
449.overlayTable {
450    width: 100%;
451}
452
453a.remove img {
454    border:none;
455}
456
457 /* Navigation Plugin Override */
458.navigation {
459    padding: 0px 0px 0px 50px;
460    list-style-type: none;
461    clear: both;
462    font-size: 14px;
463    /*overflow: hidden;*/ /* Clearing floats */
464}
465
466.navigation li {
467    float: left;
468    /*border: 0px*/
469    /* border: 1px solid #888; */
470     /*border-left-color: #bbb;*/  /* Highlight border-color */
471}
472
473.navigation li.navigation_first {
474     /*border-left-color: #888; */
475}
476
477.navigation li.navigation_active {
478     /*border-left-color: #555;*/  /* Highlight border-color of active item */
479}
480
481.navigation li a {
482    /* color: #fff; */
483    /* background-color: #aaa; */
484    padding: 0.3em 0.75em 0;
485    display: block;
486    text-decoration: none;
487}
488
489.navigation li a:hover {
490    color: red;
491    /* background-color: #999; */
492/*     font-weight: normal; */
493/*     font-size: 14px; */
494    padding: 0.5em 0.75em;
495    /*cursor: default;*/
496}
497
498.navigation li.navigation_active a {
499    /* background-color: #555; */
500/*    color: #fff;*/
501    color: #006dba;
502    /*color: black;*/
503    font-weight: bold;
504    font-size: 17px;
505    margin: 0 0 0 0;
506    /*cursor: default;*/
507}
508
509.navigation li.navigation_active a:hover {
510    color: #006dba;
511    font-weight: bold;
512    font-size: 17px;
513    padding: 0.3em 0.75em;
514    /*background-color: #555;*/
515}
516
517/* Sub navigation */
518.subnavigation {
519    /*padding: 0px 0px 0px 165px;*/
520    padding: 0px 0px 0px 105px;
521    list-style-type: none;
522    clear: both;
523    overflow: hidden; /* Clearing floats */
524}
525.subnavigation li {
526    float: left;
527    /* background-color: #555; */
528    padding: 0em 0.75em;
529    border-width: 0px 0;
530}
531.subnavigation li a {
532    color: #006dba;
533    font-weight: bold;
534    font-size: 17px;
535    display: block;
536    /*padding: 0px 0;*/
537    /* border-color: #555; */
538    border-style: solid;
539    border-width: 0px 0;
540    text-decoration: none;
541    /*margin: 0 0 0 0;*/
542    /*cursor: default;*/
543}
544
545.subnavigation li a:visited {
546    color: #006dba;
547}
548
549.subnavigation li a:hover {
550    /*color: red;*/
551    /*border-color: black;*/ 
552    border-width: 1px 0;
553}
554.subnavigation li.subnavigation_active a {
555    /*color: #e0e0e0; */
556    /*cursor: default;*/
557    /*border-color: #e0e0e0;*/
558    border-width: 1px 0;
559}
Note: See TracBrowser for help on using the repository browser.