source: trunk/src/web-app/css/main.css @ 41

Last change on this file since 41 was 38, checked in by tuxta, 16 years ago

1st gui draft complete, added the bottom section to the content area

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