Statistics
| Branch: | Tag: | Revision:

root / static / css / base.css @ 9f012dae

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
}