root / hci / trunk / eneraptor-web-app / web-app / css / style.css @ 72
History | View | Annotate | Download (9.57 KB)
1 |
/*********************
|
---|---|
2 |
HTML Elements
|
3 |
*********************/
|
4 |
*{
|
5 |
margin:0; |
6 |
padding:0; |
7 |
} |
8 |
img, div,a { behavior: url(css/iepngfix.htc) } |
9 |
body{
|
10 |
font-size: 12px; |
11 |
font-family: Arial, Tahoma, Verdana; |
12 |
min-height: 960px; |
13 |
} |
14 |
a, a:visited{ |
15 |
text-decoration:none; |
16 |
} |
17 |
img{
|
18 |
border:0; |
19 |
margin:1px; |
20 |
} |
21 |
p{
|
22 |
padding:3px; |
23 |
} |
24 |
h2{
|
25 |
|
26 |
} |
27 |
input{
|
28 |
padding:2px; |
29 |
} |
30 |
select{
|
31 |
padding:2px; |
32 |
} |
33 |
/*********************
|
34 |
Structure
|
35 |
*********************/
|
36 |
#container{
|
37 |
width:960px; |
38 |
margin-left:auto; |
39 |
margin-right:auto; |
40 |
} |
41 |
#header{
|
42 |
width:960px; |
43 |
} |
44 |
#header h2{ |
45 |
margin-left:100px; |
46 |
margin-top:20px; |
47 |
} |
48 |
#header img{ |
49 |
float: left; |
50 |
} |
51 |
#content{
|
52 |
width:940px; |
53 |
float:left; |
54 |
margin:10px 0 10px 0; |
55 |
padding:10px; |
56 |
} |
57 |
#footer{
|
58 |
clear:both; |
59 |
padding:5px; |
60 |
margin-top:10px; |
61 |
} |
62 |
#box h3{ |
63 |
padding:5px; |
64 |
font-size:14px; |
65 |
} |
66 |
.box h3{ |
67 |
padding:5px; |
68 |
font-size:14px; |
69 |
} |
70 |
.boxContents{
|
71 |
margin: 8px; |
72 |
} |
73 |
/*********************
|
74 |
TopMenu, Top-Panel
|
75 |
*********************/
|
76 |
#topmenu{
|
77 |
margin-top:33px; |
78 |
width:960px; |
79 |
float:left; |
80 |
voice-family:inherit; |
81 |
} |
82 |
#topmenu ul{ |
83 |
list-style:none; |
84 |
line-height:25px; |
85 |
} |
86 |
#topmenu li{ |
87 |
display:inline; |
88 |
} |
89 |
#topmenu a,#topmenu a:visited{ |
90 |
padding:5px 12px 5px 12px; |
91 |
text-decoration:none; |
92 |
} |
93 |
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{ |
94 |
padding:5px 12px 5px 12px; |
95 |
font-weight:bold; |
96 |
|
97 |
} |
98 |
#top-panel{
|
99 |
background:#FFF; |
100 |
padding:5px; |
101 |
height:30px; |
102 |
float:left; |
103 |
width:950px; |
104 |
} |
105 |
#top-panel ul{ |
106 |
list-style:none; |
107 |
} |
108 |
#top-panel ul li{ |
109 |
display:inline; |
110 |
line-height:20px; |
111 |
} |
112 |
#top-panel ul li a{ |
113 |
padding-left:19px; |
114 |
text-decoration:none; |
115 |
margin:5px 3px; |
116 |
display:inline-block; |
117 |
} |
118 |
#top-panel a:hover{ |
119 |
text-decoration:underline; |
120 |
} |
121 |
/*********************
|
122 |
Other
|
123 |
*********************/
|
124 |
.a-right{text-align:right;} |
125 |
.a-left{text-align:left;} |
126 |
.a-center{text-align:center;} |
127 |
#pager{
|
128 |
margin:5px; |
129 |
height:25px; |
130 |
} |
131 |
#styleswitcher{
|
132 |
float:right; |
133 |
} |
134 |
#styleswitcher ul{ |
135 |
list-style:none; |
136 |
line-height:10px; |
137 |
} |
138 |
#styleswitcher li{ |
139 |
height:12px; |
140 |
display:inline; |
141 |
} |
142 |
#footer ul { |
143 |
list-style:none; |
144 |
} |
145 |
#footer li { |
146 |
display:inline; |
147 |
} |
148 |
a#defswitch { |
149 |
width:15px; |
150 |
height:10px; |
151 |
margin: 3px 0 3px 0; |
152 |
background-color:#bd3f09; |
153 |
font-size: 8px; |
154 |
color:#bd3f09; |
155 |
display:inline-block; |
156 |
} |
157 |
a#blueswitch { |
158 |
width:15px; |
159 |
height:10px; |
160 |
margin: 3px 0 3px 0; |
161 |
background-color:#375b91; |
162 |
font-size: 8px; |
163 |
color:#375b91; |
164 |
display:inline-block; |
165 |
} |
166 |
a#greenswitch { |
167 |
width:15px; |
168 |
height:10px; |
169 |
margin: 3px 0 3px 0; |
170 |
background-color:#d0e0b8; |
171 |
font-size: 8px; |
172 |
color:#d0e0b8; |
173 |
display:inline-block; |
174 |
} |
175 |
a#brownswitch { |
176 |
width:15px; |
177 |
height:10px; |
178 |
margin: 3px 0 3px 0; |
179 |
background-color:#654322; |
180 |
font-size: 8px; |
181 |
color:#654322; |
182 |
display:inline-block; |
183 |
} |
184 |
a#mixswitch { |
185 |
width:15px; |
186 |
height:10px; |
187 |
margin: 3px 0 3px 0; |
188 |
background-color:#294145; |
189 |
font-size: 8px; |
190 |
color:#294145; |
191 |
display:inline-block; |
192 |
} |
193 |
#credits{
|
194 |
clear:both; |
195 |
width:300px; |
196 |
float:left; |
197 |
} |
198 |
/*********************
|
199 |
Tables
|
200 |
*********************/
|
201 |
table{
|
202 |
margin:5px; |
203 |
border-collapse: collapse; |
204 |
table-layout:automatic; |
205 |
width:98%; |
206 |
} |
207 |
td, th{ |
208 |
padding: 2px; |
209 |
} |
210 |
thead{
|
211 |
|
212 |
} |
213 |
/*********************
|
214 |
Home
|
215 |
*********************/
|
216 |
#infowrap li{ |
217 |
display:inline: |
218 |
} |
219 |
#infobox{
|
220 |
width:365px; |
221 |
float:left; |
222 |
margin-top:10px; |
223 |
} |
224 |
#infobox h3{ |
225 |
padding:5px; |
226 |
font-size:14px; |
227 |
} |
228 |
.margin-left{
|
229 |
margin-left:5px; |
230 |
} |
231 |
#rightnow .reallynow { |
232 |
padding: 5px; |
233 |
font-size:14px; |
234 |
} |
235 |
#rightnow h3{ |
236 |
padding:2px; |
237 |
padding: 0 10px; |
238 |
font-size:14px; |
239 |
} |
240 |
#rightnow .reallynow span { |
241 |
display: block; |
242 |
text-align: left; |
243 |
float: left; |
244 |
padding:0 2px; |
245 |
font-size:14px |
246 |
} |
247 |
#rightnow .reallynow a { |
248 |
text-decoration:none; |
249 |
display: block; |
250 |
text-align: right; |
251 |
float: right; |
252 |
padding:0 0 0 18px; |
253 |
margin-left:4px; |
254 |
font-weight:normal; |
255 |
font-size:12px; |
256 |
} |
257 |
#rightnow .reallynow a:hover{ |
258 |
text-decoration:underline; |
259 |
} |
260 |
#rightnow .youhave { |
261 |
font-size: 12px; |
262 |
padding: 10px; |
263 |
} |
264 |
#rightnow a { |
265 |
font-weight: bold; |
266 |
} |
267 |
/*********************
|
268 |
Forms
|
269 |
*********************/
|
270 |
form{
|
271 |
padding:10px; |
272 |
margin:0 auto; |
273 |
} |
274 |
form fieldset { |
275 |
display:block; |
276 |
padding:5px 10px 5px 10px; |
277 |
line-height:20px; |
278 |
margin-bottom:10px; |
279 |
} |
280 |
form legend { |
281 |
font-size:12px; |
282 |
font-weight:bold; |
283 |
margin-bottom:5px; |
284 |
padding:3px; |
285 |
width:254px; |
286 |
} |
287 |
form label { |
288 |
clear:left; |
289 |
display:block; |
290 |
float:left; |
291 |
width:200px; |
292 |
text-align:right; |
293 |
padding-right:10px; |
294 |
margin-bottom:5px; |
295 |
} |
296 |
form input { |
297 |
padding:3px; |
298 |
margin-bottom:5px; |
299 |
} |
300 |
form select { |
301 |
margin-left:5px; |
302 |
} |
303 |
form textarea { |
304 |
width:410px; |
305 |
height:200px; |
306 |
padding:5px; |
307 |
overflow:auto; |
308 |
} |
309 |
form option { |
310 |
background:#FFF; |
311 |
} |
312 |
form optgroup option { |
313 |
|
314 |
} |
315 |
form #button1, form #button2 { |
316 |
padding-right:5px; |
317 |
cursor:pointer; |
318 |
width:205px; |
319 |
margin-left:8px; |
320 |
font-weight:bold; |
321 |
} |
322 |
form #button1:hover, form #button2:hover { |
323 |
background-position:center left; |
324 |
} |
325 |
|
326 |
/*********************
|
327 |
Eneraptor new
|
328 |
*********************/
|
329 |
|
330 |
.helpBoxContent {
|
331 |
border:1px solid #FCFFAB; |
332 |
background:#FDFFCC; |
333 |
padding: 8px; |
334 |
} |
335 |
|
336 |
.errorBoxContent {
|
337 |
border:1px solid #85251E; |
338 |
color:#85251E; |
339 |
background:#FADBD9; |
340 |
padding: 8px; |
341 |
} |
342 |
|
343 |
.confirmBoxContent {
|
344 |
border:1px solid #648024; |
345 |
color:#648024; |
346 |
background:#E4F0C9; |
347 |
padding: 8px; |
348 |
} |
349 |
|
350 |
.warningBoxContent {
|
351 |
border:1px solid #FCFFAB; |
352 |
background:#FDFFCC; |
353 |
padding: 8px; |
354 |
} |
355 |
|
356 |
.rawInfoBox {
|
357 |
padding:10px; |
358 |
border:1px solid #FCFFAB; |
359 |
background:#FDFFCC; |
360 |
margin:5px; |
361 |
font-family:monospace; |
362 |
} |
363 |
|
364 |
#legendHolder .legendColorBox { |
365 |
width: 18px; |
366 |
} |
367 |
|
368 |
#legendHolder .legendLabel { |
369 |
font-size:12px !important; |
370 |
} |
371 |
|
372 |
/*********************
|
373 |
Icons
|
374 |
*********************/
|
375 |
.icon{
|
376 |
padding-left:19px; |
377 |
text-decoration:none; |
378 |
height:20px; |
379 |
font-size:12px; |
380 |
margin:0 3px; |
381 |
display:inline-block; |
382 |
line-height:20px; |
383 |
} |
384 |
.user{background:transparent url(../img/icons/user.png) no-repeat left;} |
385 |
.useradd{background:transparent url(../img/icons/user_add.png) no-repeat left;} |
386 |
.group{background:transparent url(../img/icons/group.png) no-repeat left;} |
387 |
.search{background:transparent url(../img/icons/magnifier.png) no-repeat left;} |
388 |
.online{background:transparent url(../img/icons/world.png) no-repeat left;} |
389 |
.pagenew{background:transparent url(../img/icons/page_add.png) no-repeat left;} |
390 |
.rss{background:transparent url(../img/icons/rss.png) no-repeat left;} |
391 |
.feed{background:transparent url(../img/icons/feed.png) no-repeat left;} |
392 |
.report{background:transparent url(../img/icons/report.png) no-repeat left;} |
393 |
.house{background:transparent url(../img/icons/house.png) no-repeat left;} |
394 |
.manage{background:transparent url(../img/icons/cog.png) no-repeat left;} |
395 |
.manage_page{background:transparent url(../img/icons/page_gear.png) no-repeat left;} |
396 |
.folder{background:transparent url(../img/icons/folder.png) no-repeat left;} |
397 |
.promotions{background:transparent url(../img/icons/coins.png) no-repeat left;} |
398 |
.cart{background:transparent url(../img/icons/cart.png) no-repeat left;} |
399 |
.folder_table{background:transparent url(../img/icons/folder_page.png) no-repeat left;} |
400 |
.shipping{background:transparent url(../img/icons/car.png) no-repeat left;} |
401 |
.invoices{background:transparent url(../img/icons/page_white_text_width.png) no-repeat left;} |
402 |
.addorder{background:transparent url(../img/icons/folder_page_add.png) no-repeat left;} |
403 |
.add{background:transparent url(../img/icons/add.png) no-repeat left;} |
404 |
.app_add{background:transparent url(../img/icons/application_add.png) no-repeat left;} |
405 |
.report_seo{background:transparent url(../img/icons/report_link.png) no-repeat left;} |
406 |
.modules{background:transparent url(../img/icons/bricks.png) no-repeat left;} |
407 |
.modules_manage{background:transparent url(../img/icons/bricks_gear.png) no-repeat left;} |
408 |
|
409 |
/*********************
|
410 |
Eneraptor icons
|
411 |
*********************/
|
412 |
|
413 |
.sysState-main{background:transparent url(../img/icons/eye.png) no-repeat left;} |
414 |
.sysState-measure{background:transparent url(../img/icons/monitor.png) no-repeat left;} |
415 |
.sysState-actions{background:transparent url(../img/icons/lightning.png) no-repeat left;} |
416 |
|
417 |
.sysLog-main{background:transparent url(../img/icons/eye.png) no-repeat left;} |
418 |
.sysLog-browse{background:transparent url(../img/icons/magnifier.png) no-repeat left;} |
419 |
.sysLog-graph{background:transparent url(../img/icons/chart_line.png) no-repeat left;} |
420 |
.sysLog-live{background:transparent url(../img/icons/chart_line_go.png) no-repeat left;} |
421 |
.sysLog-export{background:transparent url(../img/icons/disk_multiple.png) no-repeat left;} |
422 |
.sysLog-clear{background:transparent url(../img/icons/bin.png) no-repeat left;} |
423 |
|
424 |
.statistics-main{background:transparent url(../img/icons/eye.png) no-repeat left;} |
425 |
.statistics-graphs{background:transparent url(../img/icons/chart_curve.png) no-repeat left;} |
426 |
.statistics-newGraph{background:transparent url(../img/icons/chart_curve_single_add.png) no-repeat left;} |
427 |
.statistics-newCombGraph{background:transparent url(../img/icons/chart_curve_add.png) no-repeat left;} |
428 |
.statistics-newReport{background:transparent url(../img/icons/report.png) no-repeat left;} |
429 |
|
430 |
.actions-main{background:transparent url(../img/icons/eye.png) no-repeat left;} |
431 |
.actions-view{background:transparent url(../img/icons/script.png) no-repeat left;} |
432 |
.actions-add{background:transparent url(../img/icons/script_add.png) no-repeat left;} |
433 |
|
434 |
.config-main{background:transparent url(../img/icons/eye.png) no-repeat left;} |
435 |
.config-hci{background:transparent url(../img/icons/calculator.png) no-repeat left;} |
436 |
.config-logic{background:transparent url(../img/icons/processor.png) no-repeat left;} |
437 |
.config-connection{background:transparent url(../img/icons/connect.png) no-repeat left;} |
438 |
.config-database{background:transparent url(../img/icons/database.png) no-repeat left;} |