← Back to branch summary

~alexharrington/xibo/pyclient-1.1.0a22

« back to all changes in this revision

Viewing changes to server/template/css/presentation.css

  • Committer: Dan Garner
  • Date: 2008-12-14 14:42:52 UTC
  • mto: (1.1.80 Xibo)
  • mto: This revision was merged to the branch mainline in revision 2.
  • Revision ID: mail@dangarner.co.uk-20081214144252-8dosaegtfwvv0dsl
Moved 3rd Party libraries to their own folder.
Updated jQuery to the latest revision and now use jQuery UI instead of individual plugins.

Tabs are not currently working

Show diffs side-by-side

added added

removed removed

Lines of Context:
server/template/css/presentation.css
1
 
/*
2
 
 * Xibo - Digitial Signage - http://www.xibo.org.uk
3
 
 * Copyright (C) 2006,2007,2008 Daniel Garner and James Packer
4
 
 *
5
 
 * This file is part of Xibo.
6
 
 *
7
 
 * Xibo is free software: you can redistribute it and/or modify
8
 
 * it under the terms of the GNU Affero General Public License as published by
9
 
 * the Free Software Foundation, either version 3 of the License, or
10
 
 * any later version. 
11
 
 *
12
 
 * Xibo is distributed in the hope that it will be useful,
13
 
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
14
 
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
15
 
 * GNU Affero General Public License for more details.
16
 
 *
17
 
 * You should have received a copy of the GNU Affero General Public License
18
 
 * along with Xibo.  If not, see <http://www.gnu.org/licenses/>.
19
 
 */ 
20
 
@import url(forms.css);
21
 
@import url(links.css);
22
 
@import url(xibo.css);
23
 
@import url(calendar.css);
24
 
 
25
 
body {
26
 
        background: url(../../img/headerback.png) repeat-x;
27
 
        font-size:76.1%;
28
 
        font-family:Verdana, Arial, Helvetica, sans-serif;
29
 
        margin:0;
30
 
        min-width:950px;
31
 
        width:expression(document.body.clientwidth <950? "950px": "auto");
32
 
}
33
 
 
34
 
div.dimmer 
35
 
{
36
 
    visibility: hidden;
37
 
    position:absolute;
38
 
    left:0px;
39
 
    top:0px;
40
 
    padding:40px;
41
 
 
42
 
    background-image:url(honey.png);
43
 
    /* ieWin only stuff */
44
 
        /* with this trick only IE 
45
 
           manage the following 2 attributes */   
46
 
    _background-image:none;
47
 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='honey.png');
48
 
}
49
 
 
50
 
/* Begin Customisation */
51
 
 
52
 
/* Standard Tags */
53
 
img {
54
 
        border:0px;
55
 
        
56
 
}
57
 
 
58
 
a {
59
 
        text-decoration:none;
60
 
}
61
 
 
62
 
a:link, a:visited {
63
 
        color:#003399;
64
 
}
65
 
 
66
 
p {
67
 
        margin-bottom: 1.2em;
68
 
        font-family:Arial;
69
 
        font-size:14px;
70
 
}
71
 
 
72
 
h4 {
73
 
        margin-top: 1.2em;
74
 
        font-family:Verdana, Arial, Helvetica, sans-serif;
75
 
        font-size:16px;
76
 
}
77
 
 
78
 
ul {
79
 
        /*list-style:disc outside;*/
80
 
        margin-left:1em;
81
 
        padding-left: 1em;
82
 
}
83
 
 
84
 
li {
85
 
        display:block;
86
 
}
87
 
 
88
 
h5 {
89
 
        margin-top: 1.2em;
90
 
}
91
 
 
92
 
.inside {
93
 
        padding:10px;
94
 
}
95
 
 
96
 
.highlight {
97
 
        clear:none;
98
 
        float:right;
99
 
        font-size:10px;
100
 
        border: 1px solid #003399;
101
 
        background: #E5F0FF;
102
 
        padding: 10px;
103
 
        text-align: center;
104
 
}
105
 
 
106
 
.button {
107
 
        border: 1px solid #003399;
108
 
        background: #E5F0FF;
109
 
        padding: 4px;
110
 
        text-align: center;
111
 
        line-height: 20px;
112
 
        width: 40px;
113
 
}
114
 
 
115
 
.cleared {
116
 
        clear:both;
117
 
}
118
 
 
119
 
.red {
120
 
        border: 1px solid #003399;
121
 
        background: url(../../img/filterform/filterbackground.png) #E5F0FF repeat-x;
122
 
        padding: 10px;
123
 
        text-align: center;
124
 
        color:red;
125
 
        width: 40%;
126
 
        margin:auto;
127
 
}
128
 
 
129
 
.orange {
130
 
        border: 1px solid #003399;
131
 
        background: #E5F0FF;
132
 
        padding: 10px;
133
 
        text-align: center;
134
 
        color:orange;
135
 
        width: 40%;
136
 
        margin:auto;
137
 
}
138
 
 
139
 
.green {
140
 
        border: 1px solid #003399;
141
 
        background: #E5F0FF;
142
 
        padding: 10px;
143
 
        text-align: center;
144
 
        color:green;
145
 
}
146
 
 
147
 
 
148
 
/* Default tables and forms */
149
 
table, td, th {
150
 
    background:#fff;
151
 
    border:1px solid #DCE4F5;
152
 
        border-collapse:collapse;
153
 
        margin:10px 0px 10px 0px;
154
 
        padding:5px;
155
 
        font-size:1em;
156
 
}
157
 
 
158
 
tr.hover td {
159
 
        background:#e3ebf8;
160
 
}
161
 
 
162
 
th {
163
 
        background: #E0E9F6;
164
 
}
165
 
 
166
 
.centered {
167
 
        text-align:center;
168
 
}
169
 
 
170
 
.leftbuttons {
171
 
        float:right;
172
 
        
173
 
}
174
 
 
175
 
/*tabs*/
176
 
.tabs{
177
 
        display: block;
178
 
        text-align: center;
179
 
}
180
 
 
181
 
.tabs li {
182
 
        display: inline;
183
 
        position:relative;
184
 
        padding: 10px;
185
 
}
186
 
 
187
 
.active {
188
 
        color: red;
189
 
 
190
 
}
191
 
/* Help Div's */
192
 
 
193
 
#notes {
194
 
        position:absolute;
195
 
        top: 200px;
196
 
        right: 20px;
197
 
        float:right;
198
 
        width:400px;
199
 
        height: 400px;
200
 
        border: 1px solid #DCE4F5;
201
 
        margin-right: 20px;
202
 
        background: url(../../img/filterform/filterbackground.png) #E5F0FF;
203
 
        background-repeat: repeat-x;
204
 
        overflow-x: hidden; 
205
 
        overflow-y: scroll;
206
 
        z-index:1;
207
 
}
208
 
 
209
 
#notes h4 {
210
 
        background: url(../../img/forms/help.png);
211
 
        background-repeat: no-repeat;
212
 
        font-size: 1em;
213
 
        color: #1F6CC2;
214
 
        padding-left:50px;
215
 
        height: 40px;
216
 
        margin:0px;
217
 
        padding-top:15px;
218
 
}
219
 
 
220
 
#notes h5 {
221
 
        margin: 0px;
222
 
        padding-top: 2px;
223
 
        font-size:10px;
224
 
}
225
 
 
226
 
#notes p {
227
 
        font-size: 0.9em;
228
 
        
229
 
}
230
 
 
231
 
#helptabs ul{
232
 
        margin: 0px;
233
 
        padding-left: 5px;
234
 
        padding-right: 5px;
235
 
        padding-bottom: 0px;
236
 
        
237
 
}
238
 
#helptabs li{
239
 
        float:left;
240
 
        border-bottom: none;
241
 
        margin-right: 1px;
242
 
        background: #ffffff;
243
 
}
244
 
 
245
 
#helptabs a{
246
 
 
247
 
}
248
 
 
249
 
#helpbody{
250
 
        padding-top:0px;
251
 
        padding:5px;
252
 
        margin:5px;
253
 
        margin-top:0px;
254
 
        height: 95%;
255
 
        clear:both;
256
 
        background: #E5F0FF;
257
 
        background-repeat: repeat-x;
258
 
        
259
 
}
260
 
 
261
 
#tips_div{
262
 
        background: url(../../img/tabs/tabbackground.png) repeat-x #e5f0ff; 
263
 
        margin-top: 0px;
264
 
}
265
 
 
266
 
/*Main Divs*/
267
 
#container {
268
 
        width: 100%;
269
 
}
270
 
 
271
 
#headercontainer {
272
 
        /*border-bottom:1px solid #003399;*/
273
 
        width: 100%;
274
 
}
275
 
 
276
 
#header {
277
 
        text-align:center;
278
 
    background: url(../../img/header.png) no-repeat;
279
 
    color:#FFF;
280
 
    height: 55px;
281
 
    width: 500px;
282
 
    float: left;
283
 
        margin:0;
284
 
}
285
 
 
286
 
#header h4 {
287
 
        margin-top:0;
288
 
}
289
 
 
290
 
#headerback {
291
 
        float: right;
292
 
}
293
 
 
294
 
#contentwrap {
295
 
        border-top: 1px solid #003399;
296
 
        clear:both;
297
 
}       
298
 
                
299
 
#content {
300
 
    padding-top: 0px;
301
 
        padding-left: 10px;
302
 
        padding-right: 10px;
303
 
    clear:both;
304
 
}
305
 
 
306
 
#navigation {
307
 
        width:100%;
308
 
    /*background:#E5F0FF;*/
309
 
    /*border-top:1px solid #003399;
310
 
        border-bottom:1px solid #003399;*/
311
 
    clear: both;
312
 
  
313
 
}
314
 
 
315
 
#navigation, #nav ul {
316
 
        list-style:none;
317
 
        /*background:#E5F0FF;*/
318
 
        margin:0;
319
 
        padding:0;
320
 
        line-height:2em;
321
 
        
322
 
}
323
 
 
324
 
#navigation li {
325
 
        position: relative;
326
 
        margin:0;
327
 
        padding:0;
328
 
        /*background:#E5F0FF;*/
329
 
        border-bottom:1px solid #003399;
330
 
        float: left;
331
 
        width: 80px;
332
 
}
333
 
 
334
 
 
335
 
#navigation a:link, #navigation a:visited {
336
 
        margin:0;
337
 
        padding: 0px 20px;
338
 
    height:20px;
339
 
    line-height:20px;
340
 
    color:#003399;
341
 
}
342
 
 
343
 
#navigation a:hover {
344
 
    color: #000000;
345
 
        margin: 0;
346
 
}
347
 
 
348
 
#navigation li:hover ul, #navigation li.sfhover ul {
349
 
        
350
 
        margin-top: 5px;
351
 
        display: block;
352
 
        background:#73A2D9;
353
 
        border-bottom: 1px solid #003399;
354
 
        list-style:none;
355
 
} 
356
 
 
357
 
#navigation ul li {
358
 
        margin: 0;
359
 
        position: relative;
360
 
        display: list-item;
361
 
        left: 0;
362
 
        border-bottom: 0px; 
363
 
        width: 150px;
364
 
        list-style:none;
365
 
        z-index:3;
366
 
}
367
 
 
368
 
 #navigation li ul {
369
 
        margin: 0;
370
 
        position: absolute;
371
 
        padding: 0.25em;
372
 
        left: 0;
373
 
        top: 1.6em;
374
 
        display: none;
375
 
        width: 150px;
376
 
        border-left: 1px solid #003399;
377
 
    border-right: 1px solid #003399;
378
 
    border-bottom: 1px solid #003399;
379
 
}
380
 
 
381
 
#navigation a.current {
382
 
        color:red;
383
 
}
384
 
 
385
 
#check {
386
 
        color:red;
387
 
}
388
 
 
389
 
.leftfloated {
390
 
        float:left;
391
 
        margin-left:20px;
392
 
        margin-right:20px;
393
 
}
394
 
 
395
 
.rightfloated {
396
 
        float:right;
397
 
        margin-left:20px;
398
 
        margin-right:20px;
399
 
}
400
 
 
401
 
.defaulted_tab {
402
 
        
403
 
        
404
 
}
405
 
 
406
 
.display_info {
407
 
        float:right;
408
 
}
409
 
 
410
 
.display_boxes table {
411
 
 border: 1px solid #003399;
412
 
}
413
 
 
414
 
/* - DASHBOARD DIV's - */
415
 
#dashcontainer{
416
 
        background: url(../../img/fades/E5F0FFback.png);
417
 
}
418
 
 
419
 
dashschedule.strong{
420
 
        position: -25px;
421
 
}
422
 
 
423
 
#dashbuttons{   
424
 
 
425
 
        text-align: center;
426
 
}
427
 
 
428
 
.dashicons{
429
 
        height:125px;
430
 
        display: block;
431
 
        float: left;
432
 
        margin: 5px 5px;
433
 
        padding: 35px;
434
 
        
435
 
 
436
 
}
437
 
 
438
 
.dash_button {
439
 
        display:block;
440
 
        text-align: center;
441
 
}
442
 
 
443
 
.dash_text {
444
 
        display:block;
445
 
}
446
 
 
447
 
.dashicons a:hover {
448
 
        color: #808080;
449
 
}
450
 
 
451
 
 
452
 
 
453
 
.dashboard_notes {
454
 
        clear:both;
455
 
        background:#E5F0FF;
456
 
        border:1px solid #A8CCFF;
457
 
        width: 100px;
458
 
        padding: 5px 5px 5px 5px;
459
 
        margin-top: 4px;        
460
 
}
461
 
 
462
 
.dashboard_notes p {
463
 
        padding: 5px 5px 5px 5px;
464
 
        font-size: 0.9em;
465
 
        margin: 0;      
466
 
}
467
 
 
468
 
.dashboard_notes h4 {
469
 
        margin: 0;
470
 
        background-image: url(../../img/info_icon.gif);
471
 
        background-repeat: no-repeat;
472
 
        background-position: top left;
473
 
        padding: 3px 0 3px 27px;
474
 
        border-bottom: 1px solid #000;
475
 
        font-size: 0.9em;
476
 
}
477
 
 
478
 
/*Clear DIVS*/
479
 
 
480
 
/*form div's*/
481
 
#form_container{
482
 
        background: url(../../img/fades/E5F0FFback.png);
483
 
        background: url(../../img/fades/formbodymiddle.png) #E2F0FF repeat-x;
484
 
}
485
 
 
486
 
#form_header {
487
 
        background: url(../../img/fades/formheadmiddle.png);
488
 
        background-repeat: repeat-x;
489
 
        height: 35px;
490
 
        margin-top: 0px;
491
 
        margin-left: 0px;
492
 
        margin-right: 0px;
493
 
        
494
 
 
495
 
}
496
 
#form_header_left{
497
 
        background: url(../../img/fades/formheadleft.png);
498
 
        background-repeat: no-repeat;
499
 
        float:left;
500
 
        width:40px;
501
 
        height:35px;
502
 
        clear:both;
503
 
        margin-left: 0px;
504
 
        margin-right: 0px;
505
 
        
506
 
}
507
 
 
508
 
#form_header_right{
509
 
        background: url(../../img/fades/formheadright.png);
510
 
        background-repeat: no-repeat;
511
 
        float: right;
512
 
        width:20px;
513
 
        height:35px;
514
 
        margin-left: 0px;
515
 
        margin-right: 0px;
516
 
        
517
 
}
518
 
 
519
 
#form_body_left{
520
 
        background: url(../../img/fades/formbodyleft.png);
521
 
        background-repeat: repeat-y;
522
 
        width: 50px;
523
 
        right: 50px;
524
 
        margin-left: -100%;
525
 
        
526
 
        float:left;
527
 
 
528
 
}
529
 
 
530
 
#form_body{
531
 
        width:98%;
532
 
        margin: auto;
533
 
        margin-top: 0px;
534
 
}
535
 
 
536
 
#form_body_right{
537
 
        background: url(../../img/fades/formbodyright.png);
538
 
        background-repeat: repeat-y;
539
 
        width: 43px;
540
 
        float:right;
541
 
 
542
 
 
543
 
}
544
 
 
545
 
#form_footer {
546
 
        background: url(../../img/fades/formfootmiddle.png);
547
 
        height: 75px;
548
 
        margin-top: 0px;
549
 
        margin-left: 0px;
550
 
        margin-right: 0px;
551
 
        clear:both;
552
 
        
553
 
 
554
 
}
555
 
#form_footer_left{
556
 
        background: url(../../img/fades/formfootleft.png);
557
 
        background-repeat: no-repeat;
558
 
        float:left;
559
 
        width:40px;
560
 
        height:75px;
561
 
        clear:both;
562
 
        margin-left: 0px;
563
 
        margin-right: 0px;
564
 
}
565
 
 
566
 
#form_footer_right{
567
 
        background: url(../../img/fades/formfootright.png);
568
 
        background-repeat: no-repeat;
569
 
        float: right;
570
 
        width:40px;
571
 
        height:75px;
572
 
        margin-left: 0px;
573
 
        margin-right: 0px;
574
 
                
575
 
}
576
 
 
577
 
/*Filter form Div's works expect for IE 6, does not use the table layouts
578
 
#add_wrapper_div{
579
 
        position:absolute;
580
 
        top: 0pt;
581
 
        left: 0pt;      
582
 
        right:0pt;
583
 
        width:100%;
584
 
        height: 100%;
585
 
        min-height:1000px;
586
 
        min-width: 1000px;
587
 
        background:none;
588
 
        z-index:1;
589
 
}
590
 
 
591
 
#add_overlay_div{
592
 
        position:absolute;
593
 
        top: 0px;
594
 
        right: 0px;
595
 
        width:100%;
596
 
        height: 100%;
597
 
        min-height:100%;
598
 
        background: #1C2A56;
599
 
        background-repeat: repeat-x;
600
 
        z-index:1;
601
 
        height: auto; min-height: 100%;
602
 
 
603
 
}
604
 
 
605
 
#add_form_div {
606
 
        margin-top:15%;
607
 
        height: 40%;
608
 
        width: 100%;    
609
 
        position: absolute;
610
 
        text-align: center;
611
 
        z-index:10;
612
 
 
613
 
}
614
 
#add_form_center {
615
 
        position:relative;
616
 
        margin:auto;
617
 
        width:500px;
618
 
        height:300px;
619
 
        border: 1px solid #DCE4F5;
620
 
        background: url(../../img/filterform/filterbackground) #E5F0FF;
621
 
        background-repeat: repeat-x;
622
 
 
623
 
}
624
 
*/
625
 
 
626
 
#add_wrapper_div{
627
 
        height:100%;
628
 
        left:0px;
629
 
        overflow:visible;
630
 
        position:absolute;
631
 
        top:0px;
632
 
        right:0px;
633
 
        bottom:0px;
634
 
        width:100%;
635
 
        z-index:100;
636
 
}
637
 
 
638
 
#add_overlay_div{
639
 
        position:absolute;
640
 
        top: 0px;
641
 
        right: 0px;
642
 
        width:100%;
643
 
        height: 100%;
644
 
        min-height:100%;
645
 
        background: #1C2A56;
646
 
        background-repeat: repeat-x;
647
 
        z-index:1;
648
 
        height: auto; min-height: 100%;
649
 
 
650
 
}
651
 
 
652
 
#add_form_div {
653
 
        margin-top:15%;
654
 
        height: 40%;
655
 
        width: 100%;    
656
 
        position: absolute;
657
 
        text-align: center;
658
 
        z-index:10;
659
 
 
660
 
}
661
 
#add_form_center {
662
 
        position:relative;
663
 
        margin:auto;
664
 
        width:500px;
665
 
        height:300px;
666
 
        border: 1px solid #DCE4F5;
667
 
        background: url(../../img/filterform/filterbackground) #E5F0FF;
668
 
        background-repeat: repeat-x;
669
 
 
670
 
}
671
 
 
672
 
#playlist_filterform_div {
673
 
        
674
 
        margin-left:25%;
675
 
        background: url(../../img/filterform/filterbackground.png) #E5F0FF;
676
 
        background-repeat: repeat-x;
677
 
        width: 45%;
678
 
        padding-bottom: 20px;
679
 
        padding-top:10px;
680
 
        border: 1px solid #DCE4F5;
681
 
        display:hidden;
682
 
        z-index: 0;
683
 
}
684
 
 
685
 
#filter_form {
686
 
        margin: auto;
687
 
        background: none;
688
 
        
689
 
}
690
 
 
691
 
#content_filterform_div {
692
 
        margin-left:25%;
693
 
        background: url(../../img/filterform/filterbackground.png) #E5F0FF;
694
 
        background-repeat: repeat-x;
695
 
        width: 45%;
696
 
        padding-left: 10px;
697
 
        padding-top:10px;
698
 
        border: 1px solid #DCE4F5;
699
 
        display:hidden;
700
 
}
701
 
 
702
 
/*presentation add forms*/
703
 
.pres_add{
704
 
        clear:both;
705
 
        width: 80%;
706
 
        margin: auto;
707
 
}
708
 
 
709
 
/*presentation edit forms*/
710
 
 
711
 
.page_intro{
712
 
        float:left;
713
 
}
714
 
 
715
 
.pres_edit {
716
 
        border: 1px solid #DCE4F5;
717
 
        background: url(../../img/filterform/filterbackground.png) #E5F0FF;
718
 
        background-repeat: repeat-x;
719
 
        margin-left: 25%;
720
 
        display:block;
721
 
        width: 40%;
722
 
        clear:both;
723
 
}
724
 
 
725
 
.slidetable{
726
 
        width:98%;
727
 
        clear:both;
728
 
}
729
 
 
730
 
/*Chart forms */
731
 
 
732
 
.edit_chart_dataset{
733
 
        float: left;
734
 
        width: 50%;
735
 
        margin-left: 10px;
736
 
}
737
 
 
738
 
.chart_fields{
739
 
        float: right;
740
 
        width: 45%;
741
 
        margin-left: 10px;
742
 
}
743
 
 
744
 
.chart_preview{
745
 
        width: 800px;
746
 
        clear:both;
747
 
        margin: auto;
748
 
}
749
 
 
750
 
/*data table items */
751
 
 
752
 
#data_table {
753
 
        clear:both;
754
 
        width: 100%;
755
 
}
756
 
 
757
 
.pages {
758
 
        float:right;
759
 
        display:inline;
760
 
        width: 115px;
761
 
        clear:both;
762
 
}
763
 
 
764
 
.info_table{
765
 
        clear:both;
766
 
        width: 100%;
767
 
        
768
 
}
769
 
 
770
 
#log_table {
771
 
        clear:both;
772
 
}
773
 
 
774
 
#preview {
775
 
        clear:both;
776
 
        background: #ffffff;
777
 
        margin:auto;
778
 
        margin-left:10%;
779
 
        margin-top: 5%;
780
 
        text-align:center;
781
 
        height:600px;
782
 
        width:800px;
783
 
}
784
 
 
785
 
 .title {
786
 
        margin:0px;
787
 
        padding-top:0.5px;
788
 
        text-align:center;
789
 
}
790
 
 
791
 
.title h4{
792
 
        margin-bottom:0.4em;
793
 
        margin-top:0.4em;
794
 
        color:#25457A;
795
 
        
796
 
}       
797
 
 
798
 
.formbody{
799
 
        padding: 10px;
800
 
}
801
 
 
802
 
.formbody p{
803
 
        color:#5A5A5A;
804
 
}
805
 
/*
806
 
.title {
807
 
        background: url(../../img/titles/header.png) no-repeat;
808
 
        padding-left: 5px;
809
 
        margin-bottom: 0px;
810
 
}
811
 
 
812
 
.title h4{
813
 
        color:#fff;
814
 
        font-size: 20px;
815
 
        padding-top:15px;
816
 
        padding-bottom:10px;
817
 
        margin-bottom:0px;
818
 
}       
819
 
 
820
 
.formbody{
821
 
        background: url(../../img/bodys/bodyback.png) repeat-x;
822
 
        padding: 5px;
823
 
}
824
 
 
825
 
td.error {
826
 
        color:red;
827
 
}
828
 
 
829
 
/*Data table*/
830
 
.dataset_table {
831
 
        clear:both;
832
 
}
833
 
 
834
 
.dataset_table table, .dataset_table tr, .dataset_table td {
835
 
        padding:0px;
836
 
}
837
 
 
838
 
.dataset_table form {
839
 
        display:inline;
840
 
        padding: 0;
841
 
        margin: 0;
842
 
}
843
 
 
844
 
.dataset_table tr{
845
 
        height: 20px;
846
 
}
847
 
 
848
 
 
849
 
#mediaformwrap{
850
 
        width: 90%;
851
 
        margin: auto;
852
 
        clear:both;
853
 
}
854
 
 
855
 
#csv_import{
856
 
        width: 98%;
857
 
        margin:auto;
858
 
        
859
 
        }
860
 
 
861
 
/*settings tabs*/
862
 
 
863
 
#settings {
864
 
        width: 90%;
865
 
        margin:auto;
866
 
        clear:both;
867
 
}
868
 
 
869
 
#csv_import table, #csv_import td, #csv_import th {
870
 
 
871
 
    background:#fff;
872
 
    border:1px solid #DCE4F5;
873
 
        
874
 
        border-collapse:collapse;
875
 
        margin:10px 0px 10px 0px;
876
 
        padding:5px;
877
 
        font-size:1em;
878
 
}
879
 
 
880
 
.region
881
 
{
882
 
        cursor:pointer;
883
 
}
884
 
 
885
 
.regionicons{
886
 
        display: block;
887
 
        float: left;
888
 
        margin: 5px 5px;
889
 
        padding: 5px;
890
 
}
891
 
 
892
 
.region_button {
893
 
        display:block;
894
 
        text-align: center;
895
 
}
896
 
 
897
 
.region_text {
898
 
        display:block;
899
 
}
900
 
 
901
 
.regionicons a:hover {
902
 
        color: #808080;
903
 
}
904
 
 
905
 
.timebar
906
 
{
907
 
        color:#A5C4E7;
908
 
        height:62px;
909
 
}
910
 
 
911
 
.timebar_powerpoint_left{
912
 
        background:url(../../img/forms/blue_bar.gif) no-repeat;
913
 
        background-position:top left;
914
 
        height:59px;
915
 
        width:9px;
916
 
        float:left;
917
 
}
918
 
 
919
 
.timebar_powerpoint_right{
920
 
        background:url(../../img/forms/blue_bar.gif) no-repeat;
921
 
        background-position:top right;
922
 
        height:59px;
923
 
        margin-left:9px;
924
 
}
925
 
 
926
 
.timebar_image_left{
927
 
        background:url(../../img/forms/red_bar.gif) no-repeat;
928
 
        background-position:top left;
929
 
        height:59px;
930
 
        width:9px;
931
 
        float:left;
932
 
}
933
 
 
934
 
.timebar_image_right{
935
 
        background:url(../../img/forms/red_bar.gif) no-repeat;
936
 
        background-position:top right;
937
 
        height:59px;
938
 
        margin-left:9px;
939
 
}
940
 
 
941
 
.timebar_webpage_left{
942
 
        background:url(../../img/forms/green_bar.gif) no-repeat;
943
 
        background-position:top left;
944
 
        height:59px;
945
 
        width:9px;
946
 
        float:left;
947
 
}
948
 
 
949
 
.timebar_webpage_right{
950
 
        background:url(../../img/forms/green_bar.gif) no-repeat;
951
 
        background-position:top right;
952
 
        height:59px;
953
 
        margin-left:9px;
954
 
}
955
 
 
956
 
.timebar_embedded_left{
957
 
        background:url(../../img/forms/green_bar.gif) no-repeat;
958
 
        background-position:top left;
959
 
        height:59px;
960
 
        width:9px;
961
 
        float:left;
962
 
}
963
 
 
964
 
.timebar_embedded_right{
965
 
        background:url(../../img/forms/green_bar.gif) no-repeat;
966
 
        background-position:top right;
967
 
        height:59px;
968
 
        margin-left:9px;
969
 
}
970
 
 
971
 
.timebar_text_left{
972
 
        background:url(../../img/forms/yellow_bar.gif) no-repeat;
973
 
        background-position:top left;
974
 
        height:59px;
975
 
        width:9px;
976
 
        float:left;
977
 
}
978
 
 
979
 
.timebar_text_right{
980
 
        background:url(../../img/forms/yellow_bar.gif) no-repeat;
981
 
        background-position:top right;
982
 
        height:59px;
983
 
        margin-left:9px;
984
 
}
985
 
.timebar_ticker_left{
986
 
        background:url(../../img/forms/orange_bar.gif) no-repeat;
987
 
        background-position:top left;
988
 
        height:59px;
989
 
        width:9px;
990
 
        float:left;
991
 
}
992
 
 
993
 
.timebar_ticker_right{
994
 
        background:url(../../img/forms/orange_bar.gif) no-repeat;
995
 
        background-position:top right;
996
 
        height:59px;
997
 
        margin-left:9px;
998
 
}
999
 
.timebar_video_left{
1000
 
        background:url(../../img/forms/purple_bar.gif) no-repeat;
1001
 
        background-position:top left;
1002
 
        height:59px;
1003
 
        width:9px;
1004
 
        float:left;
1005
 
}
1006
 
 
1007
 
.timebar_video_right{
1008
 
        background:url(../../img/forms/purple_bar.gif) no-repeat;
1009
 
        background-position:top right;
1010
 
        height:59px;
1011
 
        margin-left:9px;
1012
 
}
1013
 
.timebar_flash_left{
1014
 
        background:url(../../img/forms/grey_bar.gif) no-repeat;
1015
 
        background-position:top left;
1016
 
        height:59px;
1017
 
        width:9px;
1018
 
        float:left;
1019
 
}
1020
 
 
1021
 
.timebar_flash_right{
1022
 
        background:url(../../img/forms/grey_bar.gif) no-repeat;
1023
 
        background-position:top right;
1024
 
        height:59px;
1025
 
        margin-left:9px;
1026
 
}
1027
 
 
1028
 
#timeline table
1029
 
{
1030
 
        width:100%;
1031
 
}
1032
 
 
1033
 
#timeline{
1034
 
        height:164px;
1035
 
        width: 800px;
1036
 
        background:url(../../img/forms/background_timeline.png) no-repeat;
1037
 
        float:left;
1038
 
}
1039
 
 
1040
 
#timeline_body{
1041
 
        height:164px;
1042
 
        background: url(../../img/forms/main_right_timeline.png);
1043
 
        position: top right;
1044
 
        margin-left:20px;
1045
 
}
1046
 
 
1047
 
#timeline_right{
1048
 
        height:164px;
1049
 
}
1050
 
 
1051
 
.mediabreak{
1052
 
        background:url(../../img/forms/line_break.png) no-repeat;
1053
 
        width:9px;
1054
 
        height:164px;
1055
 
        z-index:2;
1056
 
        float:left;
1057
 
}
1058
 
 
1059
 
.tooltip_hidden
1060
 
{
1061
 
        display:none;
1062
 
}
1063
 
 
1064
 
#tooltip_hover
1065
 
{
1066
 
        display:block;
1067
 
        width: 200px;
1068
 
        height: 200px;
1069
 
        background: url(../../img/forms/previewback.png) repeat-x #fff;
1070
 
        border: 2px solid #DCE4F5;
1071
 
        padding: 10px;
1072
 
        z-index:15;
1073
 
}
1074
 
 
1075
 
.scrollingWindow 
1076
 
{
1077
 
        overflow-y: scroll;
1078
 
}
 
1
/*
 
2
 * Xibo - Digitial Signage - http://www.xibo.org.uk
 
3
 * Copyright (C) 2006,2007,2008 Daniel Garner and James Packer
 
4
 *
 
5
 * This file is part of Xibo.
 
6
 *
 
7
 * Xibo is free software: you can redistribute it and/or modify
 
8
 * it under the terms of the GNU Affero General Public License as published by
 
9
 * the Free Software Foundation, either version 3 of the License, or
 
10
 * any later version. 
 
11
 *
 
12
 * Xibo is distributed in the hope that it will be useful,
 
13
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
14
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
15
 * GNU Affero General Public License for more details.
 
16
 *
 
17
 * You should have received a copy of the GNU Affero General Public License
 
18
 * along with Xibo.  If not, see <http://www.gnu.org/licenses/>.
 
19
 */ 
 
20
@import url(forms.css);
 
21
@import url(links.css);
 
22
 
 
23
body {
 
24
        background: url(../../img/headerback.png) repeat-x;
 
25
        font-size:76.1%;
 
26
        font-family:Verdana, Arial, Helvetica, sans-serif;
 
27
        margin:0;
 
28
        min-width:950px;
 
29
        width:expression(document.body.clientwidth <950? "950px": "auto");
 
30
}
 
31
 
 
32
div.dimmer 
 
33
{
 
34
    visibility: hidden;
 
35
    position:absolute;
 
36
    left:0px;
 
37
    top:0px;
 
38
    padding:40px;
 
39
 
 
40
    background-image:url(honey.png);
 
41
    /* ieWin only stuff */
 
42
        /* with this trick only IE 
 
43
           manage the following 2 attributes */   
 
44
    _background-image:none;
 
45
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='honey.png');
 
46
}
 
47
 
 
48
/* Begin Customisation */
 
49
 
 
50
/* Standard Tags */
 
51
img {
 
52
        border:0px;
 
53
        
 
54
}
 
55
 
 
56
a {
 
57
        text-decoration:none;
 
58
}
 
59
 
 
60
a:link, a:visited {
 
61
        color:#003399;
 
62
}
 
63
 
 
64
p {
 
65
        margin-bottom: 1.2em;
 
66
        font-family:Arial;
 
67
        font-size:14px;
 
68
}
 
69
 
 
70
h4 {
 
71
        margin-top: 1.2em;
 
72
        font-family:Verdana, Arial, Helvetica, sans-serif;
 
73
        font-size:16px;
 
74
}
 
75
 
 
76
ul {
 
77
        /*list-style:disc outside;*/
 
78
        margin-left:1em;
 
79
        padding-left: 1em;
 
80
}
 
81
 
 
82
li {
 
83
        display:block;
 
84
}
 
85
 
 
86
h5 {
 
87
        margin-top: 1.2em;
 
88
}
 
89
 
 
90
.inside {
 
91
        padding:10px;
 
92
}
 
93
 
 
94
.highlight {
 
95
        clear:none;
 
96
        float:right;
 
97
        font-size:10px;
 
98
        border: 1px solid #003399;
 
99
        background: #E5F0FF;
 
100
        padding: 10px;
 
101
        text-align: center;
 
102
}
 
103
 
 
104
.button {
 
105
        border: 1px solid #003399;
 
106
        background: #E5F0FF;
 
107
        padding: 4px;
 
108
        text-align: center;
 
109
        line-height: 20px;
 
110
        width: 40px;
 
111
}
 
112
 
 
113
.cleared {
 
114
        clear:both;
 
115
}
 
116
 
 
117
.red {
 
118
        border: 1px solid #003399;
 
119
        background: url(../../img/filterform/filterbackground.png) #E5F0FF repeat-x;
 
120
        padding: 10px;
 
121
        text-align: center;
 
122
        color:red;
 
123
        width: 40%;
 
124
        margin:auto;
 
125
}
 
126
 
 
127
.orange {
 
128
        border: 1px solid #003399;
 
129
        background: #E5F0FF;
 
130
        padding: 10px;
 
131
        text-align: center;
 
132
        color:orange;
 
133
        width: 40%;
 
134
        margin:auto;
 
135
}
 
136
 
 
137
.green {
 
138
        border: 1px solid #003399;
 
139
        background: #E5F0FF;
 
140
        padding: 10px;
 
141
        text-align: center;
 
142
        color:green;
 
143
}
 
144
 
 
145
 
 
146
/* Default tables and forms */
 
147
table,td,th {
 
148
    background:#fff;
 
149
    border:1px solid #DCE4F5;
 
150
        border-collapse:collapse;
 
151
        margin:10px 0px 10px 0px;
 
152
        padding:5px;
 
153
        font-size:1em;
 
154
}
 
155
 
 
156
tr.hover td {
 
157
        background:#e3ebf8;
 
158
}
 
159
 
 
160
th {
 
161
        background: #E0E9F6;
 
162
}
 
163
.centered {
 
164
        text-align:center;
 
165
}
 
166
 
 
167
.leftbuttons {
 
168
        float:right;
 
169
        
 
170
}
 
171
 
 
172
/*tabs*/
 
173
 
 
174
.tabs{
 
175
        display: block;
 
176
        text-align: center;
 
177
}
 
178
 
 
179
.tabs li {
 
180
        display: inline;
 
181
        position:relative;
 
182
        padding: 10px;
 
183
}
 
184
 
 
185
.active {
 
186
        color: red;
 
187
 
 
188
}
 
189
/* Help Div's */
 
190
 
 
191
#notes {
 
192
        position:absolute;
 
193
        top: 200px;
 
194
        right: 20px;
 
195
        float:right;
 
196
        width:400px;
 
197
        height: 400px;
 
198
        border: 1px solid #DCE4F5;
 
199
        margin-right: 20px;
 
200
        background: url(../../img/filterform/filterbackground.png) #E5F0FF;
 
201
        background-repeat: repeat-x;
 
202
        overflow-x: hidden; 
 
203
        overflow-y: scroll;
 
204
        z-index:1;
 
205
}
 
206
 
 
207
#notes h4 {
 
208
        background: url(../../img/forms/help.png);
 
209
        background-repeat: no-repeat;
 
210
        font-size: 1em;
 
211
        color: #1F6CC2;
 
212
        padding-left:50px;
 
213
        height: 40px;
 
214
        margin:0px;
 
215
        padding-top:15px;
 
216
}
 
217
 
 
218
#notes h5 {
 
219
        margin: 0px;
 
220
        padding-top: 2px;
 
221
        font-size:10px;
 
222
}
 
223
 
 
224
#notes p {
 
225
        font-size: 0.9em;
 
226
        
 
227
}
 
228
 
 
229
#helptabs ul{
 
230
        margin: 0px;
 
231
        padding-left: 5px;
 
232
        padding-right: 5px;
 
233
        padding-bottom: 0px;
 
234
        
 
235
}
 
236
#helptabs li{
 
237
        float:left;
 
238
        border-bottom: none;
 
239
        margin-right: 1px;
 
240
        background: #ffffff;
 
241
}
 
242
 
 
243
#helptabs a{
 
244
 
 
245
}
 
246
 
 
247
#helpbody{
 
248
        padding-top:0px;
 
249
        padding:5px;
 
250
        margin:5px;
 
251
        margin-top:0px;
 
252
        height: 95%;
 
253
        clear:both;
 
254
        background: #E5F0FF;
 
255
        background-repeat: repeat-x;
 
256
        
 
257
}
 
258
 
 
259
#tips_div{
 
260
        background: url(../../img/tabs/tabbackground.png) repeat-x #e5f0ff; 
 
261
        margin-top: 0px;
 
262
}
 
263
 
 
264
/*Main Divs*/
 
265
#container {
 
266
        width: 100%;
 
267
}
 
268
 
 
269
#headercontainer {
 
270
        /*border-bottom:1px solid #003399;*/
 
271
        width: 100%;
 
272
}
 
273
 
 
274
#header {
 
275
        text-align:center;
 
276
    background: url(../../img/header.png) no-repeat;
 
277
    color:#FFF;
 
278
    height: 55px;
 
279
    width: 500px;
 
280
    float: left;
 
281
        margin:0;
 
282
}
 
283
 
 
284
#header h4 {
 
285
        margin-top:0;
 
286
}
 
287
 
 
288
#headerback {
 
289
        float: left;
 
290
}
 
291
 
 
292
#contentwrap {
 
293
        border-top: 1px solid #003399;
 
294
        clear:both;
 
295
}       
 
296
                
 
297
#content {
 
298
    padding-top: 0px;
 
299
        padding-left: 10px;
 
300
        padding-right: 10px;
 
301
    clear:both;
 
302
}
 
303
 
 
304
#navigation {
 
305
        width:100%;
 
306
    /*background:#E5F0FF;*/
 
307
    /*border-top:1px solid #003399;
 
308
        border-bottom:1px solid #003399;*/
 
309
    clear: both;
 
310
  
 
311
}
 
312
 
 
313
#navigation, #nav ul {
 
314
        list-style:none;
 
315
        /*background:#E5F0FF;*/
 
316
        margin:0;
 
317
        padding:0;
 
318
        line-height:2em;
 
319
        
 
320
}
 
321
 
 
322
#navigation li {
 
323
        position: relative;
 
324
        margin:0;
 
325
        padding:0;
 
326
        /*background:#E5F0FF;*/
 
327
        border-bottom:1px solid #003399;
 
328
        float: left;
 
329
        width: 80px;
 
330
}
 
331
 
 
332
 
 
333
#navigation a:link, #navigation a:visited {
 
334
        margin:0;
 
335
        padding: 0px 20px;
 
336
    height:20px;
 
337
    line-height:20px;
 
338
    color:#003399;
 
339
}
 
340
 
 
341
#navigation a:hover {
 
342
    color: #000000;
 
343
        margin: 0;
 
344
}
 
345
 
 
346
#navigation li:hover ul, #navigation li.sfhover ul {
 
347
        
 
348
        margin-top: 5px;
 
349
        display: block;
 
350
        background:#73A2D9;
 
351
        border-bottom: 1px solid #003399;
 
352
        list-style:none;
 
353
} 
 
354
 
 
355
#navigation ul li {
 
356
        margin: 0;
 
357
        position: relative;
 
358
        display: list-item;
 
359
        left: 0;
 
360
        border-bottom: 0px; 
 
361
        width: 150px;
 
362
        list-style:none;
 
363
        z-index:3;
 
364
}
 
365
 
 
366
 #navigation li ul {
 
367
        margin: 0;
 
368
        position: absolute;
 
369
        padding: 0.25em;
 
370
        left: 0;
 
371
        top: 1.6em;
 
372
        display: none;
 
373
        width: 150px;
 
374
        border-left: 1px solid #003399;
 
375
    border-right: 1px solid #003399;
 
376
    border-bottom: 1px solid #003399;
 
377
}
 
378
 
 
379
#navigation a.current {
 
380
        color:red;
 
381
}
 
382
 
 
383
#check {
 
384
        color:red;
 
385
}
 
386
 
 
387
.leftfloated {
 
388
        float:left;
 
389
        margin-left:20px;
 
390
        margin-right:20px;
 
391
}
 
392
 
 
393
.rightfloated {
 
394
        float:right;
 
395
        margin-left:20px;
 
396
        margin-right:20px;
 
397
}
 
398
 
 
399
.defaulted_tab {
 
400
        
 
401
        
 
402
}
 
403
/*
 
404
.display_tabs {
 
405
        clear:left;
 
406
        padding-top:18px;
 
407
        height: 35px;
 
408
}
 
409
 
 
410
.display_tabs ul {
 
411
        
 
412
}
 
413
 
 
414
.display_tabs ul li{
 
415
        display:inline;
 
416
}
 
417
 
 
418
.display_tabs a {
 
419
    
 
420
    background:url(../../img/forms/display.png) no-repeat;
 
421
        width: 90px;
 
422
        height: 56px;
 
423
 
 
424
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 
425
    font-size:100%;
 
426
    line-height:130%;
 
427
    text-decoration:none;
 
428
    font-weight:bold;
 
429
    color:#565656;
 
430
    cursor:pointer;
 
431
        
 
432
    padding:18px 25px 25px 25px; /* Links */
 
433
}
 
434
/*
 
435
.display_tabs a:hover{
 
436
        background:url(../../img/forms/tvbuttondown.png) no-repeat;
 
437
        width: 90px;
 
438
        height: 56px;
 
439
    background-color:#dff4ff;
 
440
    color:#fff;
 
441
}
 
442
 
 
443
.display_tabs a.defaulted_tab {
 
444
        color: red;
 
445
        background:url(../../img/forms/display.png) no-repeat;
 
446
        width: 90px;
 
447
        height: 56px;
 
448
 
 
449
}
 
450
 
 
451
.display_tabs a.normal_tab {
 
452
        
 
453
        width: 90px;
 
454
        height: 56px;
 
455
 
 
456
}
 
457
*/
 
458
.display_info {
 
459
        float:right;
 
460
}
 
461
 
 
462
.display_boxes table {
 
463
 border: 1px solid #003399;
 
464
}
 
465
 
 
466
/* Calendar */
 
467
.calendar {
 
468
        width:100%;
 
469
        height:600px;
 
470
        clear:both;
 
471
}
 
472
 
 
473
/*.calendar table, .calendar td, .calendar th {
 
474
        border:1px solid #A8CCFF;
 
475
        border-collapse:collapse;
 
476
        font-size:1em;
 
477
}*/
 
478
 
 
479
.calendar td {
 
480
        vertical-align:top;
 
481
        width:14.2%;
 
482
        padding:0;
 
483
}
 
484
 
 
485
.calendar tr {
 
486
        height:75px;
 
487
}
 
488
 
 
489
.calendar_inner {
 
490
        width:100%;
 
491
        height:30px;
 
492
        text-align:center;
 
493
}
 
494
 
 
495
table.calendar_inner  {
 
496
        margin:0;
 
497
}
 
498
 
 
499
.calendar_inner tr {
 
500
        height:5px;
 
501
}
 
502
 
 
503
.calendar_inner td {
 
504
        vertical-align:middle;
 
505
        margin:0;
 
506
}
 
507
 
 
508
.calendar td.today {
 
509
        background: #FFFFCC;
 
510
}
 
511
 
 
512
.calendar td.nonmonthdays {
 
513
        background: #DDDDDD;
 
514
}
 
515
 
 
516
.calendar tr.heading {
 
517
        vertical-align:middle;
 
518
        text-align:center;
 
519
        height:8px;
 
520
}
 
521
 
 
522
.calendar tr.month_nav , .calendar tr.month_nav td {
 
523
        height:5px;
 
524
        margin:0;
 
525
        vertical-align:middle;
 
526
}
 
527
 
 
528
.calendar a.day_label, .calendar a.day_label:link {
 
529
        width: 100%;
 
530
        background: url(../../img/tabs/tabbackground.png) repeat-x #E5F0FF;
 
531
        display:block;
 
532
        margin-bottom:2px;
 
533
        cursor:pointer;
 
534
}
 
535
 
 
536
.calendar a.event, .calendar a.event:link {
 
537
        width:100%;
 
538
        display:block;
 
539
}
 
540
 
 
541
.calendar a.long_event, .calendar a.long_event:link {
 
542
        width:100%;
 
543
        background: grey;
 
544
        color:white;
 
545
        display:block;
 
546
        padding-bottom:2px;
 
547
        padding-top:2px;
 
548
        margin-bottom:1px;
 
549
}
 
550
 
 
551
.calendar a.pad, .calendar a.pad:link {
 
552
        width:100%;
 
553
        background: #fff;
 
554
        color: #fff;
 
555
        display:block;
 
556
        padding-bottom:2px;
 
557
        padding-top:2px;
 
558
        margin-bottom:1px;
 
559
}
 
560
 
 
561
.inner_day {
 
562
 
 
563
}
 
564
 
 
565
.day_view {
 
566
        clear:both;
 
567
}
 
568
 
 
569
.day_view td.busy {
 
570
        background: #A5C4E7;
 
571
}
 
572
 
 
573
.day_view td.busy_no_edit {
 
574
        background: #B6B6BF;
 
575
}
 
576
 
 
577
.day_view td.busy_has_priority {
 
578
        background: red;
 
579
}
 
580
 
 
581
.day_view td.busy_no_edit a.event {
 
582
        color: #B6B6BF;
 
583
}
 
584
 
 
585
.day_view td.busy_has_priority a.event {
 
586
        color: red;
 
587
}
 
588
 
 
589
.day_view a.event {
 
590
        display:block;
 
591
        color:#A5C4E7;
 
592
}
 
593
 
 
594
.day_view td.add {
 
595
        background: red;
 
596
}
 
597
 
 
598
.add_new_event 
 
599
{
 
600
        cursor:pointer;
 
601
        color: #006699;
 
602
}
 
603
 
 
604
.date {
 
605
        margin-right: 5px;
 
606
}
 
607
 
 
608
/* - DASHBOARD DIV's - */
 
609
#dashcontainer{
 
610
        background: url(../../img/fades/E5F0FFback.png);
 
611
}
 
612
 
 
613
dashschedule.strong{
 
614
        position: -25px;
 
615
}
 
616
 
 
617
#dashbuttons{   
 
618
 
 
619
        text-align: center;
 
620
}
 
621
 
 
622
.dashicons{
 
623
        height:125px;
 
624
        display: block;
 
625
        float: left;
 
626
        margin: 5px 5px;
 
627
        padding: 35px;
 
628
        
 
629
 
 
630
}
 
631
 
 
632
.dash_button {
 
633
        display:block;
 
634
        text-align: center;
 
635
}
 
636
 
 
637
.dash_text {
 
638
        display:block;
 
639
}
 
640
 
 
641
.dashicons a:hover {
 
642
        color: #808080;
 
643
}
 
644
 
 
645
 
 
646
 
 
647
.dashboard_notes {
 
648
        clear:both;
 
649
        background:#E5F0FF;
 
650
        border:1px solid #A8CCFF;
 
651
        width: 100px;
 
652
        padding: 5px 5px 5px 5px;
 
653
        margin-top: 4px;        
 
654
}
 
655
 
 
656
.dashboard_notes p {
 
657
        padding: 5px 5px 5px 5px;
 
658
        font-size: 0.9em;
 
659
        margin: 0;      
 
660
}
 
661
 
 
662
.dashboard_notes h4 {
 
663
        margin: 0;
 
664
        background-image: url(../../img/info_icon.gif);
 
665
        background-repeat: no-repeat;
 
666
        background-position: top left;
 
667
        padding: 3px 0 3px 27px;
 
668
        border-bottom: 1px solid #000;
 
669
        font-size: 0.9em;
 
670
}
 
671
 
 
672
/*Clear DIVS*/
 
673
 
 
674
/*form div's*/
 
675
#form_container{
 
676
        background: url(../../img/fades/E5F0FFback.png);
 
677
        background: url(../../img/fades/formbodymiddle.png) #E2F0FF repeat-x;
 
678
}
 
679
 
 
680
#form_header {
 
681
        background: url(../../img/fades/formheadmiddle.png);
 
682
        background-repeat: repeat-x;
 
683
        height: 35px;
 
684
        margin-top: 0px;
 
685
        margin-left: 0px;
 
686
        margin-right: 0px;
 
687
        
 
688
 
 
689
}
 
690
#form_header_left{
 
691
        background: url(../../img/fades/formheadleft.png);
 
692
        background-repeat: no-repeat;
 
693
        float:left;
 
694
        width:40px;
 
695
        height:35px;
 
696
        clear:both;
 
697
        margin-left: 0px;
 
698
        margin-right: 0px;
 
699
        
 
700
}
 
701
 
 
702
#form_header_right{
 
703
        background: url(../../img/fades/formheadright.png);
 
704
        background-repeat: no-repeat;
 
705
        float: right;
 
706
        width:20px;
 
707
        height:35px;
 
708
        margin-left: 0px;
 
709
        margin-right: 0px;
 
710
        
 
711
}
 
712
 
 
713
#form_body_left{
 
714
        background: url(../../img/fades/formbodyleft.png);
 
715
        background-repeat: repeat-y;
 
716
        width: 50px;
 
717
        right: 50px;
 
718
        margin-left: -100%;
 
719
        
 
720
        float:left;
 
721
 
 
722
}
 
723
 
 
724
#form_body{
 
725
        width:98%;
 
726
        margin: auto;
 
727
        margin-top: 0px;
 
728
}
 
729
 
 
730
#form_body_right{
 
731
        background: url(../../img/fades/formbodyright.png);
 
732
        background-repeat: repeat-y;
 
733
        width: 43px;
 
734
        float:right;
 
735
 
 
736
 
 
737
}
 
738
 
 
739
#form_footer {
 
740
        background: url(../../img/fades/formfootmiddle.png);
 
741
        height: 75px;
 
742
        margin-top: 0px;
 
743
        margin-left: 0px;
 
744
        margin-right: 0px;
 
745
        clear:both;
 
746
        
 
747
 
 
748
}
 
749
#form_footer_left{
 
750
        background: url(../../img/fades/formfootleft.png);
 
751
        background-repeat: no-repeat;
 
752
        float:left;
 
753
        width:40px;
 
754
        height:75px;
 
755
        clear:both;
 
756
        margin-left: 0px;
 
757
        margin-right: 0px;
 
758
}
 
759
 
 
760
#form_footer_right{
 
761
        background: url(../../img/fades/formfootright.png);
 
762
        background-repeat: no-repeat;
 
763
        float: right;
 
764
        width:40px;
 
765
        height:75px;
 
766
        margin-left: 0px;
 
767
        margin-right: 0px;
 
768
                
 
769
}
 
770
 
 
771
/*Filter form Div's works expect for IE 6, does not use the table layouts
 
772
#add_wrapper_div{
 
773
        position:absolute;
 
774
        top: 0pt;
 
775
        left: 0pt;      
 
776
        right:0pt;
 
777
        width:100%;
 
778
        height: 100%;
 
779
        min-height:1000px;
 
780
        min-width: 1000px;
 
781
        background:none;
 
782
        z-index:1;
 
783
}
 
784
 
 
785
#add_overlay_div{
 
786
        position:absolute;
 
787
        top: 0px;
 
788
        right: 0px;
 
789
        width:100%;
 
790
        height: 100%;
 
791
        min-height:100%;
 
792
        background: #1C2A56;
 
793
        background-repeat: repeat-x;
 
794
        z-index:1;
 
795
        height: auto; min-height: 100%;
 
796
 
 
797
}
 
798
 
 
799
#add_form_div {
 
800
        margin-top:15%;
 
801
        height: 40%;
 
802
        width: 100%;    
 
803
        position: absolute;
 
804
        text-align: center;
 
805
        z-index:10;
 
806
 
 
807
}
 
808
#add_form_center {
 
809
        position:relative;
 
810
        margin:auto;
 
811
        width:500px;
 
812
        height:300px;
 
813
        border: 1px solid #DCE4F5;
 
814
        background: url(../../img/filterform/filterbackground) #E5F0FF;
 
815
        background-repeat: repeat-x;
 
816
 
 
817
}
 
818
*/
 
819
 
 
820
#add_wrapper_div{
 
821
        height:100%;
 
822
        left:0px;
 
823
        overflow:visible;
 
824
        position:absolute;
 
825
        top:0px;
 
826
        right:0px;
 
827
        bottom:0px;
 
828
        width:100%;
 
829
        z-index:100;
 
830
}
 
831
 
 
832
#add_overlay_div{
 
833
        position:absolute;
 
834
        top: 0px;
 
835
        right: 0px;
 
836
        width:100%;
 
837
        height: 100%;
 
838
        min-height:100%;
 
839
        background: #1C2A56;
 
840
        background-repeat: repeat-x;
 
841
        z-index:1;
 
842
        height: auto; min-height: 100%;
 
843
 
 
844
}
 
845
 
 
846
#add_form_div {
 
847
        margin-top:15%;
 
848
        height: 40%;
 
849
        width: 100%;    
 
850
        position: absolute;
 
851
        text-align: center;
 
852
        z-index:10;
 
853
 
 
854
}
 
855
#add_form_center {
 
856
        position:relative;
 
857
        margin:auto;
 
858
        width:500px;
 
859
        height:300px;
 
860
        border: 1px solid #DCE4F5;
 
861
        background: url(../../img/filterform/filterbackground) #E5F0FF;
 
862
        background-repeat: repeat-x;
 
863
 
 
864
}
 
865
 
 
866
#playlist_filterform_div {
 
867
        
 
868
        margin-left:25%;
 
869
        background: url(../../img/filterform/filterbackground.png) #E5F0FF;
 
870
        background-repeat: repeat-x;
 
871
        width: 45%;
 
872
        padding-bottom: 20px;
 
873
        padding-top:10px;
 
874
        border: 1px solid #DCE4F5;
 
875
        display:hidden;
 
876
        z-index: 0;
 
877
}
 
878
 
 
879
#filter_form {
 
880
        margin: auto;
 
881
        background: none;
 
882
        
 
883
}
 
884
 
 
885
#content_filterform_div {
 
886
        margin-left:25%;
 
887
        background: url(../../img/filterform/filterbackground.png) #E5F0FF;
 
888
        background-repeat: repeat-x;
 
889
        width: 45%;
 
890
        padding-left: 10px;
 
891
        padding-top:10px;
 
892
        border: 1px solid #DCE4F5;
 
893
        display:hidden;
 
894
}
 
895
 
 
896
/*presentation add forms*/
 
897
.pres_add{
 
898
        clear:both;
 
899
        width: 80%;
 
900
        margin: auto;
 
901
}
 
902
 
 
903
/*presentation edit forms*/
 
904
 
 
905
.page_intro{
 
906
        float:left;
 
907
}
 
908
 
 
909
.pres_edit {
 
910
        border: 1px solid #DCE4F5;
 
911
        background: url(../../img/filterform/filterbackground.png) #E5F0FF;
 
912
        background-repeat: repeat-x;
 
913
        margin-left: 25%;
 
914
        display:block;
 
915
        width: 40%;
 
916
        clear:both;
 
917
}
 
918
 
 
919
.slidetable{
 
920
        width:98%;
 
921
        clear:both;
 
922
}
 
923
 
 
924
/*Chart forms */
 
925
 
 
926
.edit_chart_dataset{
 
927
        float: left;
 
928
        width: 50%;
 
929
        margin-left: 10px;
 
930
}
 
931
 
 
932
.chart_fields{
 
933
        float: right;
 
934
        width: 45%;
 
935
        margin-left: 10px;
 
936
}
 
937
 
 
938
.chart_preview{
 
939
        width: 800px;
 
940
        clear:both;
 
941
        margin: auto;
 
942
}
 
943
 
 
944
/*data table items */
 
945
 
 
946
#data_table {
 
947
        clear:both;
 
948
        width: 100%;
 
949
}
 
950
 
 
951
.pages {
 
952
        float:right;
 
953
        display:inline;
 
954
        width: 115px;
 
955
        clear:both;
 
956
}
 
957
 
 
958
.info_table{
 
959
        clear:both;
 
960
        width: 100%;
 
961
        
 
962
}
 
963
 
 
964
#log_table {
 
965
        clear:both;
 
966
}
 
967
 
 
968
#preview {
 
969
        clear:both;
 
970
        background: #ffffff;
 
971
        margin:auto;
 
972
        margin-left:10%;
 
973
        margin-top: 5%;
 
974
        text-align:center;
 
975
        height:600px;
 
976
        width:800px;
 
977
}
 
978
 
 
979
 .title {
 
980
        margin:0px;
 
981
        padding-top:0.5px;
 
982
        text-align:center;
 
983
}
 
984
 
 
985
.title h4{
 
986
        margin-bottom:0.4em;
 
987
        margin-top:0.4em;
 
988
        color:#25457A;
 
989
        
 
990
}       
 
991
 
 
992
.formbody{
 
993
        padding: 10px;
 
994
}
 
995
 
 
996
.formbody p{
 
997
        color:#5A5A5A;
 
998
}
 
999
/*
 
1000
.title {
 
1001
        background: url(../../img/titles/header.png) no-repeat;
 
1002
        padding-left: 5px;
 
1003
        margin-bottom: 0px;
 
1004
}
 
1005
 
 
1006
.title h4{
 
1007
        color:#fff;
 
1008
        font-size: 20px;
 
1009
        padding-top:15px;
 
1010
        padding-bottom:10px;
 
1011
        margin-bottom:0px;
 
1012
}       
 
1013
 
 
1014
.formbody{
 
1015
        background: url(../../img/bodys/bodyback.png) repeat-x;
 
1016
        padding: 5px;
 
1017
}
 
1018
 
 
1019
td.error {
 
1020
        color:red;
 
1021
}
 
1022
 
 
1023
/*Data table*/
 
1024
.dataset_table {
 
1025
        clear:both;
 
1026
}
 
1027
 
 
1028
.dataset_table table, .dataset_table tr, .dataset_table td {
 
1029
        padding:0px;
 
1030
}
 
1031
 
 
1032
.dataset_table form {
 
1033
        display:inline;
 
1034
        padding: 0;
 
1035
        margin: 0;
 
1036
}
 
1037
 
 
1038
.dataset_table tr{
 
1039
        height: 20px;
 
1040
}
 
1041
 
 
1042
 
 
1043
#mediaformwrap{
 
1044
        width: 90%;
 
1045
        margin: auto;
 
1046
        clear:both;
 
1047
}
 
1048
 
 
1049
#csv_import{
 
1050
        width: 98%;
 
1051
        margin:auto;
 
1052
        
 
1053
        }
 
1054
 
 
1055
/*settings tabs*/
 
1056
 
 
1057
#settings {
 
1058
        width: 90%;
 
1059
        margin:auto;
 
1060
        clear:both;
 
1061
}
 
1062
 
 
1063
/* Jquery Tabs*/
 
1064
 
 
1065
/* Caution! Ensure accessibility in print and other media types... */
 
1066
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
 
1067
    .tabs-hide {
 
1068
        display: none;
 
1069
    }
 
1070
}
 
1071
 
 
1072
/* Hide useless elements in print layouts... */
 
1073
@media print {
 
1074
    .tabs-nav {
 
1075
        display: none;
 
1076
    }
 
1077
}
 
1078
 
 
1079
/* Skin */
 
1080
.tabs-nav {
 
1081
    list-style: none;
 
1082
    margin: 0;
 
1083
    padding: 5px 0 0 0px;
 
1084
}
 
1085
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
 
1086
    display: block;
 
1087
    clear: both;
 
1088
    content: " ";
 
1089
}
 
1090
.tabs-nav li {
 
1091
    float: left;
 
1092
    margin: 0 0 0 1px;
 
1093
    min-width: 84px; /* be nice to Opera */
 
1094
}
 
1095
.tabs-nav a, .tabs-nav a span {
 
1096
    display: block;
 
1097
    padding: 0 10px;
 
1098
    background: url(../../img/tabs/tab.png) no-repeat;
 
1099
}
 
1100
.tabs-nav a {
 
1101
    position: relative;
 
1102
    top: 1px;
 
1103
    z-index: 1;
 
1104
    padding-left: 0;
 
1105
    color: #27537a;
 
1106
    font-size: 12px;
 
1107
    font-weight: bold;
 
1108
    line-height: 1.2;
 
1109
    text-align: center;
 
1110
    text-decoration: none;
 
1111
    white-space: nowrap; /* required in IE 6 */    
 
1112
}
 
1113
.tabs-nav .tabs-selected a {
 
1114
    color: #000;
 
1115
}
 
1116
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 
1117
    background-position: 100% -150px;
 
1118
    outline: 0; /* prevent dotted border in Firefox */
 
1119
}
 
1120
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
 
1121
    background-position: 100% -100px;
 
1122
}
 
1123
.tabs-nav a span {
 
1124
    width: 64px; /* IE 6 treats width as min-width */
 
1125
    min-width: 64px;
 
1126
    height: 18px; /* IE 6 treats height as min-height */
 
1127
    min-height: 18px;
 
1128
    padding-top: 6px;
 
1129
    padding-right: 0;
 
1130
}
 
1131
*>.tabs-nav a span { /* hide from IE 6 */
 
1132
    width: auto;
 
1133
    height: auto;
 
1134
}
 
1135
.tabs-nav .tabs-selected a span {
 
1136
    padding-top: 7px;
 
1137
}
 
1138
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
 
1139
    background-position: 0 -50px;
 
1140
}
 
1141
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
 
1142
    background-position: 0 0;
 
1143
}
 
1144
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
 
1145
    cursor: text;
 
1146
}
 
1147
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
 
1148
    cursor: pointer;
 
1149
}
 
1150
.tabs-nav .tabs-disabled {
 
1151
    opacity: .4;
 
1152
}
 
1153
.tabs-container {
 
1154
        border-top:  1px solid #DCE4F5;
 
1155
    padding: 1em 8px;
 
1156
    background: url(../../img/tabs/tabbackground.png) repeat-x #e5f0ff; /* declare background color for container to avoid distorted fonts in IE while fading */
 
1157
        clear:both;
 
1158
        margin-left: 1px;
 
1159
}
 
1160
.tabs-loading em {
 
1161
    padding: 0 0 0 20px;
 
1162
    background: url(loading.gif) no-repeat 0 50%;
 
1163
}
 
1164
 
 
1165
/*
 
1166
Tabs - additional IE specific bug fixes
 
1167
 
 
1168
Recommended usage (Conditional Comments):
 
1169
<!--[if lte IE 7]>
 
1170
<link rel="stylesheet" href="tabs_ie.css" type="text/css" media="projection, screen" />
 
1171
<![endif]-->
 
1172
 
 
1173
*/
 
1174
.tabs-nav { /* auto clear */
 
1175
    display: inline-block;
 
1176
}
 
1177
.tabs-nav .tabs-disabled {
 
1178
    position: relative; /* fixes opacity */
 
1179
    filter: alpha(opacity=40);
 
1180
}
 
1181
.tabs-nav .tabs-disabled a span {
 
1182
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
 
1183
    min-height: 19px; /* ...in both IE 6 and 7 */
 
1184
}
 
1185
 
 
1186
 
 
1187
 
 
1188
#csv_import table, #csv_import td, #csv_import th {
 
1189
 
 
1190
    background:#fff;
 
1191
    border:1px solid #DCE4F5;
 
1192
        
 
1193
        border-collapse:collapse;
 
1194
        margin:10px 0px 10px 0px;
 
1195
        padding:5px;
 
1196
        font-size:1em;
 
1197
}
 
1198
 
 
1199
.region
 
1200
{
 
1201
        cursor:pointer;
 
1202
}
 
1203
 
 
1204
.regionicons{
 
1205
        display: block;
 
1206
        float: left;
 
1207
        margin: 5px 5px;
 
1208
        padding: 5px;
 
1209
}
 
1210
 
 
1211
.region_button {
 
1212
        display:block;
 
1213
        text-align: center;
 
1214
}
 
1215
 
 
1216
.region_text {
 
1217
        display:block;
 
1218
}
 
1219
 
 
1220
.regionicons a:hover {
 
1221
        color: #808080;
 
1222
}
 
1223
 
 
1224
.required 
 
1225
{
 
1226
        color:#FF0000;  
 
1227
}
 
1228
 
 
1229
.timebar
 
1230
{
 
1231
        color:#A5C4E7;
 
1232
        height:62px;
 
1233
}
 
1234
 
 
1235
.timebar_powerpoint_left{
 
1236
        background:url(../../img/forms/blue_bar.gif) no-repeat;
 
1237
        background-position:top left;
 
1238
        height:59px;
 
1239
        width:9px;
 
1240
        float:left;
 
1241
}
 
1242
 
 
1243
.timebar_powerpoint_right{
 
1244
        background:url(../../img/forms/blue_bar.gif) no-repeat;
 
1245
        background-position:top right;
 
1246
        height:59px;
 
1247
        margin-left:9px;
 
1248
}
 
1249
 
 
1250
.timebar_image_left{
 
1251
        background:url(../../img/forms/red_bar.gif) no-repeat;
 
1252
        background-position:top left;
 
1253
        height:59px;
 
1254
        width:9px;
 
1255
        float:left;
 
1256
}
 
1257
 
 
1258
.timebar_image_right{
 
1259
        background:url(../../img/forms/red_bar.gif) no-repeat;
 
1260
        background-position:top right;
 
1261
        height:59px;
 
1262
        margin-left:9px;
 
1263
}
 
1264
 
 
1265
.timebar_webpage_left{
 
1266
        background:url(../../img/forms/green_bar.gif) no-repeat;
 
1267
        background-position:top left;
 
1268
        height:59px;
 
1269
        width:9px;
 
1270
        float:left;
 
1271
}
 
1272
 
 
1273
.timebar_webpage_right{
 
1274
        background:url(../../img/forms/green_bar.gif) no-repeat;
 
1275
        background-position:top right;
 
1276
        height:59px;
 
1277
        margin-left:9px;
 
1278
}
 
1279
 
 
1280
.timebar_text_left{
 
1281
        background:url(../../img/forms/yellow_bar.gif) no-repeat;
 
1282
        background-position:top left;
 
1283
        height:59px;
 
1284
        width:9px;
 
1285
        float:left;
 
1286
}
 
1287
 
 
1288
.timebar_text_right{
 
1289
        background:url(../../img/forms/yellow_bar.gif) no-repeat;
 
1290
        background-position:top right;
 
1291
        height:59px;
 
1292
        margin-left:9px;
 
1293
}
 
1294
.timebar_ticker_left{
 
1295
        background:url(../../img/forms/orange_bar.gif) no-repeat;
 
1296
        background-position:top left;
 
1297
        height:59px;
 
1298
        width:9px;
 
1299
        float:left;
 
1300
}
 
1301
 
 
1302
.timebar_ticker_right{
 
1303
        background:url(../../img/forms/orange_bar.gif) no-repeat;
 
1304
        background-position:top right;
 
1305
        height:59px;
 
1306
        margin-left:9px;
 
1307
}
 
1308
.timebar_video_left{
 
1309
        background:url(../../img/forms/purple_bar.gif) no-repeat;
 
1310
        background-position:top left;
 
1311
        height:59px;
 
1312
        width:9px;
 
1313
        float:left;
 
1314
}
 
1315
 
 
1316
.timebar_video_right{
 
1317
        background:url(../../img/forms/purple_bar.gif) no-repeat;
 
1318
        background-position:top right;
 
1319
        height:59px;
 
1320
        margin-left:9px;
 
1321
}
 
1322
.timebar_flash_left{
 
1323
        background:url(../../img/forms/grey_bar.gif) no-repeat;
 
1324
        background-position:top left;
 
1325
        height:59px;
 
1326
        width:9px;
 
1327
        float:left;
 
1328
}
 
1329
 
 
1330
.timebar_flash_right{
 
1331
        background:url(../../img/forms/grey_bar.gif) no-repeat;
 
1332
        background-position:top right;
 
1333
        height:59px;
 
1334
        margin-left:9px;
 
1335
}
 
1336
 
 
1337
#timeline table
 
1338
{
 
1339
        width:100%;
 
1340
}
 
1341
 
 
1342
#timeline{
 
1343
        height:164px;
 
1344
        width: 800px;
 
1345
        background:url(../../img/forms/background_timeline.png) no-repeat;
 
1346
        float:left;
 
1347
}
 
1348
 
 
1349
#timeline_body{
 
1350
        height:164px;
 
1351
        background: url(../../img/forms/main_right_timeline.png);
 
1352
        position: top right;
 
1353
        margin-left:20px;
 
1354
}
 
1355
 
 
1356
#timeline_right{
 
1357
        height:164px;
 
1358
}
 
1359
 
 
1360
.mediabreak{
 
1361
        background:url(../../img/forms/line_break.png) no-repeat;
 
1362
        width:9px;
 
1363
        height:164px;
 
1364
        z-index:2;
 
1365
        float:left;
 
1366
}
 
1367
 
 
1368
.tooltip_hidden
 
1369
{
 
1370
        display:none;
 
1371
}
 
1372
 
 
1373
#tooltip_hover
 
1374
{
 
1375
        display:block;
 
1376
        width: 200px;
 
1377
        height: 200px;
 
1378
        background: url(../../img/forms/previewback.png) repeat-x #fff;
 
1379
        border: 2px solid #DCE4F5;
 
1380
        padding: 10px;
 
1381
        z-index:15;
 
1382
}
 
1383
 
 
1384
.ui-dialog{
 
1385
        border: 2px solid #DCE4F5;
 
1386
}
 
1387
 
 
1388
.scrollingWindow 
 
1389
{
 
1390
        overflow-y: scroll;
 
1391
}