1 |
ca794dd1
|
Charlie Marshall
|
/* Element CSS Definitions */
|
2 |
|
|
html, body, td, th, input, select {
|
3 |
|
|
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
|
4 |
|
|
font-size: 0.9em;
|
5 |
|
|
|
6 |
|
|
}
|
7 |
|
|
|
8 |
|
|
.nowrap { white-space: nowrap; }
|
9 |
|
|
|
10 |
|
|
.addgatewaybox {
|
11 |
|
|
background-color: #990000;
|
12 |
|
|
border-style: none none none none;
|
13 |
|
|
width: 225px;
|
14 |
|
|
}
|
15 |
|
|
|
16 |
|
|
.infobox {
|
17 |
|
|
width:100%;
|
18 |
|
|
}
|
19 |
|
|
|
20 |
|
|
.infoboxsave {
|
21 |
|
|
padding-right: 10px;
|
22 |
|
|
}
|
23 |
|
|
|
24 |
|
|
.infoboxnptd2 {
|
25 |
|
|
width:100%;
|
26 |
|
|
color:white;
|
27 |
|
|
background-color:#990000;
|
28 |
|
|
padding-right: 10px;
|
29 |
|
|
}
|
30 |
|
|
|
31 |
|
|
.infoboxnptd {
|
32 |
|
|
width:8%;
|
33 |
|
|
background-color:#990000;
|
34 |
|
|
}
|
35 |
|
|
|
36 |
|
|
.infoboxnptable {
|
37 |
|
|
height:32px;
|
38 |
|
|
width:100%;
|
39 |
|
|
background-color:#990000;
|
40 |
|
|
}
|
41 |
|
|
|
42 |
|
|
.infoboxnptable2 {
|
43 |
|
|
height:32px;
|
44 |
|
|
width:100%;
|
45 |
|
|
background-color:#990000;
|
46 |
|
|
}
|
47 |
|
|
|
48 |
|
|
.infoboxnp {
|
49 |
|
|
background-color:#990000;
|
50 |
|
|
width:100%;
|
51 |
|
|
}
|
52 |
|
|
|
53 |
|
|
.infoboxnpimg {
|
54 |
|
|
vertical-align:middle;
|
55 |
|
|
width:28px;
|
56 |
|
|
height:32px;
|
57 |
|
|
background-color:#990000;
|
58 |
|
|
}
|
59 |
|
|
|
60 |
|
|
.inputerrorsleft {
|
61 |
|
|
background-color: #990000;
|
62 |
|
|
width: 36px;
|
63 |
|
|
}
|
64 |
|
|
|
65 |
|
|
.inputerrorsright {
|
66 |
|
|
background-color: #FFD9D1;
|
67 |
|
|
color: #000000;
|
68 |
|
|
font-size: 11px;
|
69 |
|
|
padding-left: 8px;
|
70 |
|
|
padding-top: 6px;
|
71 |
|
|
}
|
72 |
|
|
|
73 |
|
|
div.GraphLink {
|
74 |
|
|
position: relative;
|
75 |
|
|
}
|
76 |
|
|
|
77 |
|
|
span.GraphLinkLine {
|
78 |
|
|
position: absolute;
|
79 |
|
|
background-color: #990000;
|
80 |
|
|
width: 100%;
|
81 |
|
|
}
|
82 |
|
|
|
83 |
|
|
/* DOM Tooltip CSS definitions */
|
84 |
|
|
div.niceTitle
|
85 |
|
|
{
|
86 |
|
|
background-color: #333333;
|
87 |
|
|
color: #FFFFFF;
|
88 |
|
|
font-weight: bold;
|
89 |
|
|
font-size: 13px;
|
90 |
|
|
font-family: "Trebuchet MS", sans-serif;
|
91 |
f84b7bff
|
Matt Smith
|
width: 220px;
|
92 |
ca794dd1
|
Charlie Marshall
|
left: 0;
|
93 |
|
|
top: 0;
|
94 |
|
|
padding: 4px;
|
95 |
|
|
position: absolute;
|
96 |
|
|
text-align: left;
|
97 |
|
|
z-index: 20;
|
98 |
|
|
-moz-border-radius: 0 10px 10px 10px;
|
99 |
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
|
100 |
|
|
-moz-opacity: .87;
|
101 |
|
|
-khtml-opacity: .87;
|
102 |
|
|
opacity: .87;
|
103 |
|
|
}
|
104 |
|
|
div.niceTitle h1
|
105 |
|
|
{
|
106 |
|
|
background: #990000;
|
107 |
|
|
border-bottom: 1px dotted #FFFFFF;
|
108 |
|
|
font-weight: bold;
|
109 |
|
|
font-size: 13px;
|
110 |
|
|
font-family: "Trebuchet MS", sans-serif;
|
111 |
|
|
margin: 3px;
|
112 |
|
|
padding-top: 1px;
|
113 |
|
|
padding-bottom: 1px;
|
114 |
|
|
padding-left: 3px;
|
115 |
|
|
text-align: left;
|
116 |
|
|
left: 0;
|
117 |
|
|
top: 0;
|
118 |
|
|
-moz-border-radius: 0 8px 0 0;
|
119 |
|
|
-moz-opacity: 1;
|
120 |
|
|
}
|
121 |
|
|
div.niceTitle .contents
|
122 |
|
|
{
|
123 |
|
|
margin: 0;
|
124 |
|
|
padding: 0 3px;
|
125 |
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
|
126 |
|
|
-moz-opacity: 1;
|
127 |
|
|
-khtml-opacity: 1;
|
128 |
|
|
opacity: 1;
|
129 |
|
|
}
|
130 |
|
|
div.niceTitle p
|
131 |
|
|
{
|
132 |
|
|
background: #FFFFFF;
|
133 |
|
|
border: 1px solid #990000;
|
134 |
|
|
color: #000000;
|
135 |
|
|
font-size: 11px;
|
136 |
|
|
font-family: "Trebuchet MS", sans-serif;
|
137 |
|
|
padding: 5px;
|
138 |
|
|
margin: 3px;
|
139 |
|
|
text-align: left;
|
140 |
|
|
-moz-opacity: 1;
|
141 |
|
|
-moz-border-radius: 0 0 8px 8px;
|
142 |
|
|
}
|
143 |
|
|
|
144 |
|
|
a:link {
|
145 |
a03943d2
|
Jared Dillard
|
color: #000000;
|
146 |
ca794dd1
|
Charlie Marshall
|
}
|
147 |
|
|
|
148 |
|
|
a:visited {
|
149 |
a03943d2
|
Jared Dillard
|
color: #000000;
|
150 |
ca794dd1
|
Charlie Marshall
|
}
|
151 |
|
|
|
152 |
|
|
a:active {
|
153 |
a03943d2
|
Jared Dillard
|
color: #000000;
|
154 |
ca794dd1
|
Charlie Marshall
|
}
|
155 |
|
|
|
156 |
|
|
a:hover {
|
157 |
|
|
color: #550000;
|
158 |
|
|
}
|
159 |
|
|
|
160 |
|
|
form {
|
161 |
|
|
margin: 0px;
|
162 |
|
|
}
|
163 |
|
|
a {
|
164 |
|
|
text-decoration: none;
|
165 |
|
|
}
|
166 |
|
|
form input {
|
167 |
|
|
font-size: 1.1em;
|
168 |
|
|
}
|
169 |
|
|
|
170 |
|
|
iframe {
|
171 |
|
|
z-index: 1;
|
172 |
|
|
border: 1px dashed #990000;
|
173 |
|
|
}
|
174 |
|
|
.iframe {
|
175 |
|
|
background-color: #FFFFFF;
|
176 |
|
|
}
|
177 |
|
|
|
178 |
|
|
/* style of disabled formelements */
|
179 |
|
|
#wrap div {margin:1em 0}
|
180 |
|
|
[disabled] {
|
181 |
|
|
color:#666666;
|
182 |
|
|
background:#eeeeee;
|
183 |
|
|
}
|
184 |
|
|
|
185 |
|
|
#header {
|
186 |
|
|
background: url('images/header.png') no-repeat;
|
187 |
|
|
background-position: 0px;
|
188 |
|
|
height: 40px;
|
189 |
|
|
width: 810px;
|
190 |
|
|
position: fixed;
|
191 |
|
|
left: 0;
|
192 |
|
|
margin-bottom: 5px;
|
193 |
|
|
z-index: 2;
|
194 |
c73a2a29
|
Charlie Marshall
|
top: 0;
|
195 |
ca794dd1
|
Charlie Marshall
|
}
|
196 |
|
|
#header-left {
|
197 |
|
|
position: relative;
|
198 |
|
|
/* background: url('images/logo.gif') no-repeat; */
|
199 |
|
|
background-position: center;
|
200 |
|
|
height: 40px;
|
201 |
|
|
width: 80px;
|
202 |
|
|
left: 0px;
|
203 |
|
|
top:0px;
|
204 |
|
|
float: left;
|
205 |
|
|
}
|
206 |
|
|
#header-left #status-link {
|
207 |
|
|
position: relative;
|
208 |
|
|
top: 0px;
|
209 |
|
|
left: 0px;
|
210 |
|
|
}
|
211 |
|
|
#header-right {
|
212 |
|
|
position: relative;
|
213 |
|
|
/* background: url('images/header.gif') no-repeat; */
|
214 |
|
|
height: 30px;
|
215 |
|
|
color: #fff;
|
216 |
|
|
left: 0px;
|
217 |
|
|
margin-left: 165px;
|
218 |
|
|
}
|
219 |
|
|
#header-right .alert {
|
220 |
|
|
position: relative;
|
221 |
|
|
/* background: url('images/alert.gif') no-repeat; */
|
222 |
|
|
background-position: 4px 2px;
|
223 |
|
|
color: #fff;
|
224 |
|
|
height: 17px;
|
225 |
|
|
width: 500px;
|
226 |
|
|
padding: 4px;
|
227 |
|
|
padding-left: 27px;
|
228 |
|
|
float: left;
|
229 |
|
|
}
|
230 |
|
|
#header-right .container {
|
231 |
|
|
position: relative;
|
232 |
|
|
}
|
233 |
|
|
#header-right .container .left {
|
234 |
|
|
position: relative;
|
235 |
|
|
float: left;
|
236 |
|
|
font-size: 1.3em;
|
237 |
|
|
font-weight: bold;
|
238 |
|
|
top: 15px;
|
239 |
|
|
left: 4px;
|
240 |
|
|
display: none;
|
241 |
|
|
}
|
242 |
|
|
#header-right .container .right {
|
243 |
|
|
position: relative;
|
244 |
|
|
float: right;
|
245 |
|
|
top: 22px;
|
246 |
|
|
padding-right: 4px;
|
247 |
|
|
z-index: 1;
|
248 |
|
|
}
|
249 |
|
|
|
250 |
|
|
/* for forcing an alert run the following command from diagnostics>command, php command:
|
251 |
|
|
file_notice("blah", "blah blah...testing my new theme...");
|
252 |
|
|
*/
|
253 |
|
|
|
254 |
|
|
#header-right .container .right #alerts {
|
255 |
|
|
position: fixed;
|
256 |
|
|
background: url('images/alert_bgr.png') no-repeat;
|
257 |
|
|
height: 40px;
|
258 |
|
|
width: 400px;
|
259 |
|
|
top: 0px;
|
260 |
|
|
left: 810px;
|
261 |
|
|
z-index: 2;
|
262 |
|
|
padding-top: 1px;
|
263 |
|
|
padding-left: 10px;
|
264 |
|
|
margin: 0px;
|
265 |
|
|
}
|
266 |
|
|
|
267 |
|
|
#header-right .container .right #hostname {
|
268 |
|
|
position: fixed;
|
269 |
|
|
background: url('images/hostname.png') no-repeat;
|
270 |
|
|
height: 40px;
|
271 |
|
|
width: 400px;
|
272 |
|
|
z-index: 1;
|
273 |
|
|
padding-right: 5px;
|
274 |
|
|
margin: 0px;
|
275 |
|
|
top: 0px;
|
276 |
|
|
left: 810px;
|
277 |
|
|
font-size: 12px;
|
278 |
|
|
color: #000000;
|
279 |
|
|
font-weight: bold;
|
280 |
|
|
padding-left: 40px;
|
281 |
|
|
padding-top: 2px;
|
282 |
|
|
text-align: left;
|
283 |
|
|
}
|
284 |
|
|
|
285 |
|
|
|
286 |
|
|
|
287 |
|
|
|
288 |
|
|
table#marquee {
|
289 |
|
|
position: relative;
|
290 |
|
|
top: -4px;
|
291 |
|
|
left: 15px;
|
292 |
|
|
border: 0;
|
293 |
|
|
padding: 0;
|
294 |
|
|
margin: 0;
|
295 |
|
|
width: 350px;
|
296 |
|
|
background-color: transparent;
|
297 |
|
|
padding: 2px;
|
298 |
|
|
border: 0px;
|
299 |
|
|
}
|
300 |
|
|
span#marquee-container {
|
301 |
|
|
position: absolute;
|
302 |
|
|
visibility: hidden;
|
303 |
|
|
top: -100px;
|
304 |
|
|
left: -10000px;
|
305 |
|
|
}
|
306 |
|
|
div#marquee-text {
|
307 |
|
|
/* font-size: 1.18em;
|
308 |
|
|
font-weight: normal;
|
309 |
|
|
font-family: Verdana;
|
310 |
|
|
color: #ffffff; */
|
311 |
|
|
font-size: 12px;
|
312 |
|
|
font-weight: normal;
|
313 |
|
|
font-style: italic;
|
314 |
|
|
color: #000000;
|
315 |
|
|
padding-left: 30px;
|
316 |
|
|
padding-top: 2px;
|
317 |
|
|
}
|
318 |
|
|
table#marquee div#container {
|
319 |
|
|
position: relative;
|
320 |
|
|
overflow: hidden;
|
321 |
|
|
width: 330px;
|
322 |
|
|
height: 16px;
|
323 |
|
|
}
|
324 |
|
|
table#marquee div#container div#scroller {
|
325 |
|
|
position: absolute;
|
326 |
|
|
left: 0px;
|
327 |
|
|
top: 0px;
|
328 |
|
|
}
|
329 |
|
|
|
330 |
|
|
|
331 |
|
|
#content {
|
332 |
|
|
padding-top: 50px;
|
333 |
c73a2a29
|
Charlie Marshall
|
padding-right: 40px;
|
334 |
|
|
padding-left: 40px;
|
335 |
ca794dd1
|
Charlie Marshall
|
}
|
336 |
|
|
|
337 |
|
|
|
338 |
|
|
/* try to abuse left as a fadeout at the end of the page */
|
339 |
|
|
#left {
|
340 |
|
|
width: 810px;
|
341 |
|
|
height: 1px;
|
342 |
|
|
}
|
343 |
|
|
|
344 |
|
|
#right {
|
345 |
c73a2a29
|
Charlie Marshall
|
padding: 10px;
|
346 |
|
|
margin-bottom: 30px;
|
347 |
|
|
font-size: 12px;
|
348 |
|
|
font-weight: 200;
|
349 |
|
|
line-height: 12px;
|
350 |
|
|
color: inherit;
|
351 |
|
|
background-color: #eeeeee;
|
352 |
|
|
-webkit-border-radius: 6px;
|
353 |
|
|
-moz-border-radius: 6px;
|
354 |
|
|
border-radius: 6px;
|
355 |
ca794dd1
|
Charlie Marshall
|
}
|
356 |
|
|
|
357 |
|
|
#footer {
|
358 |
|
|
text-align: center;
|
359 |
|
|
}
|
360 |
|
|
#footer p {
|
361 |
|
|
padding: 0px;
|
362 |
|
|
margin: 0px;
|
363 |
|
|
|
364 |
|
|
}
|
365 |
|
|
|
366 |
|
|
/* Style the List */
|
367 |
|
|
#navigation {
|
368 |
|
|
position: fixed;
|
369 |
|
|
top: 0px;
|
370 |
|
|
left: 100px;
|
371 |
|
|
width: 750px;
|
372 |
|
|
padding: 0px;
|
373 |
|
|
height: 28px;
|
374 |
|
|
z-index: 3;
|
375 |
|
|
}
|
376 |
|
|
#navigation ul {
|
377 |
|
|
padding: 0;
|
378 |
|
|
margin: 0;
|
379 |
|
|
list-style: none;
|
380 |
|
|
text-align: center;
|
381 |
|
|
}
|
382 |
|
|
#navigation ul#menu {
|
383 |
|
|
padding-top: 3px;
|
384 |
|
|
padding-left: 5px;
|
385 |
|
|
margin-left: 10px;
|
386 |
|
|
}
|
387 |
|
|
|
388 |
|
|
/* Style the List Elements */
|
389 |
|
|
#navigation ul li {
|
390 |
|
|
float: left;
|
391 |
|
|
position: relative;
|
392 |
a03943d2
|
Jared Dillard
|
padding-right: 27px;
|
393 |
ca794dd1
|
Charlie Marshall
|
top: 0px;
|
394 |
|
|
}
|
395 |
|
|
|
396 |
|
|
/* Text mainmenubar */
|
397 |
|
|
#navigation ul li div {
|
398 |
|
|
background-image: url(images/mainmenu-right.gif);
|
399 |
f84b7bff
|
Matt Smith
|
background-position: 2% 50%;
|
400 |
ca794dd1
|
Charlie Marshall
|
background-repeat: no-repeat;
|
401 |
|
|
padding-top:0px;
|
402 |
|
|
font-size: 12px;
|
403 |
|
|
font-weight: normal;
|
404 |
|
|
color: #ffffff;
|
405 |
f84b7bff
|
Matt Smith
|
text-align: left;
|
406 |
|
|
padding-left: 13px;
|
407 |
ca794dd1
|
Charlie Marshall
|
height: 13px;
|
408 |
|
|
}
|
409 |
|
|
|
410 |
|
|
/* Make the List inside the List Elements */
|
411 |
|
|
/* initially hidden with absolute position */
|
412 |
|
|
#navigation ul li ul {
|
413 |
|
|
display: none;
|
414 |
|
|
position: absolute;
|
415 |
|
|
font-weight: normal;
|
416 |
|
|
margin-top: 1px;
|
417 |
|
|
padding-top: 5px;
|
418 |
|
|
background: #850000;
|
419 |
|
|
border: 0px;
|
420 |
|
|
/* transparent */
|
421 |
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
|
422 |
|
|
-moz-opacity: 0.95;
|
423 |
|
|
-khtml-opacity: 0.95;
|
424 |
|
|
opacity: 0.95;
|
425 |
|
|
/* borders */
|
426 |
|
|
border-bottom-right-radius: 0px;
|
427 |
|
|
border-bottom-left-radius: 6px;
|
428 |
|
|
border-top-left-radius: 6px;
|
429 |
|
|
border-top-right-radius: 6px;
|
430 |
|
|
/* Mozilla */
|
431 |
|
|
-moz-border-radius-bottomright: 0px;
|
432 |
|
|
-moz-border-radius-bottomleft: 6px;
|
433 |
56b490ba
|
ayvis
|
-moz-border-radius-topright: 6px;
|
434 |
ca794dd1
|
Charlie Marshall
|
-moz-border-radius-topleft: 6px;
|
435 |
|
|
/* WebKit */
|
436 |
|
|
-webkit-border-bottom-right-radius: 0px;
|
437 |
|
|
-webkit-border-bottom-left-radius: 6px;
|
438 |
|
|
-webkit-border-top-right-radius: 6px;
|
439 |
|
|
-webkit-border-top-left-radius: 6px;
|
440 |
|
|
/* Shadow Effect */
|
441 |
|
|
box-shadow: 5px 5px 10px #000000;
|
442 |
|
|
-webkit-box-shadow: 5px 5px 10px #000000;
|
443 |
|
|
-moz-box-shadow: 5px 5px 10px #000000;
|
444 |
|
|
/* Vertical menu max size */
|
445 |
|
|
/* max-height: 259px; /
|
446 |
|
|
/* Horizontal menu max size */
|
447 |
|
|
max-width: 128px;
|
448 |
|
|
overflow-x: hidden;
|
449 |
|
|
overflow-y: auto;
|
450 |
|
|
}
|
451 |
|
|
/* to override top and left in browsers other than IE */
|
452 |
|
|
/* which will position to the top right of the containing */
|
453 |
|
|
/* li, rather than bottom left */
|
454 |
|
|
#navigation ul li > ul {
|
455 |
|
|
top: auto;
|
456 |
|
|
left: auto;
|
457 |
|
|
left: -1px !important;
|
458 |
|
|
}
|
459 |
|
|
/* Show initial drop down upon mouse over, but do not show */
|
460 |
|
|
/* nested side drop menus within listed elements */
|
461 |
|
|
#navigation ul li:hover ul {
|
462 |
|
|
display: block;
|
463 |
|
|
cursor: pointer;
|
464 |
|
|
}
|
465 |
|
|
#navigation ul li:hover {
|
466 |
|
|
cursor: pointer;
|
467 |
|
|
}
|
468 |
|
|
#navigation ul li:hover div {
|
469 |
|
|
text-decoration: none;
|
470 |
|
|
background-image: url(images/mainmenu-down.gif);
|
471 |
|
|
background-position: 5% 50%;
|
472 |
|
|
background-repeat: no-repeat;
|
473 |
|
|
}
|
474 |
|
|
|
475 |
a03943d2
|
Jared Dillard
|
#navigation ul li:last-child div, #navigation ul li:last-child:hover div {
|
476 |
|
|
background-image: none;
|
477 |
|
|
font-weight: bold;
|
478 |
|
|
}
|
479 |
|
|
|
480 |
ca794dd1
|
Charlie Marshall
|
#navigation ul li {
|
481 |
|
|
background-color: transparent;
|
482 |
|
|
color: #000000;
|
483 |
|
|
}
|
484 |
|
|
/* dropdownmenu */
|
485 |
|
|
#navigation ul li ul li {
|
486 |
|
|
border: 0px solid #850000;
|
487 |
|
|
width: 128px;
|
488 |
|
|
height: 1.6em;
|
489 |
|
|
line-height: 1.6em;
|
490 |
|
|
background-color: #850000;
|
491 |
|
|
/* borders */
|
492 |
|
|
border-bottom-right-radius: 0px;
|
493 |
|
|
border-bottom-left-radius: 3px;
|
494 |
|
|
border-top-left-radius: 3px;
|
495 |
|
|
border-top-right-radius: 3px;
|
496 |
|
|
/* Mozilla */
|
497 |
|
|
-moz-border-radius-bottomright: 0px;
|
498 |
|
|
-moz-border-radius-bottomleft: 3px;
|
499 |
56b490ba
|
ayvis
|
-moz-border-radius-topright: 3px;
|
500 |
ca794dd1
|
Charlie Marshall
|
-moz-border-radius-topleft: 3px;
|
501 |
|
|
/* WebKit */
|
502 |
|
|
-webkit-border-bottom-right-radius: 0px;
|
503 |
|
|
-webkit-border-bottom-left-radius: 3px;
|
504 |
|
|
-webkit-border-top-right-radius: 3px;
|
505 |
|
|
-webkit-border-top-left-radius: 3px;
|
506 |
|
|
}
|
507 |
|
|
/* last element in dropdown menu*/
|
508 |
|
|
#navigation ul li ul li:last-child {
|
509 |
|
|
margin-bottom: 5px;
|
510 |
|
|
}
|
511 |
|
|
#navigation ul li ul li:hover {
|
512 |
|
|
margin-left: 5px;
|
513 |
|
|
background-color: #666666;
|
514 |
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
|
515 |
|
|
-moz-opacity: 0.95;
|
516 |
|
|
-khtml-opacity: 0.95;
|
517 |
|
|
opacity: 0.95;
|
518 |
|
|
}
|
519 |
|
|
|
520 |
|
|
/* textcolor in dropdownmenu */
|
521 |
|
|
#navigation li li a {
|
522 |
|
|
display: block;
|
523 |
|
|
padding-left: 8px;
|
524 |
|
|
padding-right: 8px;
|
525 |
|
|
color: #ffffff;
|
526 |
|
|
font-size: 11px;
|
527 |
|
|
font-weight: normal;
|
528 |
|
|
text-align: left;
|
529 |
|
|
}
|
530 |
|
|
|
531 |
|
|
#navigation ul li ul li a.navlnk:hover {
|
532 |
|
|
text-decoration: none;
|
533 |
|
|
}
|
534 |
|
|
#navigation ul li.first {
|
535 |
|
|
border-right: 0px;
|
536 |
|
|
}
|
537 |
|
|
#navigation ul li.middle {
|
538 |
|
|
border-right: 0px;
|
539 |
|
|
}
|
540 |
|
|
#navigation ul li.last {
|
541 |
|
|
}
|
542 |
|
|
#navigation ul li.dropfirst {
|
543 |
|
|
border-bottom: 0px;
|
544 |
|
|
}
|
545 |
|
|
#navigation ul li.dropmiddle {
|
546 |
|
|
border-bottom: 0px;
|
547 |
|
|
}
|
548 |
|
|
#navigation ul li.droplast {
|
549 |
|
|
}
|
550 |
|
|
|
551 |
|
|
#wzdtabcont {
|
552 |
|
|
float: left;
|
553 |
|
|
background-color: #FFFFFF;
|
554 |
|
|
color: #000000;
|
555 |
|
|
padding: 0;
|
556 |
|
|
}
|
557 |
|
|
|
558 |
|
|
ul#wzdnav {
|
559 |
|
|
font-size: 0.96em;
|
560 |
|
|
float: left;
|
561 |
|
|
width: 14.5em;
|
562 |
|
|
margin: 0;
|
563 |
|
|
padding-left: 18px;
|
564 |
|
|
}
|
565 |
|
|
|
566 |
|
|
ul#wzdnav li {
|
567 |
|
|
list-style: none;
|
568 |
|
|
margin: 0;
|
569 |
|
|
padding-bottom: 0.2em;
|
570 |
|
|
padding-left: 0;
|
571 |
|
|
}
|
572 |
|
|
|
573 |
|
|
ul#wzdnav a {
|
574 |
|
|
display: block;
|
575 |
|
|
padding: 0.3em;
|
576 |
|
|
font-weight: normal;
|
577 |
|
|
}
|
578 |
|
|
|
579 |
|
|
#wzdnavbold a {
|
580 |
|
|
display: block;
|
581 |
|
|
padding: 0.3em;
|
582 |
|
|
font-weight: bold ! important;
|
583 |
|
|
}
|
584 |
|
|
|
585 |
|
|
ul#wzdnav a:link {
|
586 |
|
|
color: black;
|
587 |
|
|
background-color: #eee;
|
588 |
|
|
}
|
589 |
|
|
|
590 |
|
|
ul#wzdnav a:visited {
|
591 |
|
|
color: #666;
|
592 |
|
|
background-color: #eee;
|
593 |
|
|
}
|
594 |
|
|
|
595 |
|
|
ul#wzdnav a:hover {
|
596 |
|
|
color: black;
|
597 |
|
|
background-color: white;
|
598 |
|
|
}
|
599 |
|
|
|
600 |
|
|
ul#wzdnav a:active {
|
601 |
|
|
color: white;
|
602 |
|
|
background-color: gray;
|
603 |
|
|
}
|
604 |
|
|
|
605 |
|
|
#graph {
|
606 |
|
|
position: relative;
|
607 |
|
|
z-index: 1;
|
608 |
|
|
}
|
609 |
|
|
|
610 |
|
|
#logoutbtn {
|
611 |
|
|
position: absolute;
|
612 |
|
|
left: 95%;
|
613 |
|
|
vertical-align: middle;
|
614 |
|
|
}
|
615 |
|
|
|
616 |
|
|
/* Class Based CSS Definitions */
|
617 |
|
|
.pgtitle {
|
618 |
|
|
font-size: 18px;
|
619 |
|
|
color: #777777;
|
620 |
|
|
font-weight: bold;
|
621 |
|
|
}
|
622 |
|
|
.tfrtitle {
|
623 |
|
|
font-size: 18px;
|
624 |
|
|
color: #ffffff;
|
625 |
|
|
font-weight: bold;
|
626 |
|
|
}
|
627 |
|
|
.vncell {
|
628 |
|
|
background-color: #DDDDDD;
|
629 |
|
|
padding-right: 20px;
|
630 |
|
|
padding-left: 8px;
|
631 |
|
|
border-bottom: 1px solid #999999;
|
632 |
|
|
}
|
633 |
|
|
.formfld {
|
634 |
|
|
padding-left: 19px;
|
635 |
|
|
font-size: small;
|
636 |
|
|
}
|
637 |
|
|
.formselect {
|
638 |
|
|
font-size: 1.0em;
|
639 |
|
|
}
|
640 |
|
|
.langopt {
|
641 |
|
|
padding-left: 34px;
|
642 |
|
|
padding-top: 2px;
|
643 |
|
|
padding-bottom: 2px;
|
644 |
|
|
}
|
645 |
|
|
.saved {
|
646 |
|
|
/* background: url('/themes/nione/images/icons/icon_wzd_saved.png') no-repeat 0 1px #FFFFFF; */
|
647 |
|
|
list-style-image: url('/themes/nervecenter/images/icons/icon_wzd_saved.png') ! important;
|
648 |
|
|
}
|
649 |
|
|
.notsaved {
|
650 |
|
|
/* background: url('/themes/nione/images/icons/icon_wzd_nsaved.png') no-repeat 0 1px #FFFFFF; */
|
651 |
|
|
list-style-image: url('/themes/nervecenter/images/icons/icon_wzd_nsaved.png') ! important;
|
652 |
|
|
}
|
653 |
|
|
.en {
|
654 |
|
|
background: url('/themes/nervecenter/images/icons/icon_flag_en.png') no-repeat 0 1px #FFFFFF;
|
655 |
|
|
}
|
656 |
|
|
.de {
|
657 |
|
|
background: url('/themes/nervecenter/images/icons/icon_flag_de.png') no-repeat 0 1px #FFFFFF;
|
658 |
|
|
}
|
659 |
|
|
.es {
|
660 |
|
|
background: url('/themes/nervecenter/images/icons/icon_flag_es.png') no-repeat 0 1px #FFFFFF;
|
661 |
|
|
}
|
662 |
|
|
.pt_BR {
|
663 |
|
|
background: url('/themes/nervecenter/images/icons/icon_flag_pt_BR.png') no-repeat 0 1px #FFFFFF;
|
664 |
|
|
}
|
665 |
|
|
.host {
|
666 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_host.png') no-repeat 0 1px #FFFFFF;
|
667 |
|
|
}
|
668 |
|
|
.search {
|
669 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_search.png') no-repeat 0 1px #FFFFFF;
|
670 |
|
|
}
|
671 |
|
|
.file {
|
672 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_file.png') no-repeat 0 1px #FFFFFF;
|
673 |
|
|
background-color: transparent;
|
674 |
|
|
}
|
675 |
|
|
.mail {
|
676 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_mail.png') no-repeat 0 1px #FFFFFF;
|
677 |
|
|
}
|
678 |
|
|
.imp {
|
679 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_imp.png') no-repeat 0 1px #FFFFFF;
|
680 |
|
|
}
|
681 |
|
|
.pwd {
|
682 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_pwd.png') no-repeat 0 1px #FFFFFF;
|
683 |
|
|
}
|
684 |
|
|
.user {
|
685 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_user.png') no-repeat 0 1px #FFFFFF ;
|
686 |
|
|
}
|
687 |
|
|
.group {
|
688 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_group.png') no-repeat 0 1px #FFFFFF;
|
689 |
|
|
}
|
690 |
|
|
.url {
|
691 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_url.png') no-repeat 0 1px #FFFFFF;
|
692 |
|
|
}
|
693 |
|
|
.time {
|
694 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_time.png') no-repeat 0 1px #FFFFFF;
|
695 |
|
|
}
|
696 |
|
|
.unknown {
|
697 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_unknown.png') no-repeat 0 1px #FFFFFF;
|
698 |
|
|
}
|
699 |
|
|
.formfld_cert {
|
700 |
|
|
background: url('/themes/nervecenter/images/icons/icon_frmfld_cert.png') no-repeat 0 1px #FFFFFF;
|
701 |
|
|
padding-left: 28px;
|
702 |
|
|
font-family: Courier New, Courier, monospaced;
|
703 |
|
|
font-size: 11px;
|
704 |
|
|
}
|
705 |
|
|
.formfldalias {
|
706 |
|
|
background-color: #990000;
|
707 |
|
|
color: #FFFFFF;
|
708 |
|
|
}
|
709 |
|
|
.formpre {
|
710 |
|
|
font-family: Courier New, Courier, monospaced;
|
711 |
|
|
font-size: 10px;
|
712 |
|
|
}
|
713 |
|
|
.formbtn {
|
714 |
|
|
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
|
715 |
|
|
font-size: 13px;
|
716 |
|
|
font-weight: bold;
|
717 |
|
|
}
|
718 |
|
|
.formbtns {
|
719 |
|
|
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
|
720 |
|
|
font-size: 10px;
|
721 |
|
|
font-weight: bold;
|
722 |
|
|
}
|
723 |
|
|
.vvcell {
|
724 |
|
|
background-color: #FFFFC6;
|
725 |
|
|
}
|
726 |
|
|
.errmsg {
|
727 |
|
|
font-weight: bold;
|
728 |
|
|
color: #CC0000;
|
729 |
|
|
}
|
730 |
|
|
.red {
|
731 |
|
|
color: #CC0000;
|
732 |
|
|
}
|
733 |
|
|
.gray {
|
734 |
|
|
color: #A0A0A0;
|
735 |
|
|
}
|
736 |
|
|
.vexpl {
|
737 |
|
|
font-size: 11px;
|
738 |
|
|
}
|
739 |
|
|
.navlnk {
|
740 |
|
|
color: #FFFFFF;
|
741 |
|
|
text-decoration: none;
|
742 |
|
|
font-size: 13px;
|
743 |
|
|
}
|
744 |
|
|
.navlnks {
|
745 |
|
|
color: #FFFFFF;
|
746 |
|
|
text-decoration: none;
|
747 |
|
|
font-size: 11px;
|
748 |
|
|
}
|
749 |
|
|
.redlnk {
|
750 |
|
|
color: #990000;
|
751 |
|
|
text-decoration: none;
|
752 |
|
|
}
|
753 |
|
|
.tblnk {
|
754 |
|
|
color: #FFFFFF;
|
755 |
|
|
text-decoration: none;
|
756 |
|
|
}
|
757 |
|
|
.vncellreq {
|
758 |
|
|
background-color: #DDDDDD;
|
759 |
|
|
padding-right: 20px;
|
760 |
|
|
padding-left: 8px;
|
761 |
|
|
font-weight: bold;
|
762 |
|
|
border-bottom: 1px solid #999999;
|
763 |
|
|
}
|
764 |
|
|
.vncellt {
|
765 |
|
|
background-color: #DDDDDD;
|
766 |
|
|
padding-right: 20px;
|
767 |
|
|
padding-left: 8px;
|
768 |
|
|
padding-top: 4px;
|
769 |
|
|
padding-bottom: 4px;
|
770 |
|
|
font-weight: bold;
|
771 |
|
|
border-bottom: 1px solid #999999;
|
772 |
|
|
}
|
773 |
|
|
.vtable {
|
774 |
|
|
border-bottom: 1px solid #999999;
|
775 |
|
|
}
|
776 |
|
|
.vnsepcell {
|
777 |
|
|
background-color: #BBBBBB;
|
778 |
|
|
padding-right: 20px;
|
779 |
|
|
padding-left: 8px;
|
780 |
|
|
font-weight: bold;
|
781 |
|
|
border-bottom: 1px solid #999999;
|
782 |
|
|
font-size: 11px;
|
783 |
|
|
}
|
784 |
|
|
.cpline {
|
785 |
|
|
font-size: 11px;
|
786 |
|
|
color: #FFFFFF;
|
787 |
|
|
}
|
788 |
|
|
.hostname {
|
789 |
|
|
font-size: 11px;
|
790 |
|
|
color: #990000;
|
791 |
|
|
font-weight: bold;
|
792 |
|
|
}
|
793 |
|
|
.vnsepcellr {
|
794 |
|
|
background-color: #BBBBBB;
|
795 |
|
|
padding-right: 20px;
|
796 |
|
|
padding-left: 8px;
|
797 |
|
|
font-weight: bold;
|
798 |
|
|
border-right: 1px solid #999999;
|
799 |
|
|
border-bottom: 1px solid #999999;
|
800 |
|
|
font-size: 11px;
|
801 |
|
|
}
|
802 |
|
|
.listrborder {
|
803 |
|
|
background-color: #FFFFFF;
|
804 |
|
|
border-right: 1px solid #999999;
|
805 |
|
|
border-left: 1px solid #999999;
|
806 |
|
|
border-bottom: 1px solid #999999;
|
807 |
|
|
font-size: 11px;
|
808 |
|
|
padding-right: 6px;
|
809 |
|
|
padding-left: 6px;
|
810 |
|
|
padding-top: 4px;
|
811 |
|
|
padding-bottom: 4px;
|
812 |
|
|
}
|
813 |
|
|
.listr {
|
814 |
|
|
background-color: #FFFFFF;
|
815 |
|
|
border-right: 1px solid #999999;
|
816 |
|
|
border-bottom: 1px solid #999999;
|
817 |
|
|
font-size: 11px;
|
818 |
|
|
padding-right: 6px;
|
819 |
|
|
padding-left: 6px;
|
820 |
|
|
padding-top: 4px;
|
821 |
|
|
padding-bottom: 4px;
|
822 |
|
|
}
|
823 |
|
|
.listrpad {
|
824 |
|
|
border-right: 1px solid #999999;
|
825 |
|
|
border-bottom: 1px solid #999999;
|
826 |
|
|
font-size: 11px;
|
827 |
|
|
padding-right: 16px;
|
828 |
|
|
padding-left: 10px;
|
829 |
|
|
padding-top: 8px;
|
830 |
|
|
padding-bottom: 8px;
|
831 |
|
|
}
|
832 |
|
|
.listn {
|
833 |
|
|
font-size: 11px;
|
834 |
|
|
padding-right: 16px;
|
835 |
|
|
padding-left: 6px;
|
836 |
|
|
padding-top: 4px;
|
837 |
|
|
padding-bottom: 4px;
|
838 |
|
|
}
|
839 |
|
|
.listbg {
|
840 |
|
|
border-right: 1px solid #999999;
|
841 |
|
|
border-bottom: 1px solid #999999;
|
842 |
|
|
font-size: 11px;
|
843 |
|
|
color: #FFFFFF;
|
844 |
|
|
background-color: #990000;
|
845 |
|
|
padding-right: 16px;
|
846 |
|
|
padding-left: 6px;
|
847 |
|
|
padding-top: 4px;
|
848 |
|
|
padding-bottom: 4px;
|
849 |
|
|
}
|
850 |
|
|
.listbggrey {
|
851 |
|
|
border-right: 1px solid #999999;
|
852 |
|
|
border-bottom: 1px solid #999999;
|
853 |
|
|
font-size: 11px;
|
854 |
|
|
background-color: #999999;
|
855 |
|
|
padding-right: 16px;
|
856 |
|
|
padding-left: 6px;
|
857 |
|
|
padding-top: 4px;
|
858 |
|
|
padding-bottom: 4px;
|
859 |
|
|
}
|
860 |
|
|
.listhdr {
|
861 |
|
|
background-color: #BBBBBB;
|
862 |
|
|
padding-right: 16px;
|
863 |
|
|
padding-left: 6px;
|
864 |
|
|
font-weight: bold;
|
865 |
|
|
border-bottom: 1px solid #999999;
|
866 |
|
|
font-size: 11px;
|
867 |
|
|
padding-top: 5px;
|
868 |
|
|
padding-bottom: 5px;
|
869 |
|
|
}
|
870 |
|
|
.listhdr a {
|
871 |
|
|
color: #000000;
|
872 |
|
|
}
|
873 |
|
|
.listhdrr {
|
874 |
|
|
background-color: #BBBBBB;
|
875 |
|
|
padding-right: 16px;
|
876 |
|
|
padding-left: 6px;
|
877 |
|
|
font-weight: bold;
|
878 |
|
|
border-right: 1px solid #999999;
|
879 |
|
|
border-bottom: 1px solid #999999;
|
880 |
|
|
font-size: 11px;
|
881 |
|
|
padding-top: 5px;
|
882 |
|
|
padding-bottom: 5px;
|
883 |
|
|
}
|
884 |
|
|
.listhdrr a {
|
885 |
|
|
color: #000000;
|
886 |
|
|
}
|
887 |
|
|
.listlr {
|
888 |
|
|
background-color: #FFFFFF;
|
889 |
|
|
border-right: 1px solid #999999;
|
890 |
|
|
border-bottom: 1px solid #999999;
|
891 |
|
|
border-left: 1px solid #999999;
|
892 |
|
|
font-size: 11px;
|
893 |
|
|
padding-right: 6px;
|
894 |
|
|
padding-left: 6px;
|
895 |
|
|
padding-top: 4px;
|
896 |
|
|
padding-bottom: 4px;
|
897 |
|
|
}
|
898 |
|
|
.listlrns {
|
899 |
|
|
background-color: #FFFFFF;
|
900 |
|
|
border-right: 1px solid #999999;
|
901 |
|
|
border-bottom: 1px solid #999999;
|
902 |
|
|
border-left: 1px solid #999999;
|
903 |
|
|
font-size: 11px;
|
904 |
|
|
padding-top: 4px;
|
905 |
|
|
padding-bottom: 4px;
|
906 |
|
|
}
|
907 |
|
|
.list {
|
908 |
|
|
font-size: 11px;
|
909 |
|
|
padding-left: 6px;
|
910 |
|
|
padding-top: 2px;
|
911 |
|
|
padding-bottom: 2px;
|
912 |
|
|
}
|
913 |
|
|
.listt {
|
914 |
|
|
font-size: 11px;
|
915 |
|
|
padding-top: 5px;
|
916 |
|
|
}
|
917 |
|
|
.listhdrrns {
|
918 |
|
|
background-color: #BBBBBB;
|
919 |
|
|
padding-left: 6px;
|
920 |
|
|
padding-top: 5px;
|
921 |
|
|
padding-bottom: 5px;
|
922 |
|
|
padding-right: 6px;
|
923 |
|
|
font-weight: bold;
|
924 |
|
|
border-right: 1px solid #999999;
|
925 |
|
|
border-bottom: 1px solid #999999;
|
926 |
|
|
font-size: 11px;
|
927 |
|
|
}
|
928 |
|
|
.listbgns {
|
929 |
|
|
border-right: 1px solid #999999;
|
930 |
|
|
border-bottom: 1px solid #999999;
|
931 |
|
|
font-size: 11px;
|
932 |
|
|
background-color: #D9DEE8;
|
933 |
|
|
padding-left: 6px;
|
934 |
|
|
padding-right: 4px;
|
935 |
|
|
padding-top: 4px;
|
936 |
|
|
padding-bottom: 4px;
|
937 |
|
|
}
|
938 |
|
|
.listtopic {
|
939 |
|
|
border-right: 1px solid #999999;
|
940 |
|
|
font-size: 11px;
|
941 |
|
|
background-color: #990000;
|
942 |
|
|
padding-right: 16px;
|
943 |
|
|
padding-left: 6px;
|
944 |
|
|
color: #FFFFFF;
|
945 |
|
|
font-weight: bold;
|
946 |
|
|
padding-top: 5px;
|
947 |
|
|
padding-bottom: 5px;
|
948 |
|
|
}
|
949 |
|
|
|
950 |
|
|
.optsect_t {
|
951 |
|
|
border-right: 1px solid #999999;
|
952 |
|
|
background-color: #990000;
|
953 |
|
|
padding-right: 6px;
|
954 |
|
|
padding-left: 6px;
|
955 |
|
|
padding-top: 2px;
|
956 |
|
|
padding-bottom: 2px;
|
957 |
|
|
}
|
958 |
|
|
.optsect_s {
|
959 |
|
|
font-size: 11px;
|
960 |
|
|
color: #FFFFFF;
|
961 |
|
|
font-weight: bold;
|
962 |
|
|
}
|
963 |
|
|
.tabnavtbl {
|
964 |
|
|
}
|
965 |
|
|
|
966 |
|
|
|
967 |
|
|
/* MISC CSS Definitions */
|
968 |
|
|
ul#tabnav {
|
969 |
|
|
font-size: 11px;
|
970 |
|
|
font-weight: bold;
|
971 |
|
|
list-style-type: none;
|
972 |
|
|
margin: 0;
|
973 |
|
|
padding: 0;
|
974 |
|
|
}
|
975 |
|
|
ul#tabnav li.tabinact1 {
|
976 |
|
|
float: left;
|
977 |
|
|
background-color: #777777;
|
978 |
|
|
color: #FFFFFF;
|
979 |
|
|
padding: 0;
|
980 |
|
|
white-space: nowrap;
|
981 |
|
|
}
|
982 |
|
|
ul#tabnav li.tabinact {
|
983 |
|
|
float: left;
|
984 |
|
|
border-left: 1px solid #999999;
|
985 |
|
|
background-color: #777777;
|
986 |
|
|
color: #FFFFFF;
|
987 |
|
|
padding: 0;
|
988 |
|
|
white-space: nowrap;
|
989 |
|
|
}
|
990 |
|
|
ul#tabnav li.tabinact a {
|
991 |
|
|
float: left;
|
992 |
|
|
display: block;
|
993 |
|
|
text-decoration: none;
|
994 |
|
|
padding: 5px 8px 5px 8px;
|
995 |
|
|
color: #FFFFFF;
|
996 |
|
|
}
|
997 |
|
|
ul#tabnav li.tabinact1 a {
|
998 |
|
|
float: left;
|
999 |
|
|
display: block;
|
1000 |
|
|
text-decoration: none;
|
1001 |
|
|
padding: 5px 8px 5px 8px;
|
1002 |
|
|
color: #FFFFFF;
|
1003 |
|
|
}
|
1004 |
|
|
ul#tabnav li.tabact {
|
1005 |
|
|
float: left;
|
1006 |
|
|
background-color: #EEEEEE;
|
1007 |
|
|
color: #000000;
|
1008 |
|
|
padding: 5px 8px 5px 8px;
|
1009 |
|
|
white-space: nowrap;
|
1010 |
|
|
}
|
1011 |
|
|
.tabcont {
|
1012 |
|
|
background-color: #DDDDDD;
|
1013 |
|
|
padding-right: 12px;
|
1014 |
|
|
padding-left: 12px;
|
1015 |
|
|
padding-top: 12px;
|
1016 |
|
|
padding-bottom: 12px;
|
1017 |
|
|
}
|
1018 |
|
|
.tabact {
|
1019 |
|
|
float: left;
|
1020 |
|
|
background-color: #EEEEEE;
|
1021 |
|
|
color: #000000;
|
1022 |
|
|
padding: 5px 8px 5px 8px;
|
1023 |
|
|
white-space: nowrap;
|
1024 |
|
|
}
|
1025 |
|
|
.tabinact {
|
1026 |
|
|
font-weight: bold;
|
1027 |
|
|
float: left;
|
1028 |
|
|
border-left: 1px solid #999999;
|
1029 |
|
|
background-color: #777777;
|
1030 |
|
|
color: #FFFFFF;
|
1031 |
|
|
padding: 0;
|
1032 |
|
|
white-space: nowrap;
|
1033 |
|
|
}
|
1034 |
|
|
.menu {
|
1035 |
|
|
background-color: #000000;
|
1036 |
|
|
white-space: nowrap;
|
1037 |
|
|
padding: 0px 5px 0px 5px;
|
1038 |
|
|
width: 100%;
|
1039 |
|
|
vertical-align: top;
|
1040 |
|
|
}
|
1041 |
|
|
|
1042 |
|
|
/* style of disabled formelements */
|
1043 |
|
|
[disabled] {
|
1044 |
|
|
color:#666666;
|
1045 |
|
|
background:#eeeeee;
|
1046 |
|
|
}
|
1047 |
|
|
|
1048 |
|
|
|
1049 |
|
|
/* Auto Complete Suggestions */
|
1050 |
|
|
div.suggestions {
|
1051 |
|
|
-moz-box-sizing: border-box;
|
1052 |
|
|
/* box-sizing: border-box; */
|
1053 |
|
|
border: 1px solid black;
|
1054 |
|
|
position: absolute;
|
1055 |
|
|
background-color: #990000;
|
1056 |
|
|
color: #FFF;
|
1057 |
|
|
}
|
1058 |
|
|
|
1059 |
|
|
div.suggestions div {
|
1060 |
|
|
cursor: default;
|
1061 |
|
|
padding: 0px 3px;
|
1062 |
|
|
background-color: #990000;
|
1063 |
|
|
color: #FFF;
|
1064 |
|
|
}
|
1065 |
|
|
|
1066 |
|
|
div.suggestions div.current {
|
1067 |
|
|
background-color: #3366cc;
|
1068 |
|
|
color: #FFF;
|
1069 |
|
|
}
|
1070 |
|
|
/* End Auto Complete Suggestions */
|
1071 |
|
|
|
1072 |
|
|
|
1073 |
|
|
/* Nifty Corners Crap */
|
1074 |
|
|
.rtop,.artop{display:block}
|
1075 |
|
|
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
|
1076 |
|
|
.artop *{border-style: solid;border-width:0 1px}
|
1077 |
|
|
.r1,.rl1,.re1,.rel1{margin-left:5px}
|
1078 |
|
|
.r1,.rr1,.re1,.rer1{margin-right:5px}
|
1079 |
|
|
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
|
1080 |
|
|
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
|
1081 |
|
|
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
|
1082 |
|
|
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
|
1083 |
|
|
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
|
1084 |
|
|
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
|
1085 |
|
|
.rx1,.rxl1{border-left-width:5px}
|
1086 |
|
|
.rx1,.rxr1{border-right-width:5px}
|
1087 |
|
|
.rx2,.rxl2{border-left-width:3px}
|
1088 |
|
|
.rx2,.rxr2{border-right-width:3px}
|
1089 |
|
|
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
|
1090 |
|
|
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
|
1091 |
|
|
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
|
1092 |
|
|
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
|
1093 |
|
|
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
|
1094 |
|
|
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
|
1095 |
|
|
/* End Nifty Corners Crap */
|
1096 |
|
|
|
1097 |
|
|
|
1098 |
|
|
|
1099 |
|
|
/* CSS for Dynamic Log Viewer */
|
1100 |
|
|
/* Author: Erik Kristensen */
|
1101 |
|
|
div#log div.log-entry {
|
1102 |
|
|
clear: both;
|
1103 |
|
|
}
|
1104 |
|
|
|
1105 |
|
|
div#log div.log-entry span,
|
1106 |
|
|
div#log div.log-header span {
|
1107 |
|
|
padding: 3px 2px 3px 2px;
|
1108 |
|
|
padding-left: 6px;
|
1109 |
|
|
}
|
1110 |
|
|
|
1111 |
|
|
div#log div.log-entry span.log-action {
|
1112 |
|
|
padding-bottom: 6px;
|
1113 |
|
|
padding-left: 5px;
|
1114 |
|
|
padding-right: 5px;
|
1115 |
|
|
}
|
1116 |
|
|
|
1117 |
|
|
div#log div.log-header span {
|
1118 |
|
|
border-top: 1px solid #999;
|
1119 |
|
|
background-color: #bbb;
|
1120 |
|
|
font-weight: bold;
|
1121 |
|
|
text-align: left;
|
1122 |
|
|
}
|
1123 |
|
|
|
1124 |
|
|
div#log span.log-action,
|
1125 |
|
|
div#log span.log-time,
|
1126 |
|
|
div#log span.log-interface,
|
1127 |
|
|
div#log span.log-source,
|
1128 |
|
|
div#log span.log-destination,
|
1129 |
|
|
div#log span.log-protocol {
|
1130 |
|
|
float: left;
|
1131 |
|
|
text-align: left;
|
1132 |
|
|
border-left: 1px solid #999;
|
1133 |
|
|
border-bottom: 1px solid #999;
|
1134 |
|
|
|
1135 |
|
|
}
|
1136 |
|
|
|
1137 |
|
|
div#log span.log-general {
|
1138 |
|
|
|
1139 |
|
|
}
|
1140 |
|
|
|
1141 |
|
|
div#log span.log-protocol {
|
1142 |
|
|
border-right: 1px solid #999;
|
1143 |
|
|
}
|
1144 |
|
|
|
1145 |
|
|
div#log span.log-action {
|
1146 |
|
|
width: 2em;
|
1147 |
|
|
text-align: center;
|
1148 |
|
|
}
|
1149 |
|
|
|
1150 |
|
|
div#log span.log-time {
|
1151 |
|
|
width: 12.5em;
|
1152 |
|
|
}
|
1153 |
|
|
|
1154 |
|
|
div#log span.log-interface {
|
1155 |
|
|
width: 5em;
|
1156 |
|
|
}
|
1157 |
|
|
|
1158 |
|
|
div#log span.log-source,
|
1159 |
|
|
div#log span.log-destination {
|
1160 |
|
|
width: 17.6em;
|
1161 |
|
|
}
|
1162 |
|
|
|
1163 |
|
|
div#log span.log-protocol {
|
1164 |
|
|
width: 5.5em;
|
1165 |
|
|
}
|
1166 |
|
|
/* END CSS FOR DYNAMIC LOG VIEWER */
|
1167 |
|
|
|
1168 |
|
|
#login {
|
1169 |
|
|
background: #cccccc;
|
1170 |
|
|
border: 0px solid #666666;
|
1171 |
|
|
margin: 5em auto;
|
1172 |
|
|
padding: 0em;
|
1173 |
|
|
width: 340px;
|
1174 |
|
|
}
|
1175 |
|
|
|
1176 |
|
|
#login h1 {
|
1177 |
|
|
background: url(images/misc/logon.png) no-repeat top left;
|
1178 |
|
|
margin-top: 0;
|
1179 |
|
|
display: block;
|
1180 |
|
|
text-indent: -1000px;
|
1181 |
|
|
height: 50px;
|
1182 |
|
|
border-bottom: none;
|
1183 |
|
|
}
|
1184 |
|
|
|
1185 |
|
|
#login p {
|
1186 |
|
|
font-size: 1em;
|
1187 |
|
|
font-weight: bold;
|
1188 |
|
|
padding: 3px;
|
1189 |
|
|
margin: 0em;
|
1190 |
|
|
text-indent: 10px;
|
1191 |
|
|
}
|
1192 |
|
|
|
1193 |
|
|
#login span {
|
1194 |
|
|
font-size: 1em;
|
1195 |
|
|
font-weight: bold;
|
1196 |
|
|
width: 20%;
|
1197 |
|
|
padding: 3px;
|
1198 |
|
|
margin: 0em;
|
1199 |
|
|
text-indent: 10px;
|
1200 |
|
|
}
|
1201 |
|
|
|
1202 |
|
|
#login p#text {
|
1203 |
|
|
font-size: 1em;
|
1204 |
|
|
font-weight: normal;
|
1205 |
|
|
padding: 3px;
|
1206 |
|
|
margin: 0em;
|
1207 |
|
|
text-indent: 10px;
|
1208 |
|
|
}
|
1209 |
|
|
|
1210 |
|
|
#login #username, #password, #password2 {
|
1211 |
|
|
font-size: small;
|
1212 |
|
|
width: 60%;
|
1213 |
56b490ba
|
ayvis
|
padding-left: 19px;
|
1214 |
ca794dd1
|
Charlie Marshall
|
padding: 3px;
|
1215 |
|
|
margin: 0em;
|
1216 |
|
|
}
|
1217 |
|
|
|
1218 |
|
|
#login #submit {
|
1219 |
|
|
font-size: 1em;
|
1220 |
|
|
font-weight: bold;
|
1221 |
|
|
padding: 3px;
|
1222 |
|
|
margin: 0em;
|
1223 |
|
|
text-indent: 10px;
|
1224 |
|
|
}
|
1225 |
|
|
|
1226 |
|
|
/* Widget CSS */
|
1227 |
|
|
.widgetsubheader {
|
1228 |
|
|
border-right: 1px solid #999999;
|
1229 |
|
|
font-size: 11px;
|
1230 |
|
|
background-color: #B1B1B1;
|
1231 |
|
|
padding-right: 6px;
|
1232 |
|
|
padding-left: 6px;
|
1233 |
|
|
color: #000000;
|
1234 |
|
|
font-weight: bold;
|
1235 |
|
|
padding-top: 5px;
|
1236 |
|
|
padding-bottom: 5px;
|
1237 |
|
|
}
|
1238 |
|
|
.widgetheader {
|
1239 |
|
|
border-right: 1px solid #999999;
|
1240 |
|
|
font-size: 11px;
|
1241 |
|
|
background-color: #990000;
|
1242 |
|
|
padding-right: 6px;
|
1243 |
|
|
padding-left: 6px;
|
1244 |
|
|
color: #FFFFFF;
|
1245 |
|
|
font-weight: bold;
|
1246 |
|
|
padding-top: 5px;
|
1247 |
|
|
padding-bottom: 5px;
|
1248 |
|
|
}
|
1249 |
|
|
.widgetdiv{
|
1250 |
|
|
margin:5px;
|
1251 |
|
|
padding: 5px;
|
1252 |
|
|
background:#CCCCCC;
|
1253 |
|
|
}
|
1254 |
|
|
.widgetconfigdiv{
|
1255 |
|
|
background:#BBBBBB;
|
1256 |
|
|
font-size: 11px;
|
1257 |
|
|
color: #000000;
|
1258 |
|
|
padding-right: 5px;
|
1259 |
|
|
padding-left: 5px;
|
1260 |
|
|
padding-top: 5px;
|
1261 |
|
|
padding-bottom: 5px;
|
1262 |
|
|
}
|
1263 |
|
|
|
1264 |
|
|
div#log div.log-entry-mini {
|
1265 |
|
|
clear: both;
|
1266 |
|
|
}
|
1267 |
|
|
|
1268 |
|
|
div#log div.log-entry-mini span {
|
1269 |
|
|
padding: 2px 2px 2px 2px;
|
1270 |
|
|
padding-left: 6px;
|
1271 |
|
|
}
|
1272 |
|
|
|
1273 |
|
|
div#log span.log-action-mini-header,
|
1274 |
|
|
div#log span.log-time-mini-header,
|
1275 |
|
|
div#log span.log-interface-mini-header,
|
1276 |
|
|
div#log span.log-source-mini-header,
|
1277 |
|
|
div#log span.log-destination-mini-header,
|
1278 |
|
|
div#log span.log-protocol-mini-header {
|
1279 |
|
|
float: left;
|
1280 |
|
|
text-align: left;
|
1281 |
|
|
background-color: #B1B1B1;
|
1282 |
|
|
font-size: 12px;
|
1283 |
|
|
border-left: 1px solid #999;
|
1284 |
|
|
border-bottom: 1px solid #999;
|
1285 |
|
|
}
|
1286 |
|
|
|
1287 |
|
|
div#log span.log-action-mini,
|
1288 |
|
|
div#log span.log-time-mini,
|
1289 |
|
|
div#log span.log-interface-mini,
|
1290 |
|
|
div#log span.log-source-mini,
|
1291 |
|
|
div#log span.log-destination-mini,
|
1292 |
|
|
div#log span.log-protocol-mini {
|
1293 |
|
|
float: left;
|
1294 |
|
|
text-align: left;
|
1295 |
|
|
background-color: #FFFFFF;
|
1296 |
|
|
font-size: 11px;
|
1297 |
|
|
border-left: 1px solid #999;
|
1298 |
|
|
border-bottom: 1px solid #999;
|
1299 |
|
|
}
|
1300 |
|
|
|
1301 |
|
|
div#log span.log-action-mini,
|
1302 |
|
|
div#log span.log-action-mini-header {
|
1303 |
|
|
width: 6%;
|
1304 |
|
|
}
|
1305 |
|
|
|
1306 |
|
|
div#log span.log-time-mini,
|
1307 |
|
|
div#log span.log-time-mini-header {
|
1308 |
|
|
width: 19%;
|
1309 |
|
|
}
|
1310 |
|
|
|
1311 |
|
|
div#log span.log-interface-mini,
|
1312 |
|
|
div#log span.log-interface-mini-header {
|
1313 |
|
|
width: 8%;
|
1314 |
|
|
}
|
1315 |
|
|
|
1316 |
|
|
div#log span.log-source-mini,
|
1317 |
|
|
div#log span.log-source-mini-header {
|
1318 |
|
|
width: 23%;
|
1319 |
|
|
}
|
1320 |
|
|
|
1321 |
|
|
div#log span.log-destination-mini,
|
1322 |
|
|
div#log span.log-destination-mini-header {
|
1323 |
|
|
width: 31%;
|
1324 |
|
|
}
|
1325 |
|
|
|
1326 |
|
|
div#log span.log-protocol-mini,
|
1327 |
|
|
div#log span.log-protocol-mini-header {
|
1328 |
|
|
width: 8%;
|
1329 |
|
|
border-right: 1px solid #999;
|
1330 |
|
|
}
|
1331 |
|
|
|
1332 |
|
|
/* Sortable tables */
|
1333 |
|
|
table.sortable thead {
|
1334 |
56b490ba
|
ayvis
|
cursor: default;
|
1335 |
|
|
// background-color: #EEEEEE; this causing light gray rectangles to the right of many tables in gui
|
1336 |
ca794dd1
|
Charlie Marshall
|
padding-right: 12px;
|
1337 |
|
|
padding-left: 12px;
|
1338 |
|
|
padding-top: 12px;
|
1339 |
|
|
padding-bottom: 12px;
|
1340 |
|
|
}
|
1341 |
|
|
|
1342 |
|
|
/*thermal_sensors widget styles*/
|
1343 |
|
|
|
1344 |
|
|
.thermalSensorRow { width: 100%; border: 0px solid #ddd; padding: 1px; border-radius: 3px; }
|
1345 |
|
|
.thermalSensorBarShell { position: relative; width: 100%; height: 5px; border: 1px solid lightgray; border-radius: 3px; }
|
1346 |
|
|
.thermalSensorBar { position: absolute; width: 0%; height: 1px; z-index: 1; border-style: solid; border-radius: 3px;
|
1347 |
|
|
background-color: LimeGreen;
|
1348 |
|
|
border-top-width: 2px; border-top-color: Lime;
|
1349 |
|
|
border-left-width: 0px;
|
1350 |
|
|
border-right-width: 0px;
|
1351 |
|
|
border-bottom-width: 2px; border-bottom-color: Green;
|
1352 |
|
|
}
|
1353 |
|
|
.thermalSensorTextShell { height: 20px; width: 100%; top: 3px; }
|
1354 |
|
|
.thermalSensorText { float: left; height: 20px; top: 3px; }
|
1355 |
|
|
.thermalSensorValue { float: left; height: 20px; top: 3px; font-weight: bold; margin-left: 10px;}
|
1356 |
|
|
|
1357 |
|
|
.thermalSensorWarnThresh { position: absolute; background-color: orange; height: 16px; width: 2px; z-index: 2; margin-top: -8px; }
|
1358 |
|
|
.thermalSensorCritThresh { position: absolute; background-color: red; height: 16px; width: 2px; z-index: 2; margin-top: -8px; }
|
1359 |
|
|
|
1360 |
|
|
.thermal_sensors_widget_scale000 { position: absolute; height: 5px; width: 1px; left: -1px; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1361 |
|
|
.thermal_sensors_widget_scale020 { position: absolute; height: 3px; width: 1px; left: 10%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1362 |
|
|
.thermal_sensors_widget_scale010 { position: absolute; height: 3px; width: 1px; left: 20%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1363 |
|
|
.thermal_sensors_widget_scale030 { position: absolute; height: 3px; width: 1px; left: 30%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1364 |
|
|
.thermal_sensors_widget_scale040 { position: absolute; height: 3px; width: 1px; left: 40%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1365 |
|
|
.thermal_sensors_widget_scale050 { position: absolute; height: 3px; width: 1px; left: 50%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1366 |
|
|
.thermal_sensors_widget_scale060 { position: absolute; height: 3px; width: 1px; left: 60%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1367 |
|
|
.thermal_sensors_widget_scale070 { position: absolute; height: 3px; width: 1px; left: 70%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1368 |
|
|
.thermal_sensors_widget_scale080 { position: absolute; height: 3px; width: 1px; left: 80%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1369 |
|
|
.thermal_sensors_widget_scale090 { position: absolute; height: 3px; width: 1px; left: 90%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1370 |
|
|
.thermal_sensors_widget_scale100 { position: absolute; height: 9px; width: 1px; left: 100%; margin-top: -6px; background-color: lightgray; z-index: 0; font-size: 0; }
|
1371 |
|
|
|
1372 |
|
|
.thermal_sensors_widget_mark100 { position: absolute; width: 15px; left: 96%; margin-top: -12px; font: 6pt Arial, sans-serif; text-align: left; color: #575757; }
|
1373 |
82beeb74
|
Charlie Marshall
|
|
1374 |
|
|
/* widget textarea styles - full width */
|
1375 |
|
|
.textarea_widget {
|
1376 |
|
|
width: 100%;
|
1377 |
1bc946f1
|
Charlie Marshall
|
resize:vertical;
|
1378 |
82beeb74
|
Charlie Marshall
|
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
1379 |
|
|
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
1380 |
|
|
box-sizing: border-box; /* IE 8+ */
|
1381 |
|
|
}
|