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