zhongrj
2023-06-27 d74b495736f0c04522ec54274b70fed0ded2878d
public/map/controls/timeslider/TimeSliderControl.css
New file
@@ -0,0 +1,122 @@
/*!
 * --------------------------------------时间条--------------------------------*/
.timeslider-base {
   position: absolute;
   bottom: 118px;
   left: 7px;
}
.time_outer {
   /*background:rgba(0,0,0,.5);*/
   filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
   /*IE6-8*/
   width: 268px;
   height: 58px;
   z-index: 1000;
}
.time_txt {
   background: url(images/time_txt.png) no-repeat;
   width: 62px;
   height: 25px;
   text-align: center;
   margin: 0px 35px;
   /*margin:5px 10px 0px 10px\9;/*对IE浏览器支持*/
   color: white;
   text-align: top;
   /*vertical-align:text-top;*/
}
.timeslider_container {
   position: absolute;
   top: 0px;
   left: 180px;
   z-index: 999;
}
.time_container {
   background: #ffffff;
   position: relative;
   width: 285px;
   height: 48px;
   overflow: hidden;
   border: 1px solid #46B9B1;
   border-radius: 5px;
   box-shadow: 5px 5px 10px #888888;
}
.to_left,
.to_left_un {
   float: left;
   display: inline;
   width: 9px;
    height: 15px;
    margin: 16px 4px 0 15px;
   /*border-right: 2px solid #ced2d6;*/
}
.to_left {
   background: url(images/left.png) no-repeat;
   cursor: pointer;
}
.to_left_un {
   background: url(images/left_un.png) no-repeat;
   cursor: default;
}
.to_right,
.to_right_un {
   float: right;
   display: inline;
   width: 9px;
   height: 15px;
   margin: 16px 15px 0px 0px;
   /*border-left: 2px solid #ced2d6;*/
}
.to_right {
   background: url(images/right.png) no-repeat;
   cursor: pointer;
}
.to_right_un {
   background: url(images/right_un.png) no-repeat;
   cursor: default;
}
.time_MultContainer {
   float: left;
   display: inline;
   background: #E1E1E1;
   width: 200px;
   height: 5px;
   border: 1px solid #e5e9ee;
   position: absolute;
   top: 20px;
   margin: 0 0 0 10px;
}
.time_image_zz {
   background: url(images/zz.png) no-repeat;
   width: 16px;
   height: 16px;
   margin-left: 0px;
   margin-top: -6px;
   position: absolute;
   z-index: 3000;
}
.date {
   width: 200px;
   margin: 0px 0px 0px 27px;
   color: #ffffff;
   position: relative;
   top: 30px;
   font: 10px "Arial";
    color: #5a6065;
}
.multshowdate {
   width: 2px;
   height: 5px;
   background: #46B9B1;
   position: absolute;
   top: 0px;
   z-index: 2000;
}
.showMultDate_img{
   position: absolute;
   left: 115px;
   color: #5a6065;
}