Beautifully crafted timelines that are easy and intuitive to use. http://timeline.knightlab.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
27 KiB

#timeline h1,#timeline h2,#timeline h3,#timeline h4,#timeline h5,#timeline h6,#timeline p,#timeline blockquote,#timeline pre,#timeline a,#timeline abbr,#timeline acronym,#timeline address,#timeline cite,#timeline code,#timeline del,#timeline dfn,#timeline em,#timeline img,#timeline q,#timeline s,#timeline samp,#timeline small,#timeline strike,#timeline strong,#timeline sub,#timeline sup,#timeline tt,#timeline var,#timeline dd,#timeline dl,#timeline dt,#timeline li,#timeline ol,#timeline ul,#timeline fieldset,#timeline form,#timeline label,#timeline legend,#timeline button,#timeline table,#timeline caption,#timeline tbody,#timeline tfoot,#timeline thead,#timeline tr,#timeline th,#timeline td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit}#timeline table{border-collapse:collapse;border-spacing:0}#timeline ol,#timeline ul{list-style:none}#timeline q:before,#timeline q:after,#timeline blockquote:before,#timeline blockquote:after{content:""}#timeline a:focus{outline:thin dotted}#timeline a:hover,#timeline a:active{outline:0}#timeline article,#timeline aside,#timeline details,#timeline figcaption,#timeline figure,#timeline footer,#timeline header,#timeline hgroup,#timeline nav,#timeline section{display:block}#timeline audio,#timeline canvas,#timeline video{display:inline-block;*display:inline;*zoom:1}#timeline audio:not([controls]){display:none}#timeline div{max-width:none}#timeline sub,#timeline sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#timeline sup{top:-0.5em}#timeline sub{bottom:-0.25em}#timeline img{border:0;-ms-interpolation-mode:bicubic}#timeline button,#timeline input,#timeline select,#timeline textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}#timeline button,#timeline input{line-height:normal;*overflow:visible}#timeline button::-moz-focus-inner,#timeline input::-moz-focus-inner{border:0;padding:0}#timeline button,#timeline input[type="button"],#timeline input[type="reset"],#timeline input[type="submit"]{cursor:pointer;-webkit-appearance:button}#timeline input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#timeline input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}#timeline textarea{overflow:auto;vertical-align:top}#timeline{font-family:"Georgia",Times New Roman,Times,serif}#timeline .twitter,#timeline .messege,#timeline .credit,#timeline .caption,#timeline h1.date,#timeline h2.date,#timeline h3.date,#timeline h4.date,#timeline h5.date,#timeline h6.date{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}#timeline p,#timeline blockquote,#timeline .twitter blockquote p{font-family:"Georgia",Times New Roman,Times,serif}#timeline-embed{background-color:#fff;margin-bottom:20px;border:1px solid #ccc;padding-top:20px;padding-bottom:20px;clear:both;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:1px 2px 6px rgba(0,0,0,0.25)}#timeline{width:100%;height:100%;padding:0;margin:0;background-color:#fff;position:absolute;z-index:100;clear:both;overflow:hidden}#timeline .hyphenate{white-space:nowrap;width:200px;overflow:hidden;display:inline-block;height:20px}#timeline .feature{width:100%}#timeline .feature .slider{width:100%;float:left;position:relative;z-index:10;padding-top:15px;-webkit-box-shadow:1px 1px 7px rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 7px rgba(0,0,0,0.3);box-shadow:1px 1px 7px rgba(0,0,0,0.3)}#timeline .feedback{position:absolute;display:table;overflow:hidden;top:0;left:0;z-index:205;width:100%;height:100%;background-color:#e9e9e9;border:1px solid #ccc}#timeline .feedback .messege{display:table-cell;vertical-align:middle;font-size:28px;font-weight:bold;text-transform:uppercase;line-height:36px;width:75%;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;text-align:center}#timeline .container.main{position:absolute;top:0:left:0;padding-bottom:3px;