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