• Home
• com.jwebmp.plugins.jquery
• jwebmp-jqui-vertical-timeline
• 1.0.5.3
• source code
• jquery-vertical-timeline.min.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

META-INF.resources.bower_components.jquery-vertical-timeline.dist.jquery-vertical-timeline.min.css Maven / Gradle / Ivy

/*! jquery-vertical-timeline - v0.3.0 - 2014-01-29
* https://github.com/MinnPost/jquery-vertical-timeline
* Copyright (c) 2014 MinnPost; Licensed MIT */


.vertical-timeline-container{*zoom:1}.vertical-timeline-container:after,.vertical-timeline-container:before{content:" ";display:table}.vertical-timeline-container:after{clear:both}.vertical-timeline-container .vertical-timeline-timeline{width:600px;margin:20px auto 30px;display:none}.vertical-timeline-container .clearfix{*zoom:1}.vertical-timeline-container .clearfix:after,.vertical-timeline-container .clearfix:before{content:" ";display:table}.vertical-timeline-container .clearfix:after{clear:both}.vertical-timeline-container .loading{text-align:center;font-size:2em;margin:1em;color:#565656}.vertical-timeline-container .post{width:271px;margin:0 0 10px;float:left}.vertical-timeline-container .post.last{margin-bottom:0}.vertical-timeline-container .post .inner{position:relative;padding:11px;border:1px #adadad solid;background-color:#fff;min-height:37px;word-wrap:break-word;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 1px 0 #adadad;-moz-box-shadow:0 1px 1px 0 #adadad;box-shadow:0 1px 1px 0 #adadad}.vertical-timeline-container .post.right{float:right}.vertical-timeline-container .post .timestamp{display:none}.vertical-timeline-container .post h3{margin:0;font-family:Georgia,sans-serif;font-size:20px;font-weight:400;color:#010101;padding-right:30px;line-height:1.3em}.vertical-timeline-container .post .caption{color:#9d9d9d;font-family:Georgia,sans-serif;font-size:12px;margin-top:4px}.vertical-timeline-container .post .body{margin-top:10px}.vertical-timeline-container .post.collapsed .body{display:none}.vertical-timeline-container .post.expanded .body{display:block}.vertical-timeline-container .post .body img{max-width:100%}.vertical-timeline-container .post .text{color:#393939;font-family:Georgia,sans-serif;font-size:12px;margin:10px 0;line-height:1.5}.vertical-timeline-container .post a.open-close{background:transparent url(./images/button-up-down-arrow.png?1390344614) no-repeat;height:17px;width:16px;position:absolute;right:11px;top:11px}.vertical-timeline-container .post.collapsed a.open-close{background-position:left bottom}.vertical-timeline-container .post .title .title-icon{height:20px;width:20px;margin-right:4px;vertical-align:top}.vertical-timeline-container .post.closed .title{display:table;min-height:40px}.vertical-timeline-container .post.closed .title h3{display:table-cell;vertical-align:middle}.vertical-timeline-container .post a.more{color:#676767;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;text-align:center;padding:4px 15px;margin:5px auto 0;border:1px #BDBDBD solid;display:block;line-height:28px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 1px 0 #bdbdbd;-moz-box-shadow:0 1px 1px 0 #bdbdbd;box-shadow:0 1px 1px 0 #bdbdbd}.vertical-timeline-container .post a.more:hover{background-color:#FAFAFA}.vertical-timeline-container .post .date{color:#6a6a6a;font-size:11px;text-align:center;position:absolute;top:19px;display:block;width:54px;height:21px;line-height:20px}.vertical-timeline-container .post.left .date{background:transparent url(./images/tab-left.png?1390344614) no-repeat right;right:-54px}.vertical-timeline-container .post.right .date{background:transparent url(./images/tab-right.png?1390344614) no-repeat left;left:-54px}.vertical-timeline-container .group-marker{float:left;width:80px;margin:50px 0 15px}.vertical-timeline-container .group-marker .timestamp{display:none}.vertical-timeline-container .group-marker.top{margin-top:0}.vertical-timeline-container .group-marker .inner{width:76px;height:26px;padding:2px;background-color:#FFF}.vertical-timeline-container .group-marker .inner2{background-color:#434a50;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.vertical-timeline-container .group{text-align:center;color:#fff;font-size:14px;font-weight:700;height:26px;line-height:26px}.vertical-timeline-container .vertical-timeline-buttons{text-align:center;margin:20px 0 10px}.vertical-timeline-container .vertical-timeline-buttons div{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.vertical-timeline-container .vertical-timeline-buttons .expand-collapse-buttons{margin-right:20px}.vertical-timeline-container .vertical-timeline-buttons a{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;width:126px;border:1px #adadad solid;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;font-size:12px;font-weight:700;text-decoration:none;padding:10px 12px;background-color:#FFF;color:#3b3b3b;text-transform:uppercase}.vertical-timeline-container .vertical-timeline-buttons a.active,.vertical-timeline-container .vertical-timeline-buttons a.active:hover{background-color:#f6f6f6;color:#a9a9a9;cursor:default;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.vertical-timeline-container .vertical-timeline-buttons a:hover{-webkit-box-shadow:0 1px 1px 0 #adadad;-moz-box-shadow:0 1px 1px 0 #adadad;box-shadow:0 1px 1px 0 #adadad}.vertical-timeline-container .vertical-timeline-buttons a span{padding-right:15px;background-position:right -20px}.vertical-timeline-container .vertical-timeline-buttons a.active span{background-position:right 4px}.vertical-timeline-container .vertical-timeline-buttons a.expand-all span,.vertical-timeline-container .vertical-timeline-buttons a.sort-newest span{background-image:url(./images/down-arrows.png?1390344614);background-repeat:no-repeat}.vertical-timeline-container .vertical-timeline-buttons a.collapse-all span,.vertical-timeline-container .vertical-timeline-buttons a.sort-oldest span{background-image:url(./images/up-arrows.png?1390344614);background-repeat:no-repeat}@media (max-width:675px){.vertical-timeline-container .vertical-timeline-buttons .expand-collapse-buttons,.vertical-timeline-container .vertical-timeline-buttons .sort-buttons{margin:0 0 10px}}.vertical-timeline-container .line-container{width:4px;text-align:center;margin:0 auto;display:block}.vertical-timeline-container .isotope .line{margin:0 auto;background-color:#b3b6b8;display:block;float:left;height:100%;left:298px;width:4px;position:absolute}.vertical-timeline-container .isotope-item{z-index:2}.vertical-timeline-container .isotope-hidden.isotope-item{pointer-events:none;z-index:1}.vertical-timeline-container .vertical-timeline-container .isotope,.vertical-timeline-container .vertical-timeline-container .isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.vertical-timeline-container .vertical-timeline-container .isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.vertical-timeline-container .vertical-timeline-container .isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity}.vertical-timeline-container .isotope .isotope-item.no-transition,.vertical-timeline-container .isotope.no-transition,.vertical-timeline-container .isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}