Statistics
| Branch: | Tag: | Revision:

root / static / css / base.css @ 7dc5bd0c

History | View | Annotate | Download (11.5 kB)

1
body {
2
    font-size: 13px;
3
    background-image: url("/fodstatic/img/bg2.gif");
4
    background-attachment: fixed;
5
    background-color: #131516;
6
    background-position: left 40px;
7
    background-repeat: repeat;
8
    padding-bottom: 10px;
9
}
10

    
11
.navbar .brand {
12
    max-height: 40px;
13
    overflow: visible;
14
    padding-bottom: 0;
15
    padding-top: 0;
16
}
17
label, input, button, select, textarea {
18
    font-size: 13px;
19
}
20
legend {
21

    
22
    font-size: 14px;
23
        line-height: 20px;
24
    margin-bottom: 0;
25
}
26
.form-horizontal .control-group {
27
    margin-bottom: 10px;
28
}
29
legend + .control-group {
30
    margin-top: 10px;
31
}
32
.side-menu > li > a {
33
    border: 1px solid #E5E5E5;
34
    display: block;
35
    margin: 0 0 -1px;
36
    padding: 8px 14px;
37
}
38

    
39
.ui-widget {
40
    font-size: 12px;
41
}
42
hr {
43
    margin: 0;
44
}
45

    
46
#footcontainer{
47
        text-align: center; 
48
        background-color: white; 
49
        margin-top: 5px;
50
        padding: 5px 10px 0 10px;
51
        border: 1px solid grey;
52
}
53

    
54
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 {
55
    font-size: 13px;
56
}
57
.side-menu > li:first-child > a {
58
    border-radius: 6px 6px 0 0;
59
}
60
.btn {
61
    font-size: 13px;
62
}
63

    
64
.navbar .nav > li > span {
65
        display: block;
66
    float: none;
67
    padding: 10px 1px;
68
    text-shadow: 0 1px 0 #FFFFFF;
69
}
70

    
71
#content.container{
72
        border: 1px solid grey; 
73
        padding: 90px 10px 10px; 
74
        background: white;"
75
}
76
#routes_table{
77
        font-size: 12px;        
78
}
79

    
80
#page_wrapper {
81
    margin-left: auto;
82
    margin-right: auto;
83
    width: 1000px;
84
    padding-top: 1em;
85
}
86

    
87
.errorlist li {
88
    color: #B94A48;
89
    font-size: 12px !important;
90
    margin: 0 0 3px;
91
    padding: 4px 5px 4px 25px;
92
        list-style: none outside none;
93
}
94

    
95
.error{
96
        color: #B94A48;
97
}
98

    
99
#password_change_form label{
100
        display: block;
101
    float: left;
102
    padding: 3px 10px 0 0;
103
    width: 13em;
104
}
105

    
106
/*a {
107
    color: #4183C4;
108
    text-decoration: none;
109
    font-weight: bold;
110
}
111

112
a:hover {
113
    text-decoration: underline;
114
}
115
*/
116
#main {
117
    background: url("/fodstatic/background.png") repeat-x scroll 0 0 #FFFFFF;
118
    padding: 0;
119
    margin: 0;
120
}
121

    
122
#header {
123
    height: 85px;
124
    margin: 0 auto;
125
    width: 990px;
126
}
127

    
128
.logoimg {
129
    border: 0 none;
130
    position: absolute;
131
    left: 0;
132
    top: 0;
133
    max-width: 172px;
134
}
135

    
136
#header .grnetlogo {
137
    left: 10px;
138
    top: 18px;
139
    position: relative;
140
}
141

    
142
.loginform {
143
    border-top: medium none;
144
    font-size: 13px;
145
    padding: 2px;
146
    float: right;
147
    -moz-border-radius: 5px 5px 5px 5px;
148
    border-radius: 5px;
149
    -webkit-border-radius: 5px;
150
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
151
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
152
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
153
        background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
154
    border-color: #E9E9E9 #E9E9E9 #F5F5F5;
155
    border-style: solid;
156
    border-width: 1px;
157
        right: 10px;
158
    position: relative;
159
    top: -20px;
160

    
161
        
162

    
163
        
164
}
165

    
166
.topmenuuser{
167
        padding: 4px;
168
}
169

    
170
.topmenuaction{
171
        padding: 4px;
172
        background: url("/fodstatic/rule.png") no-repeat scroll 0 50% transparent;
173
}
174

    
175

    
176

    
177
#content3 {
178
        width: 990px;
179
        margin-left: auto;
180
        margin-right: auto;
181
        clear: both;
182
        background: #fafafa;
183
         border: 2px solid #FFFFFF;
184
    -moz-border-radius: 10px 10px 10px 10px;
185
        border-raduis: 10px;
186
        -webkit-border-radius: 10px;
187
    -moz-box-shadow: 0 0 3px #AAAAAA;
188
        -webkit-box-shadow: 0 0 3px #AAAAAA;
189
        box-shadow: 0 0 3px #AAAAAA;
190
    background-color: #F9F9F9;
191
        overflow: hidden;
192
        padding-bottom: 5px;
193
        padding-left: 5px;
194
        min-height: 200px;
195
}
196

    
197
#title, #title a {
198
        font-size: 18px;
199
        font-weight: bold;
200
        color: #656565;
201
        top: 25px;
202
        left: 50px;
203
        position: relative;
204
        width: 300px;        
205
}
206

    
207
#menu {
208
        height: 28px;
209
        padding-top: 5px;
210
}
211

    
212
#menu ul {
213
        padding: 0;
214
        margin: 0;
215
        list-style-type: none;
216
        display: inline;
217
}
218

    
219
#menu ul li {
220
        padding-left: 20px;
221
        display: inline;
222
}
223

    
224
#menu ul li a {
225
        color: white;
226
        text-decoration: none;
227
}
228

    
229
#menu ul li a:hover {
230
        font-weight: bold;
231
}
232

    
233
.conf_table ul {
234
        padding: 0;
235
        margin: 0;
236
        list-style-type: none;
237
        display: inline;
238
}
239

    
240
#footer {
241
        clear: both;
242
        padding-top: 1em;
243
        font-size: 0.9em;
244
        text-align: center;
245
}
246

    
247
#formcontent {
248
        padding: 2px;
249
        margin-bottom: 0;
250
}
251

    
252

    
253

    
254
#formcontent input {
255
        width: 6em;
256

    
257
}
258

    
259

    
260
#pagelist {
261
        text-align: center;
262
        font-weight: bold;
263
        position: fixed;
264
        bottom: 0px;
265
        right: 0px;
266
        background: white;
267
        padding-left: 200px;
268
        width: 100%;
269
        padding-top: 0.5em;
270
        border-top: 1px solid #333;
271
}
272

    
273
#pagelist a {
274
        text-decoration: none;
275
        color: gray;
276
}
277

    
278
tr.even {
279
        background: #eaeaea;
280
}
281

    
282
span.highlighted {
283
        font-weight: bold;
284
        color: red;
285
}
286

    
287
form.update {
288
        text-align: center;
289
        display: none;
290
}
291
form.update textarea {
292
        width: 100%;
293
}
294

    
295
textarea#id_comments {
296
        /*width: 80%;*/
297
}
298

    
299
.hidden {
300
        display: none;
301
}
302

    
303
.center_text {
304
        text-align: center;
305
}
306

    
307
#searchform {
308
        width: 300px;
309
        margin-left: auto;
310
        margin-right: auto;
311
        text-align: center;
312
}
313

    
314
.info_content_title {
315
    background-color: #F0F0F0;
316
    border-bottom: 1px solid #FFFFFF;
317
    border-top: 1px solid #D9D9D9;
318
    color: #666666;
319
    font-size: 12px;
320
    font-weight: bold;
321
    margin: 20px 0;
322
    padding: 5px 0 5px 10px;
323
    text-align: left;
324
    text-shadow: 1px 1px 1px #FFFFFF;
325
    width: 100%;
326
}
327

    
328
.row_container{
329
        background-color: white;
330
        clear: both;
331
        overflow: auto;
332
        width: 988px;
333
        border: 1px solid black;
334
}
335
.row1{
336
        float: left;
337
        width: 300px;
338
}
339
.row1_content{
340
        -moz-border-radius: 5px 5px 5px 5px;
341
        -webkit-border-radius: 5px;
342
    border-radius: 5px;
343
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
344
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
345
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
346
        background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
347
    border-color: #E9E9E9 #E9E9E9 #F5F5F5;
348
    border-style: solid;
349
    border-width: 1px;
350
        padding: 4px;
351
        margin: 0 auto;
352
        width: 50%;
353
        position: relative;
354
        top: 20px;
355
}
356
.row2{
357
        float: left;
358
        width: 300px;
359
}
360
.row3{
361
        float: left;
362
        width: 300px;
363
}
364
.row1_table_content{
365
        -moz-border-radius: 5px 5px 5px 5px;
366
        -webkit-border-radius: 5px;
367
    border-radius: 5px;
368
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
369
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
370
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
371
        background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
372
    border-color: #E9E9E9 #E9E9E9 #F5F5F5;
373
    border-style: solid;
374
    border-width: 1px;
375
        padding: 3px;
376
        margin: 0 auto;
377
        text-align: left;
378

    
379
}
380
.actions_table{
381
        background-color: #FFF0DF;
382
        border-collapse: collapse;
383
        border: 1px solid #D9D9D9;
384
        float: right;
385
        margin: 5px;
386
        min-width: 330px;
387
        width: 100%;
388
}
389
.actions_table td{
390
        padding: 5px;
391
}
392
.instances_table{
393
        border-collapse: collapse;
394
        float: right;
395
        /*
396
margin: 1px;
397
*/
398
}
399
.instances_table td{
400
        border: 1px solid #D9D9D9;
401
        padding: 5px;
402
}
403
.instances_table th{
404
        border: 1px solid #D9D9D9;
405
        padding: 5px;
406
}
407
.instance_name{
408
        text-align: left;
409
}
410
#title a:hover{
411
        text-decoration: none;
412
}
413
.table_title{
414
        background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
415
}
416
.inner_table{
417
        border-collapse: collapse;
418
        width:100%;
419
        height:100%;
420
}
421
.inner_table_holder{
422
        padding: 0px !important;
423
}
424
.table_top_header{
425
        background: url("/fodstatic/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
426
}
427
.borderless{
428
        border: 0 none !important;
429
}
430
.inner_category{
431
        width: 35%;
432
        background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
433
        border-left: 0 none !important;
434
}
435
.no_brd_right{
436
        border-right: 0 none !important;
437
}
438
.no_brd_top{
439
        border-top: 0 none !important;
440
}
441
.no_brd_btm{
442
        border-bottom: 0 none !important;
443
}
444

    
445
#fl_l{
446
        float: left;
447
        width: 42%
448
}
449
#configuration {
450
        width: 58%;
451
        float: left;
452
        text-align: center;
453
}
454

    
455
#configuration form  {
456
        margin-left: auto;
457
        margin-right: auto;
458
        max-width: 800px;
459
}
460

    
461
#configuration th {
462
        text-align: right;
463
}
464

    
465
#configuration td {
466
        text-align: left;
467
}
468

    
469
#configuration input[type="text"] {
470
        width: 22em;
471
}
472
.conf_table th{
473
        font-weight: normal;
474
        background-color: #ECECEC; /* fallback color if gradients are not supported */
475
        background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
476
        border-bottom: 1px solid #D9D9D9;
477
}
478
.conf_table{
479
        float: right;
480
        margin: 5px;
481
        border: 1px solid #D9D9D9;
482
        border-collapse: collapse;
483
        width: 100%;
484
}
485
.conf_table td{
486
        border-bottom: 1px solid #D9D9D9;
487
        
488
}
489
.conf_table .table_topper_header{
490
        font-weight: bold;
491
        background: url("/fodstatic/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;        
492
}
493
.instance_det_table{
494
        border-collapse: collapse;
495
        clear: both;
496
        width: 400px;
497
        margin: 5px;
498
}
499
.instance_det_table td{
500
        border: 1px solid #D9D9D9;
501
        padding: 5px;
502
}
503
.instance_det_table th{
504
        border: 1px solid #D9D9D9;
505
        padding: 5px;
506
}
507

    
508

    
509

    
510
#cluster_overview_table_wrapper{
511
        width: 100%;
512
}
513
/*
514
 * jQuery UI specific styling
515
 */
516

    
517
.paging_two_button .ui-button {
518
        float: left;
519
        cursor: pointer;
520
        * cursor: hand;
521
}
522

    
523
.paging_full_numbers .ui-button {
524
        padding: 2px 6px;
525
        margin: 0;
526
        cursor: pointer;
527
        * cursor: hand;
528
}
529

    
530

    
531

    
532
.paging_full_numbers {
533
        width: 350px !important;
534
}
535

    
536

    
537

    
538
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
539
 *
540
 * Everything below this line is the same as demo_table.css. This file is
541
 * required for 'cleanliness' of the markup
542
 *
543
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
544

    
545

    
546

    
547
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
548
 * DataTables features
549
 */
550

    
551
div.dataTables_length label {
552
        float: left;
553
        text-align: left;
554
}
555

    
556
div.dataTables_length select {
557
        width: 75px;
558
}
559

    
560
div.dataTables_filter label {
561
        float: right;
562
}
563

    
564
div.dataTables_info {
565
        padding-top: 8px;
566
}
567

    
568
div.dataTables_paginate {
569
        float: right;
570
        margin: 0;
571
}
572

    
573
table.table {
574
        clear: both;
575
        margin-bottom: 6px !important;
576
}
577

    
578
table.table thead .sorting,
579
table.table thead .sorting_asc,
580
table.table thead .sorting_desc,
581
table.table thead .sorting_asc_disabled,
582
table.table thead .sorting_desc_disabled {
583
        cursor: pointer;
584
        *cursor: hand;
585
}
586

    
587
table.table thead .sorting { background: url('/fodstatic/img/sort_both.png') no-repeat center right; }
588
table.table thead .sorting_asc { background: url('/fodstatic/img/sort_asc.png') no-repeat center right; }
589
table.table thead .sorting_desc { background: url('/fodstatic/img/sort_desc.png') no-repeat center right; }
590

    
591
table.table thead .sorting_asc_disabled { background: url('/fodstatic/img/sort_asc_disabled.png') no-repeat center right; }
592
table.table thead .sorting_desc_disabled { background: url('/fodstatic/img/sort_desc_disabled.png') no-repeat center right; }
593

    
594
table.dataTable th:active {
595
        outline: none;
596
}
597

    
598

    
599
/*
600
 * Row highlighting example
601
 */
602
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
603
        background-color: #ECFFB3;
604
}
605

    
606
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
607
        background-color: #E6FF99;
608
}
609

    
610
div.box {
611
        height: 100px;
612
        padding: 10px;
613
        overflow: auto;
614
        border: 1px solid #8080FF;
615
        background-color: #E5E5FF;
616
}
617

    
618
#messages {
619
        position: relative;
620
        top: -21px;
621
        text-align: center;
622
        padding-top: 0.4em;
623
        padding-bottom: 0.4em;
624
        background-color: #d5ffd5;
625
        border-top: 1px solid #a5afa5;
626
        border-bottom: 1px solid #a5afa5;
627
}
628

    
629
#welcome {
630
        float: left;
631
        padding: 0.5em;
632
        width: 45%;
633
}
634

    
635

    
636

    
637
#loginform table {
638
        margin-left: auto;
639
        margin-right: auto;
640
}
641

    
642

    
643
#routes_table_filter{
644
        float: right;
645
}