/*!
|
* --------------------------------------时间条--------------------------------*/
|
.timeliner-base {
|
position: absolute;
|
bottom: 0px;
|
left: 0px;
|
right: 25%;
|
width: 100%;
|
z-index: 50;
|
}
|
|
/*
|
* CSS for Timeliner 1.2
|
*
|
* This CSS is for styling the plugin.
|
* Use timeliner.css for functionality changes.
|
*/
|
|
|
/* Each slide */
|
#example1 .slide{padding:140px 45px 0 45px;font: 20px 'segoe ui',helvetica,arial,sans-serif;line-height:120%;color:#3c3c3c;}
|
/* The timeline background */
|
#example1 .timeline{background:#ddd;border-top:1px solid #ccc;border-bottom:1px solid #fff;}
|
/* The timeline fill bar */
|
#example1 .innertimeline{background:#cf3300;}
|
/* The time display */
|
#example1 .timedisplay{color:#777;}
|
/* Each node */
|
#example1 .node{background:url(css/node.png) center no-repeat;width:26px;height:26px;}
|
/* The active node */
|
#example1 .node_active{background:url(css/node_active.png) center no-repeat;}
|
/* Each node tooltip */
|
#example1 .tooltip1{padding:5px 8px; top:21px !important;}
|
/* The time display inside a tooltip */
|
#example1 .tooltiptime{font-size:8pt;font-weight:bold;}
|
/* The pause/play button */
|
#example1 .pause, #example1 .play{width:30px;height:30px;}
|
/* The pause button */
|
#example1 .pause{background:url(css/pause.png) center no-repeat;}
|
/* The play button */
|
#example1 .play{background:url(css/play.png) center no-repeat;}
|
/* The previous/next buttons */
|
#example1 .previous, #example1 .next{width:43px;height:50px;}
|
/* The previous button */
|
#example1 .previous{background:url(css/previous.png) center no-repeat;}
|
/* The next button */
|
#example1 .next{background:url(css/next.png) center no-repeat;}
|
|
|
/*
|
* CSS for Timeliner 1.2
|
*
|
* This CSS is for the plugin functionality
|
* Use timeliner_styling.css for personal styling.
|
*/
|
/* timeliner */
|
.timeliner{margin:0;padding:0;position:relative;display:none;margin-top: 13px;}
|
.timeliner .slide{margin:0;padding:0;list-style:none;overflow:hidden;position:absolute;display:block;}
|
.timeliner .timeline{display:block;position:absolute;z-index:2;list-style:none;}
|
.timeliner .innertimeline{position:absolute;bottom:0;z-index:3;overflow:hidden;}
|
.timeliner .timedisplay{position:absolute;text-align:right;cursor:default;white-space:nowrap;}
|
.timeliner .node{position:absolute;z-index:4;cursor:pointer;}
|
.timeliner .tooltip1{position:absolute;white-space:nowrap;}
|
.timeliner .pause, .timeliner .play, .timeliner .previous, .timeliner .next{position:absolute;list-style:none;z-index:3;cursor:pointer;}
|
.timeliner .previous, .timeliner .next{z-index:2;}
|
.timeliner img{vertical-align:bottom}
|
#butt{
|
float: right;
|
margin-top: 73px;
|
background-color: #ccc;
|
width: 30px;
|
height: 27px;
|
color: #fff;
|
border-radius: 24px;
|
text-align: center;
|
cursor: pointer;
|
padding-top: 3px;
|
font-size: 16px;
|
}
|
