source: trunk/src/web-app/css/public.css @ 49

Last change on this file since 49 was 48, checked in by gav, 16 years ago

Hopefully a CSS fix for IE

File size: 5.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    width: 980px
18    background: #fff;
19    color: #333;
20    font: 11px verdana, arial, helvetica, sans-serif;
21    background: transparent url("../images/brushed_metal.png") repeat fixed center;
22}
23
24#wrapper {
25  margin: 0 auto;
26  padding: 0;
27  width: 1024px;
28}
29
30#top {
31  background: url("../images/topBg.png") no-repeat scroll center;
32  width: 1020px;
33  height: 44px;
34}
35
36#content {
37  padding: 0px 20px 20px;
38  background: url("../images/Contentbg.png") repeat-y scroll center;
39  width: 980px;
40}
41
42#Header {
43  background: transparent url("../images/logo.png") no-repeat scroll center;
44  width: 980px;
45  height: 160px;
46}
47
48a:link, a:visited, a:hover {
49    color: #666;
50    font-weight: bold;
51    text-decoration: none;
52}
53
54h1 {
55    color: #006dba;
56    font-weight: normal;
57    font-size: 16px;
58    margin: .8em 0 .3em 0;
59}
60
61ul {
62    padding-left: 15px;
63}
64
65input, select, textarea {
66    background-color: #fcfcfc;
67    border: 1px solid #ccc;
68    font: 11px verdana, arial, helvetica, sans-serif;
69    margin: 2px 0;
70    padding: 2px 4px;
71}
72select {
73   padding: 2px 2px 2px 0;
74}
75textarea {
76        width: 250px;
77        height: 150px;
78        vertical-align: top;
79}
80
81input:focus, select:focus, textarea:focus {
82    border: 1px solid #b2d1ff;
83}
84
85.body {
86    padding: 0px 20px 20px;
87    background: url("../images/Contentbg.png") repeat-y scroll center;
88    height: 100%;
89}
90
91/* Login/out and Admin*/
92
93.appcontrol {
94    text-align: right;
95    padding: 5px 160px 5px 5px
96}
97
98.appcontrolButton {
99    font-size: 10px;
100    padding: 5px 5px;
101}
102
103/* NAVIGATION MENU */
104
105.nav {
106    text-align: centre;
107    background: url("../images/linkPanel_long.png") top no-repeat;
108    /*border: 1px solid #ccc;
109    border-style: solid none solid none;*/
110    padding: 15px 0px 0px 0px;
111    width: 980px;
112    height: 40px;
113}
114
115/*.nav a{
116    background: url("../images/linkPanel.png") no-repeat top;
117    display: inline-block;
118    width: 140px;
119    height: 40px;
120    text-decoration: none;
121}*/
122
123.menuButton {
124    font-size: 10px;
125    padding: 0 5px;
126}
127.menuButton a {
128    color: #333;
129    padding: 14px 25px;
130}
131.menuButton a.home {
132    /*background: url(../images/skin/house.png) center left no-repeat;*/
133    color: #333;
134    /*padding: 25px;*/
135}
136.menuButton a.list {
137    /*background: url(../images/skin/database_table.png) center left no-repeat;*/
138    color: #333;
139    /*padding-left: 25px;*/
140}
141.menuButton a.create {
142    /*background: url(../images/skin/database_add.png) center left no-repeat;*/
143    color: #333;
144    /*padding-left: 25px;*/
145}
146
147/* MESSAGES AND ERRORS */
148
149.message {
150    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
151    border: 1px solid #b2d1ff;
152    color: #006dba;
153    margin: 10px 0 5px 0;
154    padding: 5px 5px 5px 30px
155}
156
157div.errors {
158    background: #fff3f3;
159    border: 1px solid red;
160    color: #cc0000;
161    margin: 10px 0 5px 0;
162    padding: 5px 0 5px 0;
163}
164div.errors ul {
165    list-style: none;
166    padding: 0;
167}
168div.errors li {
169        background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
170    line-height: 16px;
171    padding-left: 30px;
172}
173
174td.errors select {
175    border: 1px solid red;
176}
177td.errors input {
178    border: 1px solid red;
179}
180
181/* TABLES */
182
183table {
184    border: 1px solid #ccc;
185    width: 100%
186}
187tr {
188    border: 0;
189}
190td, th {
191    font: 11px verdana, arial, helvetica, sans-serif;
192    line-height: 12px;
193    padding: 5px 6px;
194    text-align: left;
195    vertical-align: top;
196}
197th {
198    background: #fff url(../images/skin/shadow.jpg);
199    color: #666;
200    font-size: 11px;
201    font-weight: bold;
202    line-height: 17px;
203    padding: 2px 6px;
204}
205th a:link, th a:visited, th a:hover {
206    color: #333;
207    display: block;
208    font-size: 10px;
209    text-decoration: none;
210    width: 100%;
211}
212th.asc a, th.desc a {
213    background-position: right;
214    background-repeat: no-repeat;
215}
216th.asc a {
217    background-image: url(../images/skin/sorted_asc.gif);
218}
219th.desc a {
220    background-image: url(../images/skin/sorted_desc.gif);
221}
222
223.odd {
224    background: #f7f7f7;
225}
226.even {
227    background: #fff;
228}
229
230/* LIST */
231
232.list table {
233    border-collapse: collapse;
234}
235.list th, .list td {
236    border-left: 1px solid #ddd;
237}
238.list th:hover, .list tr:hover {
239    background: #b2d1ff;
240}
241
242/* PAGINATION */
243
244.paginateButtons {
245    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
246    border: 1px solid #ccc;
247    border-top: 0;
248    color: #666;
249    font-size: 10px;
250    overflow: hidden;
251    padding: 10px 3px;
252}
253.paginateButtons a {
254    background: #fff;
255    border: 1px solid #ccc;
256    border-color: #ccc #aaa #aaa #ccc;
257    color: #666;
258    margin: 0 3px;
259    padding: 2px 6px;
260}
261.paginateButtons span {
262    padding: 2px 3px;
263}
264
265/* DIALOG */
266
267.dialog table {
268    padding: 5px 0;
269}
270
271.prop {
272    padding: 5px;
273}
274.prop .name {
275    text-align: left;
276    width: 15%;
277    white-space: nowrap;
278}
279.prop .value {
280    text-align: left;
281    width: 85%;
282}
283
284/* ACTION BUTTONS */
285
286.buttons {
287    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
288    border: 1px solid #ccc;
289    color: #666;
290    font-size: 10px;
291    margin-top: 5px;
292    overflow: hidden;
293    padding: 0;
294}
295
296.buttons input {
297    background: #fff;
298    border: 0;
299    color: #333;
300    cursor: pointer;
301    font-size: 10px;
302    font-weight: bold;
303    margin-left: 3px;
304    overflow: visible;
305    padding: 2px 6px;
306}
307.buttons input.delete {
308    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
309    padding-left: 28px;
310}
311.buttons input.edit {
312    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
313    padding-left: 28px;
314}
315.buttons input.save {
316    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
317    padding-left: 28px;
318}
319
320#bottom {
321  background: url("../images/bottomBg.png") no-repeat scroll center;
322  width: 1020px;
323  height: 100px;
324}
Note: See TracBrowser for help on using the repository browser.