1917 lines
29 KiB
CSS
1917 lines
29 KiB
CSS
|
@charset "UTF-8";
|
||
|
|
/* CSS Document */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* float clearing for everyone else */
|
||
|
|
.timeglider-container .clearfix:after{
|
||
|
|
clear: both;
|
||
|
|
content: ".";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* only font-family reference here,
|
||
|
|
including overriding jquery ui css */
|
||
|
|
.timeglider-container, #timeglider-measure-span, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
|
||
|
|
font-family:"franklin-gothic-urw-cond", Arial, Helvetica, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-container {
|
||
|
|
position:relative;
|
||
|
|
overflow:hidden;
|
||
|
|
border:0px solid black;
|
||
|
|
/*background-color:#fefbf4;
|
||
|
|
background-image:url(img/gradient.jpg);*/
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-scrim {
|
||
|
|
position:absolute;
|
||
|
|
top:-32px;
|
||
|
|
left:-32px;
|
||
|
|
width:5000px;
|
||
|
|
height:3000px;
|
||
|
|
background-color:#000;
|
||
|
|
opacity:.3;
|
||
|
|
z-index:99999999900;
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-prevnext {
|
||
|
|
float:left;
|
||
|
|
cursor:pointer;
|
||
|
|
-moz-user-select: -moz-none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
width:67px;
|
||
|
|
height:24px;
|
||
|
|
padding-top:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn {
|
||
|
|
color:#78a1a5;
|
||
|
|
font-size:16px;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
.btn:hover {
|
||
|
|
color:#406e74;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-prevnext a {
|
||
|
|
color:#78a1a5;
|
||
|
|
font-size:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-prevnext a:hover {
|
||
|
|
color:#406e74;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-prev {
|
||
|
|
padding-right:8px;
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-next {
|
||
|
|
padding-left:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-loading {
|
||
|
|
background-color:green;
|
||
|
|
width:150px;
|
||
|
|
height:150px;
|
||
|
|
padding:0;
|
||
|
|
-moz-border-radius:75px;
|
||
|
|
-webkit-border-radius:75px;
|
||
|
|
border-radius:75px;
|
||
|
|
text-align:center;
|
||
|
|
margin:100px auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-loading div {
|
||
|
|
color:white;
|
||
|
|
font-size:18px;
|
||
|
|
font-weight:bold;
|
||
|
|
padding-top:60px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-single-timeline-header, .tg-pres-header {
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
left:0px;
|
||
|
|
width:100%;
|
||
|
|
padding-top:0px;
|
||
|
|
height:1px;
|
||
|
|
background-color:#2f2c28;
|
||
|
|
z-index:5000;
|
||
|
|
overflow:hidden;
|
||
|
|
min-width:450px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-single-timeline-header h2, .tg-pres-header h2 {
|
||
|
|
float:left;
|
||
|
|
font-size:18px;
|
||
|
|
font-weight:normal;
|
||
|
|
font-style:italic;
|
||
|
|
margin:0 0 0 28px;
|
||
|
|
color:#bac870;
|
||
|
|
padding:0;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-single-timeline-header ul, .tg-pres-header ul {
|
||
|
|
list-style:none;
|
||
|
|
float:right;
|
||
|
|
margin:0 12px 0 0;
|
||
|
|
-moz-user-select: -moz-none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-single-timeline-header ul li, .tg-pres-header ul li{
|
||
|
|
float:right;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:normal;
|
||
|
|
color:#36D0DF;
|
||
|
|
margin-right:16px;
|
||
|
|
margin-top:2px;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-single-timeline-header ul li.tg-timeline-start, .tg-pres-header ul li.tg-timeline-start {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-single-timeline-header a.tools-bt, .tg-pres-header a.tools-bt {
|
||
|
|
color:#ccc;
|
||
|
|
margin-right:8px;
|
||
|
|
float:right;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-footer {
|
||
|
|
position:absolute;
|
||
|
|
bottom:0px;
|
||
|
|
left:0px;
|
||
|
|
height:26px;
|
||
|
|
width:100%;
|
||
|
|
background-color:#3C3F41;
|
||
|
|
color:#ccc;
|
||
|
|
font-size:10px;
|
||
|
|
padding:3px;
|
||
|
|
z-index:4500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-footer ul {
|
||
|
|
list-style:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-footer ul li {
|
||
|
|
display:inline;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-timeline-envelope {
|
||
|
|
width:100%;
|
||
|
|
vertical-align:bottom;
|
||
|
|
z-index:200;
|
||
|
|
position:absolute;
|
||
|
|
height:1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-timeline-envelope .titleBar {
|
||
|
|
background-color:#726d62;
|
||
|
|
color:#FFF;
|
||
|
|
height:4px;
|
||
|
|
width:auto;
|
||
|
|
padding:0;
|
||
|
|
position:absolute;
|
||
|
|
left:0;
|
||
|
|
z-index:25;
|
||
|
|
cursor:ns-resize;
|
||
|
|
|
||
|
|
-webkit-border-radius: 2px;
|
||
|
|
-moz-border-radius: 2px;
|
||
|
|
border-radius: 2px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-timeline-envelope .titleBar .timeline-title {
|
||
|
|
width:auto;
|
||
|
|
position:absolute;
|
||
|
|
display:inline;
|
||
|
|
margin-top:0px;
|
||
|
|
z-index:10;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-envelope.inverted .titleBar .timeline-title {
|
||
|
|
bottom:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-envelope .titleBar.imageBar {
|
||
|
|
background-color:transparent;
|
||
|
|
background:transparent;
|
||
|
|
border-top:2px solid #AAA;
|
||
|
|
border-bottom:2px solid #BBB;
|
||
|
|
height:2px;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-envelope .timeline-title .timeline-title-span {
|
||
|
|
white-space: nowrap;
|
||
|
|
|
||
|
|
float:left;
|
||
|
|
display:block;
|
||
|
|
font-size:16px;
|
||
|
|
color:#fdfbf4;
|
||
|
|
|
||
|
|
-webkit-border-bottom-right-radius: 4px;
|
||
|
|
-webkit-border-bottom-left-radius: 4px;
|
||
|
|
-moz-border-radius-bottomright: 4px;
|
||
|
|
-moz-border-radius-bottomleft: 4px;
|
||
|
|
border-bottom-right-radius: 4px;
|
||
|
|
border-bottom-left-radius: 4px;
|
||
|
|
|
||
|
|
background-color:rgba(114,109,98,0.8);
|
||
|
|
padding:6px 8px 3px 8px;
|
||
|
|
margin-top:2px;
|
||
|
|
|
||
|
|
text-shadow:1px 1px 0px #2f2c28;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-timeline-envelope.inverted .timeline-title .timeline-title-span {
|
||
|
|
|
||
|
|
-webkit-border-bottom-right-radius: 0;
|
||
|
|
-webkit-border-bottom-left-radius: 0;
|
||
|
|
-moz-border-radius-bottomright: 0;
|
||
|
|
-moz-border-radius-bottomleft: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
|
||
|
|
-webkit-border-top-right-radius: 4px;
|
||
|
|
-webkit-border-top-left-radius: 4px;
|
||
|
|
-moz-border-radius-topright: 4px;
|
||
|
|
-moz-border-radius-topleft: 4px;
|
||
|
|
border-top-right-radius: 4px;
|
||
|
|
border-top-left-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Correction of aristo ui css */
|
||
|
|
.ui-slider-vertical .ui-slider-handle {
|
||
|
|
left:0;
|
||
|
|
margin-left:-9px;
|
||
|
|
margin-bottom:-14px;
|
||
|
|
background:url(img/zoom/slider_button.png) 0px 0px no-repeat;
|
||
|
|
width:28px;
|
||
|
|
height:28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-state-default,
|
||
|
|
.ui-widget-content .ui-state-default,
|
||
|
|
.ui-widget-header .ui-state-default {
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.noselect {
|
||
|
|
-moz-user-select: -moz-none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-slider-plusminus {
|
||
|
|
width: 32px;
|
||
|
|
height: 28px;
|
||
|
|
margin-left: -14px;
|
||
|
|
cursor: pointer;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-slider-plusminus.tg-slider-plus {
|
||
|
|
margin-bottom:8px;
|
||
|
|
background-image: url(img/zoom/plus.png);
|
||
|
|
border-bottom: 1px solid #201e1b;
|
||
|
|
background-position:8px 4px;
|
||
|
|
padding-bottom:2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-slider-plusminus.tg-slider-minus {
|
||
|
|
clear:both;
|
||
|
|
margin-top:8px;
|
||
|
|
background-image: url(img/zoom/minus.png);
|
||
|
|
border-top:1px solid #201e1b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-oof-count {
|
||
|
|
position:absolute;
|
||
|
|
bottom:4px;
|
||
|
|
width:64px;
|
||
|
|
height:24px;
|
||
|
|
background:green;
|
||
|
|
color:black;
|
||
|
|
z-index:9999;
|
||
|
|
/* still in process! */
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-oof-count.tg-oof-left {
|
||
|
|
left:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-oof-count.tg-oof-right {
|
||
|
|
right:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-slider-container {
|
||
|
|
width:20px;
|
||
|
|
padding-left:16px;
|
||
|
|
position:absolute;
|
||
|
|
height:auto;
|
||
|
|
z-index:10;
|
||
|
|
top:8px;
|
||
|
|
right:8px;
|
||
|
|
padding-top:8px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
border:4px solid #aaa69c;
|
||
|
|
background-color:#363430;
|
||
|
|
z-index:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-slider { /* style set in jQuery UI css file */ }
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-slider.ui-widget-content.ui-corner-all {
|
||
|
|
border-radius:0;
|
||
|
|
-moz-border-radius:0;
|
||
|
|
-webkit-border-radius:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-slider.ui-widget-content {
|
||
|
|
border:none;
|
||
|
|
color:transparent;
|
||
|
|
width:8px;
|
||
|
|
background-image:url(img/zoom/slider_bg.jpg);
|
||
|
|
background-repeat:repeat-y;
|
||
|
|
margin-left:-2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-zoomlevel-display {
|
||
|
|
font-size:.8em;
|
||
|
|
color:#83A0C5;
|
||
|
|
width:20px;
|
||
|
|
text-align:center;
|
||
|
|
background-color:#FFF;
|
||
|
|
-moz-border-radius:4px;
|
||
|
|
border-radius:4px;
|
||
|
|
-webkit-border-radius:4px;
|
||
|
|
padding:3px;
|
||
|
|
margin-top:3px;
|
||
|
|
margin-left:-10px;
|
||
|
|
margin-bottom:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-pan-buttons a {
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-centerline {
|
||
|
|
border-left:1px dotted #E0E0E0;
|
||
|
|
position:absolute;
|
||
|
|
margin:0px auto 0px auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-truck {
|
||
|
|
position:relative;
|
||
|
|
background-color: #726D62;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-ticks {
|
||
|
|
top:0px;
|
||
|
|
position:relative;
|
||
|
|
height:900px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-tick {
|
||
|
|
/* defaults on arrival in ticks */
|
||
|
|
position:absolute;
|
||
|
|
height:5000px;
|
||
|
|
font-size:14px;
|
||
|
|
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
overflow:hidden;
|
||
|
|
z-index:0;
|
||
|
|
|
||
|
|
-moz-user-select: -moz-none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-tick-leftline {
|
||
|
|
position:absolute;
|
||
|
|
top:-2500px;
|
||
|
|
left:0;
|
||
|
|
height:5000px;
|
||
|
|
width:1px;
|
||
|
|
border-left:1px solid #b7b1a3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-tick-body {
|
||
|
|
height:40px;
|
||
|
|
background-color:#726d62;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-even-tick .tg-tick-body {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-odd-tick .tg-tick-body {
|
||
|
|
/* darker than default -body */
|
||
|
|
/* background-color:#86b3b9; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-footer-center {
|
||
|
|
position:absolute;
|
||
|
|
bottom:-3px;
|
||
|
|
left:200px;
|
||
|
|
width:300px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-date-display {
|
||
|
|
position:relative;
|
||
|
|
float:left;
|
||
|
|
text-align:center;
|
||
|
|
padding-top:0px;
|
||
|
|
padding-bottom:8px;
|
||
|
|
z-index:5000;
|
||
|
|
font-size:13px;
|
||
|
|
color:#fefbf4;
|
||
|
|
height:20px;
|
||
|
|
width:100%;
|
||
|
|
background-color:#3C3F41;
|
||
|
|
|
||
|
|
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-date-display-arrow {
|
||
|
|
position:absolute;
|
||
|
|
top: -8px;
|
||
|
|
left: 151px;
|
||
|
|
margin-left: -8px;
|
||
|
|
border-left: 8px solid transparent;
|
||
|
|
border-right: 8px solid transparent;
|
||
|
|
/* needs to be same as bg of date-display */
|
||
|
|
border-bottom: 8px solid #42383D;
|
||
|
|
opacity:.9;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-tick-label {
|
||
|
|
color:#FFF;
|
||
|
|
position:absolute;
|
||
|
|
top:3px;
|
||
|
|
left:4px;
|
||
|
|
font-weight:normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-tick-label-bottom {
|
||
|
|
position:absolute;
|
||
|
|
color:#BBB;
|
||
|
|
left:4px;
|
||
|
|
top:300px;
|
||
|
|
font-weight:normal;
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-tick-sub-label {
|
||
|
|
|
||
|
|
color:#d3cec2;
|
||
|
|
/* OLD float:left; display:inline; */
|
||
|
|
position:absolute;
|
||
|
|
height:14px;
|
||
|
|
top:4px;
|
||
|
|
/* This padding-left needs to be exactly the same as
|
||
|
|
the value in TG_TimelineView addTick() for setting hour labels
|
||
|
|
*/
|
||
|
|
padding-left:3px;
|
||
|
|
/*border-left:1px solid #d4cec2;*/
|
||
|
|
font-size:12px;
|
||
|
|
margin:0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* eae6db */
|
||
|
|
.timeglider-tick-sub-label .minutes {
|
||
|
|
height:12px;
|
||
|
|
font-size:9px;
|
||
|
|
color:#d3cec2;
|
||
|
|
float:left;
|
||
|
|
margin:0;
|
||
|
|
border-left:1px solid #FFF;
|
||
|
|
padding-left:4px;
|
||
|
|
margin-left:-3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-tick-sublabel-group {
|
||
|
|
top:13px;
|
||
|
|
background-color:transparent;
|
||
|
|
height:24px;
|
||
|
|
position:absolute;
|
||
|
|
left:0;
|
||
|
|
overflow:hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-handle {
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
height:1000px;
|
||
|
|
width:100%;
|
||
|
|
|
||
|
|
filter:alpha(opacity=1);
|
||
|
|
-moz-opacity:0.01;
|
||
|
|
-khtml-opacity: 0.01;
|
||
|
|
opacity: 0.01;
|
||
|
|
|
||
|
|
cursor:ew-resize;
|
||
|
|
z-index:50;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-display-block {
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
.tg-display-none {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* JUST A SHADOW TO ADD TO CLASSES */
|
||
|
|
.tg-modal, .timeglider-event-hover-info, .timeglider-menu-modal {
|
||
|
|
-moz-box-shadow: 3px 3px 4px #333;
|
||
|
|
-webkit-box-shadow: 3px 3px 4px #333;
|
||
|
|
box-shadow: 3px 3px 4px #333;
|
||
|
|
/* For IE 8 */
|
||
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
|
||
|
|
/* For IE 5.5 - 7 */
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
|
||
|
|
position:absolute;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-modal {
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
-moz-border-radius: 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
z-index:99999999905;
|
||
|
|
|
||
|
|
background-color:#201e1b;
|
||
|
|
border:2px solid rgba(114, 109, 98, 0.9);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-modal p {
|
||
|
|
color:#d3cec2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-modal h3 {
|
||
|
|
color:#969083;
|
||
|
|
margin:4px 8px;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#timeglider-measure-span {
|
||
|
|
font-size:12px;
|
||
|
|
width:auto;
|
||
|
|
position:absolute;
|
||
|
|
top:-50px;
|
||
|
|
left:-1000px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* TEMP */
|
||
|
|
.timeglider-timeline-event {
|
||
|
|
position:absolute;
|
||
|
|
|
||
|
|
padding:0px;
|
||
|
|
font-size:12px;
|
||
|
|
cursor:pointer;
|
||
|
|
z-index:100;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-timeline-event:hover .timeglider-event-image-inline img {
|
||
|
|
opacity:.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-event-hover-info {
|
||
|
|
position:absolute;
|
||
|
|
left:-1000px;
|
||
|
|
background-color:#fff;
|
||
|
|
padding:3px 6px 3px 6px;
|
||
|
|
min-width:50px;
|
||
|
|
font-size:12px;
|
||
|
|
z-index:300;
|
||
|
|
|
||
|
|
border:1px solid #777;
|
||
|
|
border-left:1px dotted orange;
|
||
|
|
|
||
|
|
-webkit-border-top-right-radius: 4px;
|
||
|
|
-webkit-border-bottom-right-radius: 4px;
|
||
|
|
-moz-border-radius-topright: 4px;
|
||
|
|
-moz-border-radius-bottomright: 4px;
|
||
|
|
border-top-right-radius: 4px;
|
||
|
|
border-bottom-right-radius: 4px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-event-hovered .timeglider-event-title {
|
||
|
|
color:#CC0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-event-hoverline {
|
||
|
|
height:3000px;
|
||
|
|
width:1px;
|
||
|
|
position:absolute;
|
||
|
|
top:-1500px;
|
||
|
|
border-left:1px dotted orange;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-dateline-startdate {
|
||
|
|
color:#bac870;
|
||
|
|
}
|
||
|
|
.timeglider-dateline-enddate {
|
||
|
|
color:#dc8c5d;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-event-image-bar {
|
||
|
|
/* placed in a div in the timeline bar */
|
||
|
|
width:22px;
|
||
|
|
height:22px;
|
||
|
|
overflow:hidden;
|
||
|
|
position:absolute;
|
||
|
|
border:1px solid #333;
|
||
|
|
top:-28px;
|
||
|
|
z-index:1;
|
||
|
|
}
|
||
|
|
.timeglider-event-image-bar img {
|
||
|
|
height:24px;
|
||
|
|
width:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-image-lane-pull {
|
||
|
|
position:absolute;
|
||
|
|
height:1px;
|
||
|
|
top:24px;
|
||
|
|
width:100%;
|
||
|
|
background-color:white;
|
||
|
|
border-bottom:2px solid #CCC;
|
||
|
|
cursor:ns-resize;
|
||
|
|
z-index:100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-image-lane-bg {
|
||
|
|
position:absolute;
|
||
|
|
top:-450px;
|
||
|
|
height:450px;
|
||
|
|
width:100%;
|
||
|
|
background-color:#ebe6db;
|
||
|
|
z-index:99;
|
||
|
|
opacity:.3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-event-image-lane {
|
||
|
|
/* placed in a div floating just below the "ceiling" */
|
||
|
|
position:absolute;
|
||
|
|
/* top:-28px; */
|
||
|
|
z-index:1;
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
.timeglider-event-image-lane img {
|
||
|
|
height:48px;
|
||
|
|
width:auto;
|
||
|
|
border:1px solid #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-event-image-inline {
|
||
|
|
/* div for default fullsize image with event */
|
||
|
|
position:absolute;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-event-image-inline img {
|
||
|
|
position:absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-title-prev-events {
|
||
|
|
float:left;
|
||
|
|
display:block;
|
||
|
|
margin-right:8px;
|
||
|
|
color:#BBB;
|
||
|
|
font-size:10px;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-title-next-events {
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
left:0px;
|
||
|
|
display:block;
|
||
|
|
color:#BBB;
|
||
|
|
font-size:10px;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-env-buttons {
|
||
|
|
float:right;
|
||
|
|
cursor:pointer;
|
||
|
|
font-size:10px;
|
||
|
|
margin-left:16px;
|
||
|
|
margin-top:-2px;
|
||
|
|
font-weight:normal;
|
||
|
|
text-shadow:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-env-buttons .tg-env-button {
|
||
|
|
float:right;
|
||
|
|
width:20px;
|
||
|
|
height:20px;
|
||
|
|
cursor:pointer;
|
||
|
|
margin-left:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-env-buttons .tg-env-button.tg-env-info {
|
||
|
|
background-image:url(img/info_tan4.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-env-buttons .tg-env-button.tg-env-legend {
|
||
|
|
background-image:url(img/legend_tan4.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-env-buttons .tg-env-button.tg-env-expcol {
|
||
|
|
background-image:url(img/expcol_tan4.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-env-buttons .tg-env-button.tg-env-invert {
|
||
|
|
background-image:url(img/invert_tan4.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-event-icon {
|
||
|
|
margin-right:5px;
|
||
|
|
width:auto;
|
||
|
|
position:absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-footer-buttons {
|
||
|
|
float:right;
|
||
|
|
margin-right:64px;
|
||
|
|
margin-top:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-footer-button {
|
||
|
|
float:right;
|
||
|
|
width:20px;
|
||
|
|
height:20px;
|
||
|
|
cursor:pointer;
|
||
|
|
margin-right:12px;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-filter-bt {
|
||
|
|
margin-right:6px;
|
||
|
|
<!--background-image:url(img/filter.png);-->
|
||
|
|
}
|
||
|
|
.timeglider-list-bt {
|
||
|
|
background-image:url(img/list.png);
|
||
|
|
opacity:.7;
|
||
|
|
}
|
||
|
|
.timeglider-settings-bt {
|
||
|
|
<!--background-image:url(img/tools.png);-->
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-filter-cbs {
|
||
|
|
clear:both;
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
.tg-filter-cbs label {
|
||
|
|
font-size:11px;
|
||
|
|
color:#CCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* MENU MODALS */
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-menu-modal {
|
||
|
|
position:absolute;
|
||
|
|
background-color:#FFF;
|
||
|
|
border-radius:6px;
|
||
|
|
-moz-border-radius:6px;
|
||
|
|
-webkit-border-radius:6px;
|
||
|
|
z-index:9999;
|
||
|
|
padding:2px;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-menu-modal h3 {
|
||
|
|
float:left;
|
||
|
|
width:100px;
|
||
|
|
font-size:14px;
|
||
|
|
margin:6px 0px 3px 4px;
|
||
|
|
font-weight:bold;
|
||
|
|
color:#F0F0F0;
|
||
|
|
clear:left;
|
||
|
|
letter-spacing:.5px;
|
||
|
|
text-shadow:1px 1px black;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-menu-modal-point-right {
|
||
|
|
width:20px;
|
||
|
|
height:20px;
|
||
|
|
background-image:url("img/menu-pointer-right.png");
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
position:absolute;
|
||
|
|
bottom:-20px;
|
||
|
|
right:6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-menu-modal p {
|
||
|
|
color:#333;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-pan-buttons {
|
||
|
|
margin-top:4px;
|
||
|
|
margin-bottom:6px;
|
||
|
|
height:18px;
|
||
|
|
width:32px;
|
||
|
|
margin-left:-12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-pan-left, .timeglider-pan-right {
|
||
|
|
float:left;
|
||
|
|
width:14px;
|
||
|
|
height:18px;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
.timeglider-pan-left {
|
||
|
|
background-image:url("img/pan_left.png");
|
||
|
|
margin-right:1px;
|
||
|
|
}
|
||
|
|
.timeglider-pan-right {
|
||
|
|
background-image:url("img/pan_right.png");
|
||
|
|
}
|
||
|
|
/* add hover effects? */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-logo {
|
||
|
|
float:left;
|
||
|
|
width:180px;
|
||
|
|
height:24px;
|
||
|
|
background-image:url("img/timeglider.png");
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
margin-top:2px;
|
||
|
|
margin-left:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-menu-modal-point-left {
|
||
|
|
width:20px;
|
||
|
|
height:20px;
|
||
|
|
background-image:url("img/menu-pointer-left.png");
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
position:absolute;
|
||
|
|
bottom:-20px;
|
||
|
|
left:6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-menu-modal-content {
|
||
|
|
clear:both;
|
||
|
|
margin:3px;
|
||
|
|
padding:6px 8px 8px 8px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-menu-modal ul {
|
||
|
|
list-style:none;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-menu-modal ul li {
|
||
|
|
font-size:11px;
|
||
|
|
margin:3px 0 3px 0;
|
||
|
|
padding:3px 0 3px 0;
|
||
|
|
cursor:pointer;
|
||
|
|
color:#666;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-timeline-menu {
|
||
|
|
width:300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-timeline-menu ul {
|
||
|
|
list-style:none;
|
||
|
|
padding:0;
|
||
|
|
margin:0 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-timeline-menu ul li {
|
||
|
|
color:#fff;
|
||
|
|
font-size:12px;
|
||
|
|
cursor:pointer;
|
||
|
|
margin-bottom:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-timeline-menu ul li.activeTimeline {
|
||
|
|
color:orange;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-legend {
|
||
|
|
position:absolute;
|
||
|
|
width:150px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
-moz-border-radius:3px;
|
||
|
|
border-radius:3px;
|
||
|
|
border:4px solid #b7b1a3;
|
||
|
|
background-color:#fdfbf4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-legend img {
|
||
|
|
width:12px;
|
||
|
|
height:auto;
|
||
|
|
margin-right:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-legend .timeglider-menu-modal-content {
|
||
|
|
margin-top:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-legend ul {
|
||
|
|
margin-top:-16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-legend ul li {
|
||
|
|
color:#999;
|
||
|
|
}
|
||
|
|
.tg-legend ul li.tg-legend-icon-selected {
|
||
|
|
color:#000;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-event-selected {
|
||
|
|
background-color:yellow;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-legend-controls {
|
||
|
|
margin-left:20px;
|
||
|
|
margin-top:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-legend-all, .tg-legend-none {
|
||
|
|
font-size:12px;
|
||
|
|
color:#8DB91C;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-filter-box {
|
||
|
|
width:200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-filter-box ul{
|
||
|
|
list-style:none;
|
||
|
|
text-align:right;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-filter-box ul.buttons li {
|
||
|
|
display:inline;
|
||
|
|
margin:2px 0px 2px 8px;
|
||
|
|
cursor:pointer;
|
||
|
|
color:#70bece;
|
||
|
|
font-size:14px;
|
||
|
|
-webkit-border-radius: 2px;
|
||
|
|
-moz-border-radius: 2px;
|
||
|
|
border-radius: 2px;
|
||
|
|
padding:2px 4px;
|
||
|
|
background-color:black;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-formline#bottom {
|
||
|
|
margin-bottom:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-formline.filter-tags{
|
||
|
|
margin:8px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-formline .select2-container{
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-formline {
|
||
|
|
margin-bottom:4px;
|
||
|
|
color:#555;
|
||
|
|
font-size:12px;
|
||
|
|
float:right;
|
||
|
|
width:100%;
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-formline input {
|
||
|
|
padding:6px;
|
||
|
|
font-size:10px;
|
||
|
|
color:#222;
|
||
|
|
border:1px solid #CCC;
|
||
|
|
background-color:#FFF;
|
||
|
|
width:94%;
|
||
|
|
-webkit-border-radius:2px;
|
||
|
|
-moz-border-radius:2px;
|
||
|
|
border-radius:2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.box-visible {
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-event-spanner {
|
||
|
|
position:absolute;
|
||
|
|
background-color:#0093dc;
|
||
|
|
height:16px;
|
||
|
|
z-index:1;
|
||
|
|
padding:2px 0 2px 0;
|
||
|
|
margin-top:-2px;
|
||
|
|
/*
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
-moz-border-radius:3px;
|
||
|
|
border-radius:3px;
|
||
|
|
*/
|
||
|
|
overflow: hidden;
|
||
|
|
/*text-overflow: ellipsis;*/
|
||
|
|
white-space: nowrap;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-timeline-event.lane-event .timeglider-event-spanner {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-event-spanner span {
|
||
|
|
font-size:.8em;
|
||
|
|
padding-left:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-timeline-event.lane-event.tg-event-hovered {
|
||
|
|
/* added to timeglider-timeline-event */
|
||
|
|
z-index:400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-timeline-event.lane-event.tg-event-hovered .timeglider-event-spanner {
|
||
|
|
overflow:visible;
|
||
|
|
background:#333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-timeline-event.lane-event.tg-event-hovered .timeglider-event-spanner span {
|
||
|
|
color:white;
|
||
|
|
text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-timeline-event.selected {
|
||
|
|
background-color:#F8FCA6;
|
||
|
|
border:1px solid #D8CA62;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-timeline-event.selected .timeglider-event-spanner {
|
||
|
|
opacity:.3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-event-title {
|
||
|
|
width:auto;
|
||
|
|
color:#444;
|
||
|
|
position:absolute;
|
||
|
|
z-index:5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-event-collapsed {
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
z-index:500;
|
||
|
|
margin-left:-10px;
|
||
|
|
margin-top:3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-event-collapsed img {
|
||
|
|
height:10px;
|
||
|
|
width:auto;
|
||
|
|
opacity:.8;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* EVENT MODAL:
|
||
|
|
* override this with Timeglider_full_modal.css to make modal full-window
|
||
|
|
*/
|
||
|
|
.timeglider-ev-modal {
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
|
||
|
|
width:320px;
|
||
|
|
padding:8px;
|
||
|
|
height:auto;
|
||
|
|
|
||
|
|
z-index:99999999905;
|
||
|
|
|
||
|
|
background-color:#201e1b;
|
||
|
|
border:2px solid rgba(114, 109, 98, 0.9);
|
||
|
|
display:none;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-ev-modal-description {
|
||
|
|
height:auto;
|
||
|
|
max-height:120px;
|
||
|
|
overflow-x:hidden;
|
||
|
|
overflow-y:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-modal {
|
||
|
|
width:300px;
|
||
|
|
padding:0;
|
||
|
|
height:auto;
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
-moz-border-radius: 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
z-index:99999999905;
|
||
|
|
|
||
|
|
background-color:#201e1b;
|
||
|
|
border:2px solid rgba(114, 109, 98, 0.9);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-modal-corner {
|
||
|
|
position:absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-modal-corner-north {
|
||
|
|
width:18px;
|
||
|
|
height:12px;
|
||
|
|
left:32px;
|
||
|
|
top:-12px;
|
||
|
|
background-image:url(img/modal_corner_north.png);
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-modal-corner-south {
|
||
|
|
width:18px;
|
||
|
|
height:12px;
|
||
|
|
right:32px;
|
||
|
|
bottom:-12px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-modal .tg-timeline-description {
|
||
|
|
font-size:14px;
|
||
|
|
margin:16px;
|
||
|
|
color:#FCFCFC;
|
||
|
|
line-height:18px;
|
||
|
|
overflow-y:auto;
|
||
|
|
max-height:330px;
|
||
|
|
|
||
|
|
}
|
||
|
|
.tg-timeline-modal .tg-timeline-description:focus {
|
||
|
|
outline: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-modal ul {
|
||
|
|
clear:both;
|
||
|
|
list-style:none;
|
||
|
|
margin:16px;
|
||
|
|
padding:0 0 8px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-modal li {
|
||
|
|
float:right;
|
||
|
|
margin-left:8px;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:bold;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-modal li.tg-modal-tags {
|
||
|
|
float:left;
|
||
|
|
background-image:url(img/tags.png);
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
width:20px;
|
||
|
|
height:20px;
|
||
|
|
margin-top:-4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-timeline-modal .tg-modal-tags-info {
|
||
|
|
margin:0 16px;
|
||
|
|
font-size:12px;
|
||
|
|
color:#efa718;
|
||
|
|
display:none;
|
||
|
|
padding-bottom:8px;
|
||
|
|
max-height:150px;
|
||
|
|
overflow-y:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-timeline-modal .tg-modal-tags-intro {
|
||
|
|
color:#969083;
|
||
|
|
font-style:italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-modal li.tg-timeline-start, .tg-pres-modal li.tg-pres-start {
|
||
|
|
color: #b7f172;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-ev-video-modal, .timeglider-ev-map-modal {
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
background:#FFF;
|
||
|
|
border:1px solid #333;
|
||
|
|
width:400px;
|
||
|
|
padding:8px;
|
||
|
|
position:absolute;
|
||
|
|
top:50px;
|
||
|
|
left:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-iframe-modal {
|
||
|
|
width:600px;
|
||
|
|
height:400px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-iframe-modal iframe {
|
||
|
|
width:100%;
|
||
|
|
height:350px;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-ev-modal p {
|
||
|
|
font-size:14px;
|
||
|
|
color:#D8D8D8;
|
||
|
|
margin:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-timeline-modal p img{
|
||
|
|
max-width:250px;
|
||
|
|
height:auto;
|
||
|
|
float:left;
|
||
|
|
margin-right:8px;
|
||
|
|
margin-bottom:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-ev-modal p img {
|
||
|
|
max-width:90px;
|
||
|
|
height:auto;
|
||
|
|
float:left;
|
||
|
|
margin-right:4px;
|
||
|
|
margin-bottom:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-ev-modal h4, .tg-timeline-modal h4 {
|
||
|
|
margin:4px 8px 2px 8px;
|
||
|
|
padding:0;
|
||
|
|
color:#d4cec2;
|
||
|
|
font-size:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-ev-modal .startdate {
|
||
|
|
font-size:10px;
|
||
|
|
color:#666;
|
||
|
|
margin:8px 8px 0px 8px;
|
||
|
|
}
|
||
|
|
ul.timeglider-ev-modal-links {
|
||
|
|
list-style:none;
|
||
|
|
|
||
|
|
margin-bottom:-4px;
|
||
|
|
padding:0;
|
||
|
|
clear:both;
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.timeglider-ev-modal-links li {
|
||
|
|
font-size:14px;
|
||
|
|
display:inline;
|
||
|
|
padding:4px 6px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-modal .tg-ev-modal-description a, .tg-modal .tg-timeline-description a {
|
||
|
|
color:#527e83;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.timeglider-ev-modal.has-image .tg-ev-modal-description {
|
||
|
|
height:100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
ul.timeglider-ev-modal-links li a {
|
||
|
|
color:#29E6F7;
|
||
|
|
text-decoration:none;
|
||
|
|
padding:4px 8px;
|
||
|
|
-webkit-border-top-left-radius: 4px;
|
||
|
|
-webkit-border-top-right-radius: 4px;
|
||
|
|
-moz-border-radius-topleft: 4px;
|
||
|
|
-moz-border-radius-topright: 4px;
|
||
|
|
border-top-left-radius: 4px;
|
||
|
|
border-top-right-radius: 4px;
|
||
|
|
background-color:#717171;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-ev-modal .dateline {
|
||
|
|
margin:8px 32px 8px 8px;
|
||
|
|
border-bottom:1px dotted #CCC;
|
||
|
|
font-size:11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* END timeglider-ev-modal */
|
||
|
|
|
||
|
|
.timeglider-settings-modal {
|
||
|
|
top:45px;
|
||
|
|
left:45px;
|
||
|
|
width:350px;
|
||
|
|
height:100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.timeglider-settings-modal .settings-label {
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:bold;
|
||
|
|
color:#b7b1a3;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-event-overflow {
|
||
|
|
position:absolute;
|
||
|
|
color:#CC0000;
|
||
|
|
font-weight:bold;
|
||
|
|
font-size:10px;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-event-overflow img {
|
||
|
|
height:8px;
|
||
|
|
width:auto;
|
||
|
|
opacity:.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* FULL MODAL */
|
||
|
|
/* FULL WINDOW EVENT MODAL:
|
||
|
|
* overrides timeglider-ev-modal in Timeglider.css
|
||
|
|
* to make full-window (timeglider container) modal
|
||
|
|
*/
|
||
|
|
.tg-full_modal {
|
||
|
|
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
padding:8px;
|
||
|
|
position:absolute;
|
||
|
|
box-shadow:none;
|
||
|
|
/* gets positioned by $.position() in TimelineView.js */
|
||
|
|
z-index:6000;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-full_modal_scrim {
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
background:rgb(0, 0, 0);
|
||
|
|
background:rgba(0, 0, 0, .8);
|
||
|
|
z-index:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-full_modal_panel {
|
||
|
|
position:absolute;
|
||
|
|
width:800px;
|
||
|
|
height:400px;
|
||
|
|
background:#F0F0F0;
|
||
|
|
border:2px solid #000;
|
||
|
|
border-radius:12px;
|
||
|
|
-moz-border-radius:12px;
|
||
|
|
-webkit-border-radius:12px;
|
||
|
|
|
||
|
|
z-index:2;
|
||
|
|
-moz-box-shadow: 5px 5px 5px #000;
|
||
|
|
-webkit-box-shadow: 5px 5px 5px #000;
|
||
|
|
box-shadow: 5px 5px 5px #000;
|
||
|
|
/* overflow:hidden; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-full_modal-vidimg {
|
||
|
|
width:50%;
|
||
|
|
float:right;
|
||
|
|
margin-right:2%;
|
||
|
|
margin-top:-12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-full_modal_content {
|
||
|
|
margin:16px;
|
||
|
|
}
|
||
|
|
.tg-modal-video, .tg-modal_map {
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-modal_map {
|
||
|
|
border:2px solid #333;
|
||
|
|
height:250px;
|
||
|
|
background-color:white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-modal-video iframe {
|
||
|
|
float:right;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-full_modal .dateline {
|
||
|
|
font-size:16px;
|
||
|
|
color:#69A847;
|
||
|
|
margin:8px;
|
||
|
|
float:left;
|
||
|
|
max-width:50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-full_modal h4 {
|
||
|
|
clear:both;
|
||
|
|
float:left;
|
||
|
|
margin:0 0 0 8px;
|
||
|
|
padding:0;
|
||
|
|
color:#201e1b;
|
||
|
|
font-size:24px;
|
||
|
|
width:40%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-full_modal-body {
|
||
|
|
margin:12px;
|
||
|
|
width:45%;
|
||
|
|
font-size:14px;
|
||
|
|
line-height:20px;
|
||
|
|
color:#2f2c28;
|
||
|
|
clear:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-full_modal-body p {
|
||
|
|
font-size:14px;
|
||
|
|
line-height:18px;
|
||
|
|
margin-bottom:14px;
|
||
|
|
color:#2f2c28;
|
||
|
|
margin-right:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-full_modal-body img {
|
||
|
|
max-width:33%;
|
||
|
|
height:auto;
|
||
|
|
float:left;
|
||
|
|
margin-top:6px;
|
||
|
|
margin-right:8px;
|
||
|
|
margin-bottom:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.tg-full_modal-links {
|
||
|
|
position:absolute;
|
||
|
|
bottom:0;
|
||
|
|
left:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-full_modal-links ul {
|
||
|
|
width:100%;
|
||
|
|
list-style:none;
|
||
|
|
margin:0 8px 0 8px;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-full_modal-links ul li {
|
||
|
|
font-size:16px;
|
||
|
|
font-weight:bold;
|
||
|
|
display:block;
|
||
|
|
padding:3px 12px 1px 12px;
|
||
|
|
float:right;
|
||
|
|
margin-right:16px;
|
||
|
|
background-color:#201e1b;
|
||
|
|
|
||
|
|
-webkit-border-top-left-radius: 8px;
|
||
|
|
-webkit-border-top-right-radius: 8px;
|
||
|
|
-moz-border-radius-topleft: 8px;
|
||
|
|
-moz-border-radius-topright: 8px;
|
||
|
|
border-top-left-radius: 8px;
|
||
|
|
border-top-right-radius: 8px;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
.tg-full_modal-links ul li a {
|
||
|
|
color:#70bece;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||
|
|
*
|
||
|
|
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||
|
|
* may not operate correctly without them.
|
||
|
|
*/
|
||
|
|
|
||
|
|
.jspContainer
|
||
|
|
{
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspPane
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspVerticalBar
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
width: 16px;
|
||
|
|
height: 100%;
|
||
|
|
background: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspHorizontalBar
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 16px;
|
||
|
|
background: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspVerticalBar *,
|
||
|
|
.jspHorizontalBar *
|
||
|
|
{
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspCap
|
||
|
|
{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspHorizontalBar .jspCap
|
||
|
|
{
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspTrack
|
||
|
|
{
|
||
|
|
background: #000;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspDrag
|
||
|
|
{
|
||
|
|
background: #CCC;
|
||
|
|
position: relative;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
|
||
|
|
/* GRADIENT */
|
||
|
|
background: #c6c6c6; /* Old browsers */
|
||
|
|
background: -moz-linear-gradient(left, #c6c6c6 0%, #282828 99%); /* FF3.6+ */
|
||
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c6c6c6), color-stop(99%,#282828)); /* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(left, #c6c6c6 0%,#282828 99%); /* Chrome10+,Safari5.1+ */
|
||
|
|
background: -o-linear-gradient(left, #c6c6c6 0%,#282828 99%); /* Opera 11.10+ */
|
||
|
|
background: -ms-linear-gradient(left, #c6c6c6 0%,#282828 99%); /* IE10+ */
|
||
|
|
background: linear-gradient(left, #c6c6c6 0%,#282828 99%); /* W3C */
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#282828',GradientType=1 ); /* IE6-9 */
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspHorizontalBar .jspTrack,
|
||
|
|
.jspHorizontalBar .jspDrag
|
||
|
|
{
|
||
|
|
float: left;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspArrow
|
||
|
|
{
|
||
|
|
background: #50506d;
|
||
|
|
text-indent: -20000px;
|
||
|
|
display: block;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspArrow.jspDisabled
|
||
|
|
{
|
||
|
|
cursor: default;
|
||
|
|
background: #80808d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspVerticalBar .jspArrow
|
||
|
|
{
|
||
|
|
height: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspHorizontalBar .jspArrow
|
||
|
|
{
|
||
|
|
width: 16px;
|
||
|
|
float: left;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspVerticalBar .jspArrow:focus
|
||
|
|
{
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jspCorner
|
||
|
|
{
|
||
|
|
background: #eeeef4;
|
||
|
|
float: left;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||
|
|
* html .jspCorner
|
||
|
|
{
|
||
|
|
margin: 0 -3px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.panel {
|
||
|
|
|
||
|
|
padding:0;
|
||
|
|
width:650px;
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
/* OFFSCREEN -- NOT display:none
|
||
|
|
SO THAT jScrollPane, etc
|
||
|
|
CAN SET UP PROPERLY
|
||
|
|
*/
|
||
|
|
left:-1000px;
|
||
|
|
|
||
|
|
background-color:#201e1b;
|
||
|
|
background-color:rgba(54,52,48,.9);
|
||
|
|
|
||
|
|
border:4px solid #aaa69c;
|
||
|
|
|
||
|
|
-moz-box-shadow: 3px 4px 6px #0A0A0A;
|
||
|
|
-webkit-box-shadow: 3px 4px 6px #0A0A0A;
|
||
|
|
box-shadow: 3px 4px 6px #0A0A0A;
|
||
|
|
|
||
|
|
-webkit-border-radius: 8px;
|
||
|
|
-moz-border-radius: 8px;
|
||
|
|
border-radius: 8px;
|
||
|
|
z-index:99999999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.button {
|
||
|
|
max-width:150px;
|
||
|
|
border-radius:4px;
|
||
|
|
-webkit-border-radius:4px;
|
||
|
|
-moz-border-radius:4px;
|
||
|
|
cursor:pointer;
|
||
|
|
font-size:18px;
|
||
|
|
font-weight:normal;
|
||
|
|
text-align:center;
|
||
|
|
background-color:#CCC;
|
||
|
|
/* border:1px solid #000; */
|
||
|
|
padding:4px 8px 5px 8px;
|
||
|
|
|
||
|
|
width:auto;
|
||
|
|
|
||
|
|
-moz-user-select: -moz-none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.save.button {
|
||
|
|
color:#5e6923;
|
||
|
|
background-color:#bae444;
|
||
|
|
}
|
||
|
|
|
||
|
|
.save.button:hover {
|
||
|
|
color:white;
|
||
|
|
background-color:#5e6a21;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cancel.button {
|
||
|
|
color:#fefbf4;
|
||
|
|
background-color:#a03c01;
|
||
|
|
margin-right:32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.goto-save.save.button {
|
||
|
|
float:right;
|
||
|
|
font-size:11px;
|
||
|
|
margin-left:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cancel.button:hover {
|
||
|
|
background-color:#d0ff39;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.panel-footer .button-group {
|
||
|
|
margin:0 16px;
|
||
|
|
padding-top:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cal_icon {
|
||
|
|
display:block;
|
||
|
|
float:right;
|
||
|
|
margin-top:-4px;
|
||
|
|
margin-left:4px;
|
||
|
|
margin-right:4px;
|
||
|
|
background-image:url(img/cal_icon.png);
|
||
|
|
width:24px;
|
||
|
|
height:24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.panel-footer .button {
|
||
|
|
margin:8px 0 4px 8px;
|
||
|
|
float:right;
|
||
|
|
font-size:11px;
|
||
|
|
-moz-user-select: -moz-none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-datepicker .timeglider-menu-modal-content {
|
||
|
|
height:32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tg-lane {
|
||
|
|
position:absolute;
|
||
|
|
left:0px;
|
||
|
|
height:auto;
|
||
|
|
background-color:#777;
|
||
|
|
color:#F0F0F0;
|
||
|
|
z-index:999;
|
||
|
|
padding:3px 6px 2px 6px;
|
||
|
|
margin-top:-2px;
|
||
|
|
font-size:.8em;
|
||
|
|
max-width:200px;
|
||
|
|
min-width:120px;
|
||
|
|
cursor:pointer;
|
||
|
|
border-left:4px solid #777;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tg-lane .arrow-right {
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-top:10px solid transparent;
|
||
|
|
border-bottom:10px solid transparent;
|
||
|
|
border-left:10px solid #777;
|
||
|
|
position:absolute;
|
||
|
|
right:-9px;
|
||
|
|
top:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|