Statistics
| Branch: | Tag: | Revision:

root / static / css / base.css @ 8a843e63

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
.breadcrumb{
39
        background-color: white;
40
}
41
.ui-widget {
42
    font-size: 12px;
43
}
44
hr {
45
    margin: 0;
46
}
47

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

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

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

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

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

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

    
97
.error{
98
        color: #B94A48;
99
}
100

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

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

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

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

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

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

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

    
163
        
164

    
165
        
166
}
167

    
168
.topmenuuser{
169
        padding: 4px;
170
}
171

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

    
177

    
178

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

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

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

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

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

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

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

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

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

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

    
254

    
255

    
256
#formcontent input {
257
        width: 6em;
258

    
259
}
260

    
261

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

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

    
280
tr.even {
281
        background: #eaeaea;
282
}
283

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

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

    
297
textarea#id_comments {
298
        /*width: 80%;*/
299
}
300

    
301
.hidden {
302
        display: none;
303
}
304

    
305
.center_text {
306
        text-align: center;
307
}
308

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

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

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

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

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

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

    
463
#configuration th {
464
        text-align: right;
465
}
466

    
467
#configuration td {
468
        text-align: left;
469
}
470

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

    
510

    
511

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

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

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

    
532

    
533

    
534
.paging_full_numbers {
535
        width: 350px !important;
536
}
537

    
538

    
539

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

    
547

    
548

    
549
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
550
 * DataTables features
551
 */
552

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

    
558
div.dataTables_length select {
559
        width: 75px;
560
}
561

    
562
div.dataTables_filter label {
563
        float: right;
564
}
565

    
566
div.dataTables_info {
567
        padding-top: 8px;
568
}
569

    
570
div.dataTables_paginate {
571
        float: right;
572
        margin: 0;
573
}
574

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

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

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

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

    
596
table.dataTable th:active {
597
        outline: none;
598
}
599

    
600

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

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

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

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

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

    
637

    
638

    
639
#loginform table {
640
        margin-left: auto;
641
        margin-right: auto;
642
}
643

    
644

    
645
#routes_table_filter{
646
        float: right;
647
}