root / static / css / base.css @ e872bc30
History | View | Annotate | Download (11.6 kB)
1 |
body {
|
---|---|
2 |
font-size: 13px; |
3 |
/*background-image: url("/fodstatic/img/bg2.gif");*/
|
4 |
|
5 |
padding-bottom: 10px; |
6 |
} |
7 |
|
8 |
.footer {
|
9 |
background-color: #F5F5F5; |
10 |
border-top: 1px solid #E5E5E5; |
11 |
margin-top: 30px; |
12 |
padding: 30px 0; |
13 |
text-align: center; |
14 |
} |
15 |
.navbar .brand { |
16 |
max-height: 40px; |
17 |
overflow: visible; |
18 |
padding-bottom: 0; |
19 |
padding-top: 0; |
20 |
} |
21 |
label, input, button, select, textarea { |
22 |
font-size: 13px; |
23 |
} |
24 |
|
25 |
legend {
|
26 |
font-size: 13px; |
27 |
font-weight: bold; |
28 |
line-height: 20px; |
29 |
margin-bottom: 0; |
30 |
} |
31 |
.form-horizontal .control-group { |
32 |
margin-bottom: 10px; |
33 |
} |
34 |
legend + .control-group { |
35 |
margin-top: 10px; |
36 |
} |
37 |
.side-menu > li > a { |
38 |
border: 1px solid #E5E5E5; |
39 |
display: block; |
40 |
margin: 0 0 -1px; |
41 |
padding: 8px 14px; |
42 |
} |
43 |
|
44 |
.ui-widget {
|
45 |
font-size: 12px; |
46 |
} |
47 |
hr {
|
48 |
margin: 0; |
49 |
} |
50 |
|
51 |
#footcontainer{
|
52 |
text-align: center; |
53 |
/*background-color: white;*/
|
54 |
margin-top: 5px; |
55 |
/*padding: 5px 10px 0 10px;*/
|
56 |
/*border: 1px solid grey;*/
|
57 |
} |
58 |
|
59 |
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { |
60 |
font-size: 13px; |
61 |
} |
62 |
.side-menu > li:first-child > a { |
63 |
border-radius: 6px 6px 0 0; |
64 |
} |
65 |
.btn {
|
66 |
font-size: 13px; |
67 |
} |
68 |
|
69 |
.navbar .nav > li > span { |
70 |
display: block; |
71 |
float: none; |
72 |
padding: 10px 1px; |
73 |
text-shadow: 0 1px 0 #FFFFFF; |
74 |
} |
75 |
|
76 |
/*#content.container{
|
77 |
border: 1px solid grey;
|
78 |
padding: 90px 10px 10px;
|
79 |
background: white;"
|
80 |
}*/
|
81 |
#routes_table{
|
82 |
font-size: 12px; |
83 |
} |
84 |
|
85 |
#page_wrapper {
|
86 |
margin-left: auto; |
87 |
margin-right: auto; |
88 |
width: 1000px; |
89 |
padding-top: 1em; |
90 |
} |
91 |
|
92 |
.errorlist li { |
93 |
color: #B94A48; |
94 |
font-size: 12px !important; |
95 |
margin: 0 0 3px; |
96 |
padding: 4px 5px 4px 25px; |
97 |
list-style: none outside none; |
98 |
} |
99 |
|
100 |
.error{
|
101 |
color: #B94A48; |
102 |
} |
103 |
|
104 |
#password_change_form label{ |
105 |
display: block; |
106 |
float: left; |
107 |
padding: 3px 10px 0 0; |
108 |
width: 13em; |
109 |
} |
110 |
|
111 |
/*a {
|
112 |
color: #4183C4;
|
113 |
text-decoration: none;
|
114 |
font-weight: bold;
|
115 |
}
|
116 |
|
117 |
a:hover {
|
118 |
text-decoration: underline;
|
119 |
}
|
120 |
*/
|
121 |
#main {
|
122 |
background: url("/fodstatic/background.png") repeat-x scroll 0 0 #FFFFFF; |
123 |
padding: 0; |
124 |
margin: 0; |
125 |
} |
126 |
|
127 |
#header {
|
128 |
height: 85px; |
129 |
margin: 0 auto; |
130 |
width: 990px; |
131 |
} |
132 |
|
133 |
.logoimg {
|
134 |
border: 0 none; |
135 |
position: absolute; |
136 |
left: 0; |
137 |
top: 0; |
138 |
max-width: 172px; |
139 |
} |
140 |
|
141 |
#header .grnetlogo { |
142 |
left: 10px; |
143 |
top: 18px; |
144 |
position: relative; |
145 |
} |
146 |
|
147 |
.loginform {
|
148 |
border-top: medium none; |
149 |
font-size: 13px; |
150 |
padding: 2px; |
151 |
float: right; |
152 |
-moz-border-radius: 5px 5px 5px 5px; |
153 |
border-radius: 5px; |
154 |
-webkit-border-radius: 5px; |
155 |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
156 |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
157 |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
158 |
background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
159 |
border-color: #E9E9E9 #E9E9E9 #F5F5F5; |
160 |
border-style: solid; |
161 |
border-width: 1px; |
162 |
right: 10px; |
163 |
position: relative; |
164 |
top: -20px; |
165 |
|
166 |
|
167 |
|
168 |
|
169 |
} |
170 |
|
171 |
.topmenuuser{
|
172 |
padding: 4px; |
173 |
} |
174 |
|
175 |
.topmenuaction{
|
176 |
padding: 4px; |
177 |
background: url("/fodstatic/rule.png") no-repeat scroll 0 50% transparent; |
178 |
} |
179 |
|
180 |
|
181 |
|
182 |
#content3 {
|
183 |
width: 990px; |
184 |
margin-left: auto; |
185 |
margin-right: auto; |
186 |
clear: both; |
187 |
background: #fafafa; |
188 |
border: 2px solid #FFFFFF; |
189 |
-moz-border-radius: 10px 10px 10px 10px; |
190 |
border-raduis: 10px; |
191 |
-webkit-border-radius: 10px; |
192 |
-moz-box-shadow: 0 0 3px #AAAAAA; |
193 |
-webkit-box-shadow: 0 0 3px #AAAAAA; |
194 |
box-shadow: 0 0 3px #AAAAAA; |
195 |
background-color: #F9F9F9; |
196 |
overflow: hidden; |
197 |
padding-bottom: 5px; |
198 |
padding-left: 5px; |
199 |
min-height: 200px; |
200 |
} |
201 |
|
202 |
#title, #title a { |
203 |
font-size: 18px; |
204 |
font-weight: bold; |
205 |
color: #656565; |
206 |
top: 25px; |
207 |
left: 50px; |
208 |
position: relative; |
209 |
width: 300px; |
210 |
} |
211 |
|
212 |
#menu {
|
213 |
height: 28px; |
214 |
padding-top: 5px; |
215 |
} |
216 |
|
217 |
#menu ul { |
218 |
padding: 0; |
219 |
margin: 0; |
220 |
list-style-type: none; |
221 |
display: inline; |
222 |
} |
223 |
|
224 |
#menu ul li { |
225 |
padding-left: 20px; |
226 |
display: inline; |
227 |
} |
228 |
|
229 |
#menu ul li a { |
230 |
color: white; |
231 |
text-decoration: none; |
232 |
} |
233 |
|
234 |
#menu ul li a:hover { |
235 |
font-weight: bold; |
236 |
} |
237 |
|
238 |
.conf_table ul { |
239 |
padding: 0; |
240 |
margin: 0; |
241 |
list-style-type: none; |
242 |
display: inline; |
243 |
} |
244 |
|
245 |
#footer {
|
246 |
clear: both; |
247 |
padding-top: 1em; |
248 |
font-size: 0.9em; |
249 |
text-align: center; |
250 |
} |
251 |
|
252 |
#formcontent {
|
253 |
padding: 2px; |
254 |
margin-bottom: 0; |
255 |
} |
256 |
|
257 |
|
258 |
|
259 |
#formcontent input { |
260 |
width: 6em; |
261 |
|
262 |
} |
263 |
|
264 |
|
265 |
#pagelist {
|
266 |
text-align: center; |
267 |
font-weight: bold; |
268 |
position: fixed; |
269 |
bottom: 0px; |
270 |
right: 0px; |
271 |
background: white; |
272 |
padding-left: 200px; |
273 |
width: 100%; |
274 |
padding-top: 0.5em; |
275 |
border-top: 1px solid #333; |
276 |
} |
277 |
|
278 |
#pagelist a { |
279 |
text-decoration: none; |
280 |
color: gray; |
281 |
} |
282 |
|
283 |
tr.even { |
284 |
background: #eaeaea; |
285 |
} |
286 |
|
287 |
span.highlighted { |
288 |
font-weight: bold; |
289 |
color: red; |
290 |
} |
291 |
|
292 |
form.update { |
293 |
text-align: center; |
294 |
display: none; |
295 |
} |
296 |
form.update textarea { |
297 |
width: 100%; |
298 |
} |
299 |
|
300 |
textarea#id_comments { |
301 |
/*width: 80%;*/
|
302 |
} |
303 |
|
304 |
.hidden {
|
305 |
display: none; |
306 |
} |
307 |
|
308 |
.center_text {
|
309 |
text-align: center; |
310 |
} |
311 |
|
312 |
#searchform {
|
313 |
width: 300px; |
314 |
margin-left: auto; |
315 |
margin-right: auto; |
316 |
text-align: center; |
317 |
} |
318 |
|
319 |
.info_content_title {
|
320 |
background-color: #F0F0F0; |
321 |
border-bottom: 1px solid #FFFFFF; |
322 |
border-top: 1px solid #D9D9D9; |
323 |
color: #666666; |
324 |
font-size: 12px; |
325 |
font-weight: bold; |
326 |
margin: 20px 0; |
327 |
padding: 5px 0 5px 10px; |
328 |
text-align: left; |
329 |
text-shadow: 1px 1px 1px #FFFFFF; |
330 |
width: 100%; |
331 |
} |
332 |
|
333 |
.row_container{
|
334 |
background-color: white; |
335 |
clear: both; |
336 |
overflow: auto; |
337 |
width: 988px; |
338 |
border: 1px solid black; |
339 |
} |
340 |
.row1{
|
341 |
float: left; |
342 |
width: 300px; |
343 |
} |
344 |
.row1_content{
|
345 |
-moz-border-radius: 5px 5px 5px 5px; |
346 |
-webkit-border-radius: 5px; |
347 |
border-radius: 5px; |
348 |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
349 |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
350 |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
351 |
background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
352 |
border-color: #E9E9E9 #E9E9E9 #F5F5F5; |
353 |
border-style: solid; |
354 |
border-width: 1px; |
355 |
padding: 4px; |
356 |
margin: 0 auto; |
357 |
width: 50%; |
358 |
position: relative; |
359 |
top: 20px; |
360 |
} |
361 |
.row2{
|
362 |
float: left; |
363 |
width: 300px; |
364 |
} |
365 |
.row3{
|
366 |
float: left; |
367 |
width: 300px; |
368 |
} |
369 |
.row1_table_content{
|
370 |
-moz-border-radius: 5px 5px 5px 5px; |
371 |
-webkit-border-radius: 5px; |
372 |
border-radius: 5px; |
373 |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
374 |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
375 |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
376 |
background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
377 |
border-color: #E9E9E9 #E9E9E9 #F5F5F5; |
378 |
border-style: solid; |
379 |
border-width: 1px; |
380 |
padding: 3px; |
381 |
margin: 0 auto; |
382 |
text-align: left; |
383 |
|
384 |
} |
385 |
.actions_table{
|
386 |
background-color: #FFF0DF; |
387 |
border-collapse: collapse; |
388 |
border: 1px solid #D9D9D9; |
389 |
float: right; |
390 |
margin: 5px; |
391 |
min-width: 330px; |
392 |
width: 100%; |
393 |
} |
394 |
.actions_table td{ |
395 |
padding: 5px; |
396 |
} |
397 |
.instances_table{
|
398 |
border-collapse: collapse; |
399 |
float: right; |
400 |
/*
|
401 |
margin: 1px;
|
402 |
*/
|
403 |
} |
404 |
.instances_table td{ |
405 |
border: 1px solid #D9D9D9; |
406 |
padding: 5px; |
407 |
} |
408 |
.instances_table th{ |
409 |
border: 1px solid #D9D9D9; |
410 |
padding: 5px; |
411 |
} |
412 |
.instance_name{
|
413 |
text-align: left; |
414 |
} |
415 |
#title a:hover{ |
416 |
text-decoration: none; |
417 |
} |
418 |
.table_title{
|
419 |
background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
420 |
} |
421 |
.inner_table{
|
422 |
border-collapse: collapse; |
423 |
width:100%; |
424 |
height:100%; |
425 |
} |
426 |
.inner_table_holder{
|
427 |
padding: 0px !important; |
428 |
} |
429 |
.table_top_header{
|
430 |
background: url("/fodstatic/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC; |
431 |
} |
432 |
.borderless{
|
433 |
border: 0 none !important; |
434 |
} |
435 |
.inner_category{
|
436 |
width: 35%; |
437 |
background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
438 |
border-left: 0 none !important; |
439 |
} |
440 |
.no_brd_right{
|
441 |
border-right: 0 none !important; |
442 |
} |
443 |
.no_brd_top{
|
444 |
border-top: 0 none !important; |
445 |
} |
446 |
.no_brd_btm{
|
447 |
border-bottom: 0 none !important; |
448 |
} |
449 |
|
450 |
#fl_l{
|
451 |
float: left; |
452 |
width: 42% |
453 |
} |
454 |
#configuration {
|
455 |
width: 58%; |
456 |
float: left; |
457 |
text-align: center; |
458 |
} |
459 |
|
460 |
#configuration form { |
461 |
margin-left: auto; |
462 |
margin-right: auto; |
463 |
max-width: 800px; |
464 |
} |
465 |
|
466 |
#configuration th { |
467 |
text-align: right; |
468 |
} |
469 |
|
470 |
#configuration td { |
471 |
text-align: left; |
472 |
} |
473 |
|
474 |
#configuration input[type="text"] { |
475 |
width: 22em; |
476 |
} |
477 |
.conf_table th{ |
478 |
font-weight: normal; |
479 |
background-color: #ECECEC; /* fallback color if gradients are not supported */ |
480 |
background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
481 |
border-bottom: 1px solid #D9D9D9; |
482 |
} |
483 |
.conf_table{
|
484 |
float: right; |
485 |
margin: 5px; |
486 |
border: 1px solid #D9D9D9; |
487 |
border-collapse: collapse; |
488 |
width: 100%; |
489 |
} |
490 |
.conf_table td{ |
491 |
border-bottom: 1px solid #D9D9D9; |
492 |
|
493 |
} |
494 |
.conf_table .table_topper_header{ |
495 |
font-weight: bold; |
496 |
background: url("/fodstatic/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC; |
497 |
} |
498 |
.instance_det_table{
|
499 |
border-collapse: collapse; |
500 |
clear: both; |
501 |
width: 400px; |
502 |
margin: 5px; |
503 |
} |
504 |
.instance_det_table td{ |
505 |
border: 1px solid #D9D9D9; |
506 |
padding: 5px; |
507 |
} |
508 |
.instance_det_table th{ |
509 |
border: 1px solid #D9D9D9; |
510 |
padding: 5px; |
511 |
} |
512 |
|
513 |
|
514 |
|
515 |
#cluster_overview_table_wrapper{
|
516 |
width: 100%; |
517 |
} |
518 |
/*
|
519 |
* jQuery UI specific styling
|
520 |
*/
|
521 |
|
522 |
.paging_two_button .ui-button { |
523 |
float: left; |
524 |
cursor: pointer; |
525 |
* cursor: hand; |
526 |
} |
527 |
|
528 |
.paging_full_numbers .ui-button { |
529 |
padding: 2px 6px; |
530 |
margin: 0; |
531 |
cursor: pointer; |
532 |
* cursor: hand; |
533 |
} |
534 |
|
535 |
|
536 |
|
537 |
.paging_full_numbers {
|
538 |
width: 350px !important; |
539 |
} |
540 |
|
541 |
|
542 |
|
543 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
544 |
*
|
545 |
* Everything below this line is the same as demo_table.css. This file is
|
546 |
* required for 'cleanliness' of the markup
|
547 |
*
|
548 |
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
549 |
|
550 |
|
551 |
|
552 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
553 |
* DataTables features
|
554 |
*/
|
555 |
|
556 |
div.dataTables_length label { |
557 |
float: left; |
558 |
text-align: left; |
559 |
} |
560 |
|
561 |
div.dataTables_length select { |
562 |
width: 75px; |
563 |
} |
564 |
|
565 |
div.dataTables_filter label { |
566 |
float: right; |
567 |
} |
568 |
|
569 |
div.dataTables_info { |
570 |
padding-top: 8px; |
571 |
} |
572 |
|
573 |
div.dataTables_paginate { |
574 |
float: right; |
575 |
margin: 0; |
576 |
} |
577 |
|
578 |
table.table { |
579 |
clear: both; |
580 |
margin-bottom: 6px !important; |
581 |
} |
582 |
|
583 |
table.table thead .sorting, |
584 |
table.table thead .sorting_asc, |
585 |
table.table thead .sorting_desc, |
586 |
table.table thead .sorting_asc_disabled, |
587 |
table.table thead .sorting_desc_disabled { |
588 |
cursor: pointer; |
589 |
*cursor: hand; |
590 |
} |
591 |
|
592 |
table.table thead .sorting { background: url('/fodstatic/img/sort_both.png') no-repeat center right; } |
593 |
table.table thead .sorting_asc { background: url('/fodstatic/img/sort_asc.png') no-repeat center right; } |
594 |
table.table thead .sorting_desc { background: url('/fodstatic/img/sort_desc.png') no-repeat center right; } |
595 |
|
596 |
table.table thead .sorting_asc_disabled { background: url('/fodstatic/img/sort_asc_disabled.png') no-repeat center right; } |
597 |
table.table thead .sorting_desc_disabled { background: url('/fodstatic/img/sort_desc_disabled.png') no-repeat center right; } |
598 |
|
599 |
table.dataTable th:active { |
600 |
outline: none; |
601 |
} |
602 |
|
603 |
|
604 |
/*
|
605 |
* Row highlighting example
|
606 |
*/
|
607 |
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { |
608 |
background-color: #ECFFB3; |
609 |
} |
610 |
|
611 |
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { |
612 |
background-color: #E6FF99; |
613 |
} |
614 |
|
615 |
div.box { |
616 |
height: 100px; |
617 |
padding: 10px; |
618 |
overflow: auto; |
619 |
border: 1px solid #8080FF; |
620 |
background-color: #E5E5FF; |
621 |
} |
622 |
|
623 |
#messages {
|
624 |
position: relative; |
625 |
top: -21px; |
626 |
text-align: center; |
627 |
padding-top: 0.4em; |
628 |
padding-bottom: 0.4em; |
629 |
background-color: #d5ffd5; |
630 |
border-top: 1px solid #a5afa5; |
631 |
border-bottom: 1px solid #a5afa5; |
632 |
} |
633 |
|
634 |
#welcome {
|
635 |
float: left; |
636 |
padding: 0.5em; |
637 |
width: 45%; |
638 |
} |
639 |
|
640 |
|
641 |
|
642 |
#loginform table { |
643 |
margin-left: auto; |
644 |
margin-right: auto; |
645 |
} |
646 |
|
647 |
|
648 |
#routes_table_filter{
|
649 |
float: right; |
650 |
} |