f4869df5b6238b4e5016f7e6667665f6b7d875b6
[racktables] / pi.css
1 td.submit {
2 text-align: center;
3 }
4
5 th.rack {
6 font: bold 12px Verdana, sans-serif;
7 }
8
9 li.step {
10 list-style-type: circle;
11 }
12
13 li.cstep {
14 list-style-type: disc;
15 }
16
17 body {
18 font-family: Arial, Sans-Serif, sans-serif;
19 font-size : small;
20 }
21
22 table.molecule {
23 width: 200px;
24 }
25
26 .molecule {
27 font: bold 12px Verdana, sans-serif;
28 border: 1px solid black;
29 border-top: 0px solid black;
30 border-right: 0px solid black;
31 text-align: center;
32 }
33
34 .molecule th {
35 border-top: 1px solid black;
36 border-right: 1px solid black;
37 }
38
39 .molecule td {
40 border-top: 1px solid black;
41 border-right: 1px solid black;
42 }
43
44 .portlet {
45 text-align: center;
46 background-color: #ffffff;
47 border: 1px dashed #3c78b5;
48 padding: 5px;
49 margin: 5px;
50 }
51
52 .portlet .helptext {
53 text-align: left;
54 }
55
56 .dragon {
57 background-color: #000033;
58 text-align: left;
59 }
60
61 .tdright {
62 text-align: right;
63 }
64
65 .tdleft {
66 text-align: left;
67 }
68 .tdcenter {
69 text-align: center;
70 }
71 table.objectview {
72 width: 100%;
73 }
74
75 td.pcleft {
76 vertical-align: top;
77 text-align: center;
78 }
79
80 td.pcright {
81 vertical-align: top;
82 text-align: center;
83 }
84
85 .msg_error, .msg_success, .msg_warning, .msg_200, .msg_300, .msg_500 {
86 text-align: left;
87 border: 1px solid;
88 padding: 2px;
89 margin: 5px;
90 }
91
92 .msg_error, .msg_500 {
93 background-color: #ffa0a0;
94 border-color: red;
95 font-weight: bold;
96 text-align: center;
97 }
98
99 .msg_success, .msg_200 {
100 background-color: #a0ffa0;
101 border-color: green;
102 font-weight: bold;
103 text-align: center;
104 }
105
106 .msg_300 {
107 background-color: #c0c0c0;
108 border-color: black;
109 }
110
111 .msg_warning {
112 background-color: #ff9966;
113 border-color: #ff3300;
114 font-weight: bold;
115 text-align: center;
116 }
117
118 .opt_attr_th {
119 background-color: #ffffa0;
120 text-align: right;
121 }
122
123 .widetable td {
124 border-top: 1px solid black;
125 }
126
127 tr.port_highlight {
128 background-color: lime;
129 }
130
131 .row_even {
132 background-color: #d0d0d0;
133 }
134
135 .row_odd {
136 background-color: #e8e8e8;
137 }
138
139 table.cooltable {
140 border: 1px solid black;
141 }
142
143 table.cooltable th {
144 border-bottom: 1px solid black;
145 }
146
147 th.vert_th {
148 border-right: 1px solid black;
149 }
150
151 tr.hl {
152 background-color: #505050;
153 font-weight: bold;
154 }
155
156 .description {
157 font-size: 9px;
158 }
159
160 .trwarning {
161 background-color: #FF8080;
162 }
163
164 .trbusy {
165 background-color: #D0D0FF;
166 }
167
168 tr.mainheader {
169 background-color: black;
170 }
171
172 div.greeting {
173 color: white;
174 text-align: right;
175 }
176
177 /* Contents of original static.css end here, the rest is pi.css */
178
179 body {
180 margin: 0px;
181 background-attachment : fixed;
182 background-color : #FCFCFC;
183 font-family: Arial, Sans-Serif, sans-serif;
184 font-size : small;
185 }
186 /* collapse space between headings, and where paragraph follows heading */
187 hr {
188 height : 1px;
189 }
190
191 a {
192 font-family: Verdana, sans-serif;
193 color: #3c78b5;
194 text-decoration: none;
195 }
196
197 a:hover {
198 text-decoration: underline;
199 }
200
201 /* anchors must be defined in order (link,visited,active,hover)
202 to avoid unpredictable results */
203
204 input {
205 background-color : #f0f0f0;
206 border-width : 1px;
207 border-style : solid;
208 border-color : #000000;
209 }
210 input [type="text"] {
211 }
212 textarea {
213 background-color : #f0f0f0;
214 border-width : 1px;
215 border-style : solid;
216 border-color : #000000;
217 }
218 .topright {
219 font-size : x-small;
220 color : #ffffff;
221 }
222 .username {
223 font-size : small;
224 font-weight : bold;
225 display : inline;
226 }
227 .menubar, .menubar a {
228 font-family: Verdana, arial, sans-serif;
229 font-size: 17px;
230 line-height: 20px;
231 background-color : #3c78b5;
232 color : #ffffff;
233 text-decoration : none;
234 }
235 .menuitem, .menuitem a {
236 }
237 .activemenuitem, .activemenuitem a {
238 background-color : #3c78b5;
239 }
240 .activemenuitem a:hover {
241 text-decoration: underline;
242 }
243
244 .footer {
245 background-color : #fff7f2;
246 font-size : x-small;
247 }
248 .maintable {
249 height : 100%;
250 }
251 .contenttable {
252 margin-top : 100px;
253 margin-bottom : 100px;
254 border-width : 1px;
255 border-color : #000000;
256 border-style : solid;
257 background-color : #fff7f2;
258 }
259 .errortable {
260 margin : 1px;
261 border: 1px solid black;
262 background-color : #ff5050;
263 text-align: center;
264 font: bold 11px Verdana, sans-serif;
265 }
266 .confirmtable {
267 margin : 1px;
268 border: 1px solid black;
269 background-color : #5050ff;
270 text-align: center;
271 font: bold 11px Verdana, sans-serif;
272 }
273 #foldertab {
274 padding: 3px 0px 3px 8px;
275 margin-left: 0;
276 border-bottom: 1px solid #3c78b5;
277 font: bold 11px Verdana, sans-serif;
278 }
279
280 #foldertab li {
281 list-style: none;
282 margin: 0;
283 display: inline;
284 }
285
286 #foldertab li a {
287 padding: 3px 0.5em;
288 margin-left: 3px;
289 border: 1px solid #3c78b5;
290 border-bottom: none;
291 background: #3c78b5;
292 text-decoration: none;
293 }
294
295 #foldertab li a:link { color: #ffffff; }
296 #foldertab li a:visited { color: #ffffff; }
297
298 #foldertab li a:hover {
299 color: #ffffff;
300 background: #003366;
301 border-color: #003366;
302 }
303
304 #foldertab li a.current {
305 background: white;
306 border-bottom: 1px solid white;
307 color: black;
308 }
309
310 #foldertab li a.current:link { color: black; }
311 #foldertab li a.current:visited { color: black; }
312 #foldertab li a.current:hover {
313 background: white;
314 border-bottom: 1px solid white;
315 color: black;
316 }
317
318 .greynavbar {background-color: #f0f0f0; border-top: 1px solid #3c78b5; margin-top: 0px}
319
320
321 /* alphabet list */
322 ul#squaretab {
323 margin-left: 0;
324 padding-left: 0;
325 white-space: nowrap;
326 font: bold 8px Verdana, sans-serif;
327 }
328
329 #squaretab li {
330 display: inline;
331 list-style-type: none;
332 }
333
334 #squaretab a {
335 padding: 2px 6px;
336 border: 1px solid #3c78b5;
337 }
338
339 #squaretab a:link, #squaretab a:visited {
340 color: #fff;
341 background-color: #3c78b5;
342 text-decoration: none;
343 }
344
345 #squaretab a:hover {
346 color: #ffffff;
347 background-color: #003366;
348 border-color: #003366;
349 text-decoration: none;
350 }
351
352 #squaretab li a.current {
353 background: white;
354 color: black;
355 }
356
357
358
359 .miniracks {
360 width: 100px;
361 border: 0px solid black;
362 padding: 3px;
363 margin: 3px;
364 text-align: center;
365 display: inline;
366 }
367
368 .miniracks img {
369 border: 0px;
370 }
371
372 .miniracks a {
373 padding: 3px;
374 margin: 3px;
375 }
376
377 .rackname {
378 font: bold 10px Verdana, sans-serif;
379 color: #000;
380 padding: 3px;
381 margin: 3px;
382
383 }
384
385 .rack {
386 font: bold 12px Verdana, sans-serif;
387 border: 1px solid black;
388 border-top: 0px solid black;
389 border-right: 0px solid black;
390 text-align: center;
391 }
392
393 .rack th {
394 border-top: 1px solid black;
395 border-right: 1px solid black;
396 }
397
398 .rack td {
399 border-top: 1px solid black;
400 border-right: 1px solid black;
401 }
402
403 .rack a {
404 font: bold 10px Verdana, sans-serif;
405 color: #000;
406 text-decoration: none;
407 }
408
409 .rack a:hover {
410 text-decoration: underline;
411 }
412
413 .rackspace {
414 }
415
416 .rackspace img {
417 border: 0;
418 display: inline;
419 margin: 0;
420 padding: 0;
421 }
422
423 .rackspace h2 {
424 font: bold 25px Verdana, sans-serif;
425 }
426
427 .rackspace h3 {
428 font: bold 20px Verdana, sans-serif;
429 }
430
431 .rackspace a {
432 color: #000;
433 text-decoration: none;
434 }
435
436 .rackspace a:hover {
437 color: #000;
438 text-decoration: underline;
439 }
440
441 .mainmenu a {
442 color: #254a6f;
443 text-decoration: none;
444 }
445
446 .mainmenu a:hover {
447 text-decoration: underline;
448 }
449
450 .mainmenu img {
451 border: 0px;
452 }
453
454 .unracked {
455 background-color: #f0f0f0;
456 border: 1px solid #3c78b5;
457 }
458
459 .unracked li {
460 text-align: left;
461 list-style-type: none;
462 }
463
464 .unracked li a {
465 color: #254a6f;
466 text-decoration: none;
467 font: bold 10px Verdana, sans-serif;
468 }
469
470 .unracked li a:hover {
471 text-decoration: underline;
472 }
473
474 .allobjects li {
475 text-align: left;
476 list-style-type: none;
477 }
478
479 .allobjects li a {
480 color: #254a6f;
481 text-decoration: none;
482 font: bold 10px Verdana, sans-serif;
483 }
484
485 .allobjects li a:hover {
486 text-decoration: underline;
487 }
488
489 .visible {
490 display: block;
491 }
492
493 .invisible {
494 display: none;
495 }
496
497 .allobjects {
498 vertical-align: top;
499 }
500
501 .allobjects select {
502 background-color : #f0f0f0;
503 border-width : 1px;
504 border-style : solid;
505 border-color : #000000;
506 }
507
508 div.commentblock {
509 white-space: pre;
510 text-align: left;
511 }
512
513 .port_connected_none {
514 background-color: #bfffbf;
515 }
516
517 .port_connected_single {
518 background-color: #00ff00;
519 }
520
521 .port_connected_multi {
522 background-color: #ffff00;
523 }
524
525 .port_notconnect {
526 background-color: #c0c0c0;
527 }
528
529 .port_disabled {
530 background-color: #606060;
531 }
532
533 .port_unknown {
534 background-color: #ff0000;
535 }
536
537 /* Collapsible Textareas classes */
538 .collapse_tareas input, .collapse_tareas textarea { font: 10pt arial, sans-serif; border: 1px solid #888; }
539 .collapse_tareas textarea { height: 4em; }
540 .collapse_tareas textarea.compact { height: 4em !important; width: 20em !important; }
541 .collapse_tareas textarea.expanded { height: 20em !important; width: 40em !important; }