Agriculture-front-end/dist/Cesium/Widgets/Timeline/Timeline.css

104 lines
1.7 KiB
CSS
Raw Normal View History

2023-04-23 09:41:12 +08:00
.cesium-timeline-main {
2023-09-11 21:56:39 +08:00
position: relative;
left: 0;
bottom: 0;
overflow: hidden;
border: solid 1px #888;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-trackContainer {
2023-09-11 21:56:39 +08:00
width: 100%;
overflow: auto;
border-top: solid 1px #888;
position: relative;
top: 0;
left: 0;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-tracks {
2023-09-11 21:56:39 +08:00
position: absolute;
top: 0;
left: 0;
width: 100%;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-needle {
2023-09-11 21:56:39 +08:00
position: absolute;
left: 0;
top: 1.7em;
bottom: 0;
width: 1px;
background: #F00;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-bar {
2023-09-11 21:56:39 +08:00
position: relative;
left: 0;
top: 0;
overflow: hidden;
cursor: pointer;
width: 100%;
height: 1.7em;
background: linear-gradient(to bottom, rgba(116,117,119,0.8) 0%,rgba(58,68,82,0.8) 11%,rgba(46,50,56,0.8) 46%,rgba(53,53,53,0.8) 81%,rgba(53,53,53,0.8) 100%);
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-ruler {
2023-09-11 21:56:39 +08:00
/* NOTE: The label and the ruler must use the same font/size */
visibility: hidden;
white-space: nowrap;
font-size: 80%;
z-index: -200;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-highlight {
2023-09-11 21:56:39 +08:00
position: absolute;
bottom: 0;
left: 0;
background: #08F;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-ticLabel {
2023-09-11 21:56:39 +08:00
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
font-size: 80%;
color: #eee;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-ticMain {
2023-09-11 21:56:39 +08:00
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: 50%;
background: #eee;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-ticSub {
2023-09-11 21:56:39 +08:00
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: 33%;
background: #aaa;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-ticTiny {
2023-09-11 21:56:39 +08:00
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: 25%;
background: #888;
2023-04-23 09:41:12 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-23 09:41:12 +08:00
.cesium-timeline-icon16 {
2023-09-11 21:56:39 +08:00
display: block;
position: absolute;
width: 16px;
height: 16px;
background-image: url("../Images/TimelineIcons.png");
background-repeat: no-repeat;
2023-04-23 09:41:12 +08:00
}