playground
/
TimelineJS
mirror of https://github.com/NUKnightLab/TimelineJS.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Style tweaks and added tag display, 6 row time display

pull/177/head
Zach Wise 13 years ago
parent
30d86b0c19
commit
05a9812523
6 changed files with 604 additions and 297 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 156
      compiled/css/themes/dark.css
  2. 156
      compiled/css/timeline.css
  3. 5
      source/less/Theme/Dark.less
  4. 41
      source/less/VMM.Slider.less
  5. 58
      source/less/VMM.Timeline.Core.less
  6. 485
      source/less/VMM.Timeline.TimeNav.less

156
compiled/css/themes/dark.css
Unescape View File

@ -33,7 +33,10 @@
.vmm-timeline .vmm-clear:after{clear:both;}
.vmm-timeline .vmm-clear{*zoom:1;}
.vmm-timeline .feature{width:100%;}.vmm-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);}
.vmm-timeline .feedback{position:absolute;display:table;overflow:hidden;top:0px;left:0px;z-index:205;width:100%;height:100%;background-color:#1a1a1a;}.vmm-timeline .feedback .messege{display:table-cell;vertical-align:middle;font-size:15px;font-weight:normal;line-height:20px;width:75%;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;text-align:center;}
.vmm-timeline .feedback{position:absolute;display:table;overflow:hidden;top:0px;left:0px;z-index:205;width:100%;height:100%;background-color:#1a1a1a;}
.vmm-timeline div.loading{display:table;text-align:center;min-width:100px;margin-top:15px;height:100%;width:100%;background-color:#1a1a1a;}.vmm-timeline div.loading .loading-container{display:table-cell;vertical-align:middle;}.vmm-timeline div.loading .loading-container .loading-icon{display:block;background-repeat:no-repeat;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background-image:url(themes/loading.gif?v3.4);width:28px;height:28px;}
.vmm-timeline div.loading .loading-container .message{display:block;}
.vmm-timeline div.loading .loading-container .message,.vmm-timeline div.loading .loading-container .message p{text-align:center;font-size:11px;line-height:13px;text-transform:uppercase;margin-top:7.5px;margin-bottom:7.5px;}
.vmm-timeline .container.main{position:absolute;top:0px: left:0px;padding-bottom:3px;width:auto;height:auto;margin:0px;clear:both;}
.vmm-timeline img,.vmm-timeline embed,.vmm-timeline object,.vmm-timeline video,.vmm-timeline iframe{max-width:100%;}
.vmm-timeline img{max-height:100%;border:1px solid #999999;}
@ -47,28 +50,28 @@
.vmm-timeline .vcard .avatar{float:left;display:block;width:32px;height:32px;}.vmm-timeline .vcard .avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.vmm-timeline .thumbnail{width:24px;height:24px;overflow:hidden;float:left;margin:0;margin-right:1px;margin-top:6px;border:0;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.vmm-timeline a.thumbnail:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.vmm-timeline .thumbnail.thumb-plaintext{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-timeline .thumbnail.thumb-document{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-timeline .thumbnail.thumb-photo{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-timeline .thumbnail.thumb-photo img{border:0px none #333333 !important;}
.vmm-timeline .thumbnail.thumb-twitter{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-timeline .thumbnail.thumb-vimeo{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-timeline .thumbnail.thumb-youtube{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-timeline .thumbnail.thumb-video{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-timeline .thumbnail.thumb-audio{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-timeline .thumbnail.thumb-map{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-timeline .thumbnail.thumb-website{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-timeline .thumbnail.thumb-link{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-timeline .thumbnail.thumb-wikipedia{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-timeline .thumbnail.thumb-storify{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-timeline .thumbnail.thumb-googleplus{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-208px -72px;}
.vmm-timeline .thumb-storify-full{height:12px;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-timeline thumbnail.thumb-instagram{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline thumbnail.thumb-instagram-full{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.vmm-timeline .thumbnail.thumb-plaintext{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-timeline .thumbnail.thumb-document{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-timeline .thumbnail.thumb-photo{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-timeline .thumbnail.thumb-photo img{border:0px none #333333 !important;}
.vmm-timeline .thumbnail.thumb-twitter{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-timeline .thumbnail.thumb-vimeo{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-timeline .thumbnail.thumb-youtube{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-timeline .thumbnail.thumb-video{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-timeline .thumbnail.thumb-audio{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-timeline .thumbnail.thumb-map{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-timeline .thumbnail.thumb-website{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-timeline .thumbnail.thumb-link{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-timeline .thumbnail.thumb-wikipedia{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-timeline .thumbnail.thumb-storify{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-timeline .thumbnail.thumb-googleplus{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -72px;}
.vmm-timeline thumbnail.thumb-instagram{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline thumbnail.thumb-instagram-full{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.vmm-timeline .thumb-storify-full{height:12px;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-timeline .thumbnail-inline{width:16px;height:14px;overflow:hidden;display:inline-block;margin-right:1px;margin-left:3px;margin-top:2px;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .twitter .thumbnail-inline{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-timeline .storify .thumbnail-inline{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-184px -96px;}
.vmm-timeline .googleplus .thumbnail-inline{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .twitter .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-timeline .storify .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -96px;}
.vmm-timeline .googleplus .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .zFront{z-index:204;}
.slider{width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask{text-align:center;width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask .slider-container{position:absolute;top:0px;left:-2160px;width:100%;height:100%;text-align:center;display:block;background-color:#1a1a1a;}.slider .slider-container-mask .slider-container .slider-item-container{display:table-cell;vertical-align:middle;}
.slider img,.slider embed,.slider object,.slider video,.slider iframe{max-width:100%;}
@ -79,10 +82,10 @@
.slider .nav-previous .date,.slider .nav-next .date{font-size:13px;line-height:13px;font-weight:bold;text-transform:uppercase;margin-bottom:5px;}
.slider .nav-previous .title,.slider .nav-next .title{font-size:11px;line-height:13px;}
.slider .nav-previous:hover,.slider .nav-next:hover{color:#aaaaaa;cursor:pointer;}
.slider .nav-previous{float:left;text-align:left;}.slider .nav-previous .icon{margin-left:15px;height:24px;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-160px 0;width:24px;height:24px;overflow:hidden;}
.slider .nav-previous{float:left;text-align:left;}.slider .nav-previous .icon{margin-left:15px;height:24px;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-160px 0;width:24px;height:24px;overflow:hidden;}
.slider .nav-previous .date,.slider .nav-previous .title{text-align:left;padding-left:15px;}
.slider .nav-previous:hover .icon{margin-left:10px;}
.slider .nav-next{float:right;text-align:right;}.slider .nav-next .icon{margin-left:61px;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-184px 0;width:24px;height:24px;height:24px;overflow:hidden;}
.slider .nav-next{float:right;text-align:right;}.slider .nav-next .icon{margin-left:61px;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px 0;width:24px;height:24px;height:24px;overflow:hidden;}
.slider .nav-next .date,.slider .nav-next .title{text-align:right;padding-right:15px;}
.slider .nav-next:hover .icon{margin-left:66px;}
.slider .slider-item{position:absolute;width:700px;height:100%;padding:0px;margin:0px;display:table;overflow-y:auto;}.slider .slider-item .content{display:table-cell;vertical-align:middle;}.slider .slider-item .content .pad-top .text .container{padding-top:15px;}
@ -90,13 +93,15 @@
.slider .slider-item .content .pad-left .text .container{padding-left:30px;}
.slider .slider-item .content .pad-left .media.text-media .media-wrapper .media-container{border:none;background-color:#1a1a1a;}
.slider .slider-item .content .content-container{display:table;vertical-align:middle;}.slider .slider-item .content .content-container .text{width:40%;max-width:50%;min-width:120px;display:table-cell;vertical-align:middle;}.slider .slider-item .content .content-container .text .container{display:table-cell;vertical-align:middle;text-align:left;}.slider .slider-item .content .content-container .text .container p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;}
.slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:left;}.slider .slider-item .content .content-container .media .media-wrapper{display:inline-block;margin-left:auto;margin-right:auto;}.slider .slider-item .content .content-container .media .media-wrapper .media-container{display:inline-block;line-height:0px;padding:0px;max-height:100%;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img{border:1px solid;border-color:#333333 #999999 #999999 #333333;background:#1a1a1a;}
.slider .slider-item .content .content-container .text .container h2.date{font-size:15px;line-height:15px;font-weight:normal;}
.slider .slider-item .content .content-container .text .container .slide-tag{font-size:11px;font-weight:bold;color:#1a1a1a;background-color:#cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;vertical-align:baseline;white-space:nowrap;line-height:11px;padding:1px 3px 1px;margin-left:7.5px;margin-bottom:7.5px;}
.slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:left;}.slider .slider-item .content .content-container .media .media-wrapper{display:inline-block;margin-left:auto;margin-right:auto;}.slider .slider-item .content .content-container .media .media-wrapper .media-container{display:inline-block;line-height:0px;padding:0px;max-height:100%;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img{border:1px solid;border-color:#333333 #999999 #999999 #333333;background-color:#1a1a1a;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame iframe{background-color:#1a1a1a;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .soundcloud{border:0;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image{display:inline-block;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow{position:relative;z-index:1;background:#1a1a1a;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:before,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#999999;-webkit-box-shadow:0 15px 10px #999999;-moz-box-shadow:0 15px 10px #999999;box-shadow:0 15px 10px #999999;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow::after{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);right:10px;left:auto;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container span.messege{display:block;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background:#1a1a1a;font-size:28px;font-weight:bold;text-transform:uppercase;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text{display:table;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container{display:table-cell;vertical-align:middle;font-size:15px;line-height:20px;color:#aaaaaa;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container p{margin-bottom:20px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia{font-size:15px;line-height:20px;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia .wiki-source{margin-bottom:15px;font-size:13px;line-height:19px;font-style:italic;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4{border-bottom:1px solid #333333;margin-bottom:5px;}
@ -111,8 +116,8 @@
.slider .slider-item .content .media.text-media .media-wrapper .media-container{border:none;background-color:#1a1a1a;}
.slider .slider-item .content .created-at{width:24px;height:24px;overflow:hidden;margin-left:7.5px;margin-top:2px;display:inline-block;float:right;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}
.slider .slider-item .content .created-at:hover{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.slider .slider-item .content .storify .created-at{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px -96px;}
.slider .slider-item .content .twitter .created-at{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-256px -24px;}
.slider .slider-item .content .storify .created-at{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -96px;}
.slider .slider-item .content .twitter .created-at{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -24px;}
.slider .slider-item .content .googleplus .googleplus-content{font-size:13px;line-height:19px;margin-bottom:6px;padding-top:10px;background-color:#1a1a1a;color:#aaaaaa;}.slider .slider-item .content .googleplus .googleplus-content p{font-size:13px;line-height:19px;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-title{font-size:28px;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#1a1a1a;color:#ffffff;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-annotation{font-size:15px;line-height:20px;color:#ffffff;border-bottom:1px solid #e3e3e3;padding-bottom:7.5px;margin-bottom:7.5px;}
@ -126,7 +131,7 @@
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments p{font-size:11px;line-height:14px;margin-bottom:5px;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments img{float:left;display:block;bottom:0;left:0;margin:auto;position:relative;right:0;top:0;width:40%;}
.slider .slider-item .content .googleplus .proflinkPrefix{color:#0bd4e3;}
.slider .slider-item .content .googleplus .created-at{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-208px -72px;}
.slider .slider-item .content .googleplus .created-at{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -72px;}
.slider .slider-item .content .twitter,.slider .slider-item .content .plain-text-quote,.slider .slider-item .content .storify,.slider .slider-item .content .googleplus{text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.slider .slider-item .content .twitter blockquote,.slider .slider-item .content .plain-text-quote blockquote,.slider .slider-item .content .storify blockquote,.slider .slider-item .content .googleplus blockquote{color:#aaaaaa;}.slider .slider-item .content .twitter blockquote p,.slider .slider-item .content .plain-text-quote blockquote p,.slider .slider-item .content .storify blockquote p,.slider .slider-item .content .googleplus blockquote p{font-size:28px;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#1a1a1a;color:#ffffff;}
.slider .slider-item .content .twitter blockquote .quote-mark,.slider .slider-item .content .plain-text-quote blockquote .quote-mark,.slider .slider-item .content .storify blockquote .quote-mark,.slider .slider-item .content .googleplus blockquote .quote-mark{color:#aaaaaa;}
.slider .slider-item .content-container.layout-text-media .text-media{border-top:1px solid #e3e3e3;padding-top:15px;padding-right:0;}
@ -137,40 +142,85 @@
.slider .slider-item .content-container.layout-media .twitter,.slider .slider-item .content-container.layout-media .wikipedia,.slider .slider-item .content-container.layout-media .googleplus{max-width:70%;}
.vmm-timeline .navigation{clear:both;cursor:move;width:100%;height:200px;border-top:1px solid #e3e3e3;position:relative;}.vmm-timeline .navigation .toolbar{position:absolute;top:45px;left:0px;z-index:202;background-color:#1a1a1a;border:1px solid #333333;-webkit-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);}.vmm-timeline .navigation .toolbar .zoom-in,.vmm-timeline .navigation .toolbar .zoom-out,.vmm-timeline .navigation .toolbar .back-home{font-weight:normal;font-size:10px;line-height:20px;top:0px;z-index:202;width:18px;height:18px;color:#aaaaaa;text-align:center;font-weight:bold;border:1px solid #1a1a1a;padding:5px;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .toolbar .zoom-in:hover,.vmm-timeline .navigation .toolbar .zoom-out:hover,.vmm-timeline .navigation .toolbar .back-home:hover{color:#0bd4e3;cursor:pointer;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.vmm-timeline .navigation .toolbar .zoom-in .icon{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-256px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .zoom-out .icon{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-280px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .back-home .icon{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .zoom-in .icon{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .zoom-out .icon{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .back-home .icon{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px 0;width:24px;height:24px;}
.vmm-timeline .navigation .timenav-background{position:absolute;cursor:move;top:0px;left:0px;height:150px;width:100%;background-color:#262626;}.vmm-timeline .navigation .timenav-background .timenav-interval-background{position:absolute;top:151px;left:0px;background:#1a1a1a;width:100%;height:49px;-webkit-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);-moz-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);}.vmm-timeline .navigation .timenav-background .timenav-interval-background .top-highlight{position:absolute;top:-1px;left:0px;z-index:30;width:100%;height:1px;background:#1a1a1a;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);}
.vmm-timeline .navigation .timenav-background .timenav-line{position:absolute;top:0px;left:50%;width:3px;height:150px;background:#0bd4e3;z-index:201;-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);}
.vmm-timeline .navigation .timenav-background .timenav-indicator{position:absolute;top:-1px;left:50%;z-index:202;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;}
.vmm-timeline .navigation .timenav-background .timenav-tag{height:50px;}.vmm-timeline .navigation .timenav-background .timenav-tag div{height:50px;display:table;}.vmm-timeline .navigation .timenav-background .timenav-tag div h3{display:table-cell;vertical-align:middle;padding-left:65px;font-size:15px;color:#0c0c0c;font-weight:bold;text-shadow:0px 1px 1px #727272;text-transform:uppercase;}
.vmm-timeline .navigation .timenav-background .timenav-tag-row-2{background:#2e2e2e;}
.vmm-timeline .navigation .timenav-background .timenav-tag-row-3{background:#262626;}
.vmm-timeline .navigation .timenav-background .timenav-indicator{position:absolute;top:-1px;left:50%;z-index:202;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;}
.vmm-timeline .navigation .timenav-background .timenav-tag div{height:50px;display:table;}.vmm-timeline .navigation .timenav-background .timenav-tag div h3{display:table-cell;vertical-align:middle;padding-left:65px;font-size:15px;color:#0c0c0c;font-weight:bold;text-shadow:0px 1px 1px #727272;}
.vmm-timeline .navigation .timenav-background .timenav-tag-size-half{height:25px;}.vmm-timeline .navigation .timenav-background .timenav-tag-size-half div{height:25px;}
.vmm-timeline .navigation .timenav-background .timenav-tag-size-full{height:50px;}.vmm-timeline .navigation .timenav-background .timenav-tag-size-full div{height:50px;}
.vmm-timeline .navigation .timenav-background .timenav-tag-row-2,.vmm-timeline .navigation .timenav-background .timenav-tag-row-4,.vmm-timeline .navigation .timenav-background .timenav-tag-row-6{background:#2e2e2e;}
.vmm-timeline .navigation .timenav-background .timenav-tag-row-1,.vmm-timeline .navigation .timenav-background .timenav-tag-row-3,.vmm-timeline .navigation .timenav-background .timenav-tag-row-5{background:#262626;}
.vmm-timeline .navigation .timenav{position:absolute;top:0px;left:-250px;z-index:1;}.vmm-timeline .navigation .timenav .content{position:relative;}.vmm-timeline .navigation .timenav .content .marker.start{display:none;}
.vmm-timeline .navigation .timenav .content .marker.active .dot{background:#0bd4e3;z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active .line{z-index:199;background:#0bd4e3;width:1px;}.vmm-timeline .navigation .timenav .content .marker.active .line .event-line{background:#0bd4e3;filter:alpha(opacity=75);-khtml-opacity:0.75;-moz-opacity:0.75;opacity:0.75;}
.vmm-timeline .navigation .timenav .content .marker.active .flag{z-index:200;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content h3{color:#0bd4e3;}
.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker.active .flag.row1,.vmm-timeline .navigation .timenav .content .marker.active .flag.row2,.vmm-timeline .navigation .timenav .content .marker.active .flag.row3{z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h3{color:#0bd4e3;}
.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h4{color:#999999;}
.vmm-timeline .navigation .timenav .content .marker.active .flag,.vmm-timeline .navigation .timenav .content .marker.active .flag-small{z-index:200;}.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content,.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content{height:36px;}.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content h3,.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content h3{color:#0bd4e3;margin-top:5px;}
.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content .thumbnail,.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker.active .flag.row1,.vmm-timeline .navigation .timenav .content .marker.active .flag.row2,.vmm-timeline .navigation .timenav .content .marker.active .flag.row3,.vmm-timeline .navigation .timenav .content .marker.active .flag-small.row1,.vmm-timeline .navigation .timenav .content .marker.active .flag-small.row2,.vmm-timeline .navigation .timenav .content .marker.active .flag-small.row3{z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active .flag{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}
.vmm-timeline .navigation .timenav .content .marker.active .flag-small{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:0 -109px;width:153px;height:26px;height:26px;}.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content{height:14px;}.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content h3{margin-top:4px;}
.vmm-timeline .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h3,.vmm-timeline .navigation .timenav .content .marker.active:hover .flag-small .flag-content h3{color:#0bd4e3;}
.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h4,.vmm-timeline .navigation .timenav .content .marker.active:hover .flag-small .flag-content h4{color:#999999;}
.vmm-timeline .navigation .timenav .content .marker:hover .line{z-index:24;background:#999999;}
.vmm-timeline .navigation .timenav .content .marker{position:absolute;top:0px;left:150px;display:block;}.vmm-timeline .navigation .timenav .content .marker .dot{position:absolute;top:150px;left:0px;display:block;width:6px;height:6px;background:#aaaaaa;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:21;}
.vmm-timeline .navigation .timenav .content .marker .line{position:absolute;top:0px;left:3px;width:1px;height:150px;background:#333333;-moz-box-shadow:1px 0 0 #1a1a1a;-webkit-box-shadow:1px 0 0 #1a1a1a;box-shadow:1px 0 0 #1a1a1a;z-index:22;}.vmm-timeline .navigation .timenav .content .marker .line .event-line{position:absolute;z-index:22;left:0px;height:1px;width:1px;background:#0bd4e3;filter:alpha(opacity=15);-khtml-opacity:0.15;-moz-opacity:0.15;opacity:0.15;}
.vmm-timeline .navigation .timenav .content .marker .flag{position:absolute;top:15px;left:3px;padding:0px;display:block;z-index:23;width:153px;height:56px;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 0;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content{padding:0px 7px 2px 6px;overflow:hidden;height:36px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3{font-weight:bold;font-size:15px;line-height:20px;font-size:11px;line-height:11px;color:#999999;margin-top:5px;margin-bottom:2px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4{display:none;font-weight:normal;font-size:15px;line-height:20px;margin-top:5px;font-size:10px;line-height:10px;color:#aaaaaa;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail{margin-bottom:15px;margin-right:3px;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail img{width:22px;height:22px;max-height:none;max-width:none;border:0;border:1px solid #999999;padding:0;margin:0;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover{cursor:pointer;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h3{color:#aaaaaa;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h4{color:#aaaaaa;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker .line{position:absolute;top:0px;left:3px;width:1px;height:150px;background-color:#333333;background-color:rgba(51, 51, 51, 0.5);-webkit-box-shadow:1px 0 0 rgba(26, 26, 26, 0.5);-moz-box-shadow:1px 0 0 rgba(26, 26, 26, 0.5);box-shadow:1px 0 0 rgba(26, 26, 26, 0.5);z-index:22;}.vmm-timeline .navigation .timenav .content .marker .line .event-line{position:absolute;z-index:22;left:0px;height:1px;width:1px;background:#0bd4e3;filter:alpha(opacity=15);-khtml-opacity:0.15;-moz-opacity:0.15;opacity:0.15;}
.vmm-timeline .navigation .timenav .content .marker .flag,.vmm-timeline .navigation .timenav .content .marker .flag-small{position:absolute;top:15px;left:3px;padding:0px;display:block;z-index:23;width:153px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content{padding:0px 7px 2px 6px;overflow:hidden;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h3{font-weight:bold;font-size:15px;line-height:20px;font-size:11px;line-height:11px;color:#999999;margin-bottom:2px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3 small,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h3 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h4{display:none;font-weight:normal;font-size:15px;line-height:20px;margin-top:5px;font-size:10px;line-height:10px;color:#aaaaaa;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4 small,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h4 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail{margin-bottom:15px;margin-right:3px;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail img,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail img{width:22px;height:22px;max-height:none;max-width:none;border:0;border:1px solid #999999;padding:0;margin:0;}
.vmm-timeline .navigation .timenav .content .marker .flag{height:56px;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:0 0;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content{height:36px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3{margin-top:5px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small{height:26px;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:0 -135px;width:153px;height:26px;}.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content{height:14px;}.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h3{margin-top:4px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail{width:16px;height:10px;margin-right:1px;margin-top:6px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-plaintext{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-quote{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-document{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-photo{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-twitter{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-vimeo{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-youtube{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-304px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-video{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-audio{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-304px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-map{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-website{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-link{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-wikipedia{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-storify{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-googleplus{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content thumbnail.thumb-instagram{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover,.vmm-timeline .navigation .timenav .content .marker .flag-small:hover{cursor:pointer;}.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h3,.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content h3{color:#aaaaaa;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h4,.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content h4{color:#aaaaaa;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content .thumbnail,.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker .flag:hover{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small:hover{height:56px;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content{height:36px;}.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content h3{margin-top:5px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.flag-small-last:hover{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:0 -109px;width:153px;height:26px;height:26px;}.vmm-timeline .navigation .timenav .content .marker .flag-small.flag-small-last:hover .flag-content{height:14px;}.vmm-timeline .navigation .timenav .content .marker .flag-small.flag-small-last:hover .flag-content h3{margin-top:4px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row1{z-index:25;top:48px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row2{z-index:24;top:96px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row3{z-index:23;top:1px;}
.vmm-timeline .navigation .timenav .content .marker .flag.zFront{z-index:201;}
.vmm-timeline .navigation .timenav .content .era{position:absolute;top:138px;left:150px;height:12px;display:block;background:#0bd4e3;overflow:hidden;border-left:1px solid #333333;border-right:1px solid #333333;border-top:1px solid #333333;filter:alpha(opacity=75);-khtml-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;z-index:-10;}.vmm-timeline .navigation .timenav .content .era h3{font-weight:bold;font-size:10px;line-height:10px;color:#1a1a1a;position:absolute;top:-1px;left:9px;}
.vmm-timeline .navigation .timenav .time{position:absolute;left:0px;top:150px;height:50px;background-color:#1a1a1a;}.vmm-timeline .navigation .timenav .time .time-interval-minor{max-width:none;height:6px;white-space:nowrap;position:absolute;top:-9px;left:8px;z-index:10;}.vmm-timeline .navigation .timenav .time .time-interval-minor .minor{position:relative;top:2px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);width:100px;height:6px;background-position:center top;white-space:nowrap;color:#aaaaaa;margin-top:0px;padding-top:0px;}
.vmm-timeline .navigation .timenav .time .time-interval{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:3px;position:absolute;height:3px;left:0px;display:block;font-weight:normal;font-size:10px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#aaaaaa;margin-left:0px;margin-right:0px;margin-top:1px;z-index:2;}.vmm-timeline .navigation .timenav .time .time-interval div strong{font-weight:bold;color:#ffffff;}
.vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#aaaaaa;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#ffffff;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row1{z-index:28;top:24px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row2{z-index:27;top:48px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row3{z-index:26;top:72px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row4{z-index:25;top:96px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row5{z-index:24;top:120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row6{z-index:23;top:1px;}
.vmm-timeline .navigation .timenav .content .marker .flag.zFront,.vmm-timeline .navigation .timenav .content .marker .flag-small.zFront{z-index:201;}
.vmm-timeline .navigation .timenav .content .era{position:absolute;top:138px;left:150px;height:12px;display:block;overflow:hidden;}.vmm-timeline .navigation .timenav .content .era div{height:50px;width:100%;height:100%;line-height:0px;background:#262626;background:rgba(38, 38, 38, 0.33);}.vmm-timeline .navigation .timenav .content .era div h3,.vmm-timeline .navigation .timenav .content .era div h4{position:absolute;bottom:1px;padding-left:15px;font-size:15px;font-weight:bold;color:rgba(11, 212, 227, 0.35);text-shadow:0px 1px 1px #727272;}
.vmm-timeline .navigation .timenav .content .era1 div{background:#e31a0b;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(227, 26, 11, 0.1);border-right:1px solid rgba(245, 58, 44, 0.05);}.vmm-timeline .navigation .timenav .content .era1 div h3,.vmm-timeline .navigation .timenav .content .era1 div h4{color:rgba(227, 26, 11, 0.35);text-shadow:0px 1px 1px #727272;}
.vmm-timeline .navigation .timenav .content .era2 div{background:#e30b68;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(227, 11, 104, 0.1);border-right:1px solid rgba(245, 44, 131, 0.05);}.vmm-timeline .navigation .timenav .content .era2 div h3,.vmm-timeline .navigation .timenav .content .era2 div h4{color:rgba(227, 11, 104, 0.35);text-shadow:0px 1px 1px #727272;}
.vmm-timeline .navigation .timenav .content .era3 div{background:#0b68e3;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(11, 104, 227, 0.1);border-right:1px solid rgba(44, 131, 245, 0.05);}.vmm-timeline .navigation .timenav .content .era3 div h3,.vmm-timeline .navigation .timenav .content .era3 div h4{color:rgba(11, 104, 227, 0.35);text-shadow:0px 1px 1px #727272;}
.vmm-timeline .navigation .timenav .content .era4 div{background:#e3860b;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(227, 134, 11, 0.1);border-right:1px solid rgba(245, 158, 44, 0.05);}.vmm-timeline .navigation .timenav .content .era4 div h3,.vmm-timeline .navigation .timenav .content .era4 div h4{color:rgba(227, 134, 11, 0.35);text-shadow:0px 1px 1px #727272;}
.vmm-timeline .navigation .timenav .content .era5 div{background:#0be386;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(11, 227, 134, 0.1);border-right:1px solid rgba(44, 245, 158, 0.05);}.vmm-timeline .navigation .timenav .content .era5 div h3,.vmm-timeline .navigation .timenav .content .era5 div h4{color:rgba(11, 227, 134, 0.35);text-shadow:0px 1px 1px #727272;}
.vmm-timeline .navigation .timenav .content .era6 div{background:#0bd4e3;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(11, 212, 227, 0.1);border-right:1px solid rgba(44, 231, 245, 0.05);}.vmm-timeline .navigation .timenav .content .era6 div h3,.vmm-timeline .navigation .timenav .content .era6 div h4{color:rgba(11, 212, 227, 0.35);text-shadow:0px 1px 1px #727272;}
.vmm-timeline .navigation .timenav .time{position:absolute;left:0px;top:150px;height:50px;background-color:#1a1a1a;line-height:0px;}.vmm-timeline .navigation .timenav .time .time-interval-minor{max-width:none;height:6px;white-space:nowrap;position:absolute;top:-2px;left:8px;z-index:10;}.vmm-timeline .navigation .timenav .time .time-interval-minor .minor{position:relative;top:2px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);width:100px;height:6px;background-position:center top;white-space:nowrap;color:#aaaaaa;margin-top:0px;padding-top:0px;}
.vmm-timeline .navigation .timenav .time .time-interval{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:6px;position:absolute;height:3px;left:0px;display:block;font-weight:normal;font-size:10px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#aaaaaa;margin-left:0px;margin-right:0px;margin-top:0px;z-index:2;}.vmm-timeline .navigation .timenav .time .time-interval div strong{font-weight:bold;color:#ffffff;}
.vmm-timeline .navigation .timenav .time .time-interval div.era{font-weight:bold;padding-top:0px;margin-top:-3px;margin-left:2px;background-image:none;}
.vmm-timeline .navigation .timenav .time .time-interval .era1{color:#e31a0b;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era2{color:#e30b68;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era3{color:#0b68e3;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era4{color:#e3860b;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era5{color:#0be386;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era6{color:#0bd4e3;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQAQMAAADtUYf0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTAzRjI3REIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTAzRjI3RUIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5MDNGMjdCQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5MDNGMjdDQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DPWNfQAAAANQTFRFzMzMylJEJwAAAAtJREFUCB1jYMAPAAAgAAHDvpOtAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#aaaaaa;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#ffffff;}
.vmm-timeline{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-timeline p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#aaaaaa;}.vmm-timeline p small{font-size:12px;line-height:17px;}
.vmm-timeline p:first-child{margin-top:20px;}
.vmm-timeline .navigation p{color:#999999;}

156
compiled/css/timeline.css
Unescape View File

@ -33,7 +33,10 @@
.vmm-timeline .vmm-clear:after{clear:both;}
.vmm-timeline .vmm-clear{*zoom:1;}
.vmm-timeline .feature{width:100%;}.vmm-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);}
.vmm-timeline .feedback{position:absolute;display:table;overflow:hidden;top:0px;left:0px;z-index:205;width:100%;height:100%;background-color:#ffffff;}.vmm-timeline .feedback .messege{display:table-cell;vertical-align:middle;font-size:15px;font-weight:normal;line-height:20px;width:75%;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;text-align:center;}
.vmm-timeline .feedback{position:absolute;display:table;overflow:hidden;top:0px;left:0px;z-index:205;width:100%;height:100%;background-color:#ffffff;}
.vmm-timeline div.loading{display:table;text-align:center;min-width:100px;margin-top:15px;height:100%;width:100%;background-color:#ffffff;}.vmm-timeline div.loading .loading-container{display:table-cell;vertical-align:middle;}.vmm-timeline div.loading .loading-container .loading-icon{display:block;background-repeat:no-repeat;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background-image:url(loading.gif?v3.4);width:28px;height:28px;}
.vmm-timeline div.loading .loading-container .message{display:block;}
.vmm-timeline div.loading .loading-container .message,.vmm-timeline div.loading .loading-container .message p{text-align:center;font-size:11px;line-height:13px;text-transform:uppercase;margin-top:7.5px;margin-bottom:7.5px;}
.vmm-timeline .container.main{position:absolute;top:0px: left:0px;padding-bottom:3px;width:auto;height:auto;margin:0px;clear:both;}
.vmm-timeline img,.vmm-timeline embed,.vmm-timeline object,.vmm-timeline video,.vmm-timeline iframe{max-width:100%;}
.vmm-timeline img{max-height:100%;border:1px solid #999999;}
@ -47,28 +50,28 @@
.vmm-timeline .vcard .avatar{float:left;display:block;width:32px;height:32px;}.vmm-timeline .vcard .avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.vmm-timeline .thumbnail{width:24px;height:24px;overflow:hidden;float:left;margin:0;margin-right:1px;margin-top:6px;border:0;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.vmm-timeline a.thumbnail:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.vmm-timeline .thumbnail.thumb-plaintext{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-timeline .thumbnail.thumb-document{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-timeline .thumbnail.thumb-photo{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-timeline .thumbnail.thumb-photo img{border:0px none #cccccc !important;}
.vmm-timeline .thumbnail.thumb-twitter{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-timeline .thumbnail.thumb-vimeo{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-timeline .thumbnail.thumb-youtube{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-timeline .thumbnail.thumb-video{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-timeline .thumbnail.thumb-audio{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-timeline .thumbnail.thumb-map{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-timeline .thumbnail.thumb-website{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-timeline .thumbnail.thumb-link{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-timeline .thumbnail.thumb-wikipedia{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-timeline .thumbnail.thumb-storify{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-timeline .thumbnail.thumb-googleplus{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-208px -72px;}
.vmm-timeline .thumb-storify-full{height:12px;background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-timeline thumbnail.thumb-instagram{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline thumbnail.thumb-instagram-full{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.vmm-timeline .thumbnail.thumb-plaintext{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-timeline .thumbnail.thumb-document{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-timeline .thumbnail.thumb-photo{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-timeline .thumbnail.thumb-photo img{border:0px none #cccccc !important;}
.vmm-timeline .thumbnail.thumb-twitter{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-timeline .thumbnail.thumb-vimeo{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-timeline .thumbnail.thumb-youtube{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-timeline .thumbnail.thumb-video{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-timeline .thumbnail.thumb-audio{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-timeline .thumbnail.thumb-map{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-timeline .thumbnail.thumb-website{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-timeline .thumbnail.thumb-link{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-timeline .thumbnail.thumb-wikipedia{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-timeline .thumbnail.thumb-storify{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-timeline .thumbnail.thumb-googleplus{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -72px;}
.vmm-timeline thumbnail.thumb-instagram{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline thumbnail.thumb-instagram-full{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.vmm-timeline .thumb-storify-full{height:12px;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-timeline .thumbnail-inline{width:16px;height:14px;overflow:hidden;display:inline-block;margin-right:1px;margin-left:3px;margin-top:2px;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .twitter .thumbnail-inline{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-timeline .storify .thumbnail-inline{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-184px -96px;}
.vmm-timeline .googleplus .thumbnail-inline{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .twitter .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-timeline .storify .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -96px;}
.vmm-timeline .googleplus .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .zFront{z-index:204;}
.slider{width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask{text-align:center;width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask .slider-container{position:absolute;top:0px;left:-2160px;width:100%;height:100%;text-align:center;display:block;background-color:#ffffff;}.slider .slider-container-mask .slider-container .slider-item-container{display:table-cell;vertical-align:middle;}
.slider img,.slider embed,.slider object,.slider video,.slider iframe{max-width:100%;}
@ -79,10 +82,10 @@
.slider .nav-previous .date,.slider .nav-next .date{font-size:13px;line-height:13px;font-weight:bold;text-transform:uppercase;margin-bottom:5px;}
.slider .nav-previous .title,.slider .nav-next .title{font-size:11px;line-height:13px;}
.slider .nav-previous:hover,.slider .nav-next:hover{color:#333333;cursor:pointer;}
.slider .nav-previous{float:left;text-align:left;}.slider .nav-previous .icon{margin-left:15px;height:24px;background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-160px 0;width:24px;height:24px;overflow:hidden;}
.slider .nav-previous{float:left;text-align:left;}.slider .nav-previous .icon{margin-left:15px;height:24px;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-160px 0;width:24px;height:24px;overflow:hidden;}
.slider .nav-previous .date,.slider .nav-previous .title{text-align:left;padding-left:15px;}
.slider .nav-previous:hover .icon{margin-left:10px;}
.slider .nav-next{float:right;text-align:right;}.slider .nav-next .icon{margin-left:61px;background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-184px 0;width:24px;height:24px;height:24px;overflow:hidden;}
.slider .nav-next{float:right;text-align:right;}.slider .nav-next .icon{margin-left:61px;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px 0;width:24px;height:24px;height:24px;overflow:hidden;}
.slider .nav-next .date,.slider .nav-next .title{text-align:right;padding-right:15px;}
.slider .nav-next:hover .icon{margin-left:66px;}
.slider .slider-item{position:absolute;width:700px;height:100%;padding:0px;margin:0px;display:table;overflow-y:auto;}.slider .slider-item .content{display:table-cell;vertical-align:middle;}.slider .slider-item .content .pad-top .text .container{padding-top:15px;}
@ -90,13 +93,15 @@
.slider .slider-item .content .pad-left .text .container{padding-left:30px;}
.slider .slider-item .content .pad-left .media.text-media .media-wrapper .media-container{border:none;background-color:#ffffff;}
.slider .slider-item .content .content-container{display:table;vertical-align:middle;}.slider .slider-item .content .content-container .text{width:40%;max-width:50%;min-width:120px;display:table-cell;vertical-align:middle;}.slider .slider-item .content .content-container .text .container{display:table-cell;vertical-align:middle;text-align:left;}.slider .slider-item .content .content-container .text .container p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;}
.slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:left;}.slider .slider-item .content .content-container .media .media-wrapper{display:inline-block;margin-left:auto;margin-right:auto;}.slider .slider-item .content .content-container .media .media-wrapper .media-container{display:inline-block;line-height:0px;padding:0px;max-height:100%;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img{border:1px solid;border-color:#cccccc #999999 #999999 #cccccc;background:#ffffff;}
.slider .slider-item .content .content-container .text .container h2.date{font-size:15px;line-height:15px;font-weight:normal;}
.slider .slider-item .content .content-container .text .container .slide-tag{font-size:11px;font-weight:bold;color:#ffffff;background-color:#cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;vertical-align:baseline;white-space:nowrap;line-height:11px;padding:1px 3px 1px;margin-left:7.5px;margin-bottom:7.5px;}
.slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:left;}.slider .slider-item .content .content-container .media .media-wrapper{display:inline-block;margin-left:auto;margin-right:auto;}.slider .slider-item .content .content-container .media .media-wrapper .media-container{display:inline-block;line-height:0px;padding:0px;max-height:100%;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img{border:1px solid;border-color:#cccccc #999999 #999999 #cccccc;background-color:#ffffff;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame iframe{background-color:#ffffff;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .soundcloud{border:0;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image{display:inline-block;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow{position:relative;z-index:1;background:#ffffff;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:before,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#999999;-webkit-box-shadow:0 15px 10px #999999;-moz-box-shadow:0 15px 10px #999999;box-shadow:0 15px 10px #999999;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow::after{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);right:10px;left:auto;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container span.messege{display:block;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background:#ffffff;font-size:28px;font-weight:bold;text-transform:uppercase;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text{display:table;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container{display:table-cell;vertical-align:middle;font-size:15px;line-height:20px;color:#666666;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container p{margin-bottom:20px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia{font-size:15px;line-height:20px;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia .wiki-source{margin-bottom:15px;font-size:13px;line-height:19px;font-style:italic;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4{border-bottom:1px solid #cccccc;margin-bottom:5px;}
@ -111,8 +116,8 @@
.slider .slider-item .content .media.text-media .media-wrapper .media-container{border:none;background-color:#ffffff;}
.slider .slider-item .content .created-at{width:24px;height:24px;overflow:hidden;margin-left:7.5px;margin-top:2px;display:inline-block;float:right;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}
.slider .slider-item .content .created-at:hover{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.slider .slider-item .content .storify .created-at{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-328px -96px;}
.slider .slider-item .content .twitter .created-at{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-256px -24px;}
.slider .slider-item .content .storify .created-at{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -96px;}
.slider .slider-item .content .twitter .created-at{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -24px;}
.slider .slider-item .content .googleplus .googleplus-content{font-size:13px;line-height:19px;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#666666;}.slider .slider-item .content .googleplus .googleplus-content p{font-size:13px;line-height:19px;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-title{font-size:28px;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#000000;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-annotation{font-size:15px;line-height:20px;color:#000000;border-bottom:1px solid #e3e3e3;padding-bottom:7.5px;margin-bottom:7.5px;}
@ -126,7 +131,7 @@
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments p{font-size:11px;line-height:14px;margin-bottom:5px;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments img{float:left;display:block;bottom:0;left:0;margin:auto;position:relative;right:0;top:0;width:40%;}
.slider .slider-item .content .googleplus .proflinkPrefix{color:#0088cc;}
.slider .slider-item .content .googleplus .created-at{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-208px -72px;}
.slider .slider-item .content .googleplus .created-at{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -72px;}
.slider .slider-item .content .twitter,.slider .slider-item .content .plain-text-quote,.slider .slider-item .content .storify,.slider .slider-item .content .googleplus{text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.slider .slider-item .content .twitter blockquote,.slider .slider-item .content .plain-text-quote blockquote,.slider .slider-item .content .storify blockquote,.slider .slider-item .content .googleplus blockquote{color:#666666;}.slider .slider-item .content .twitter blockquote p,.slider .slider-item .content .plain-text-quote blockquote p,.slider .slider-item .content .storify blockquote p,.slider .slider-item .content .googleplus blockquote p{font-size:28px;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#000000;}
.slider .slider-item .content .twitter blockquote .quote-mark,.slider .slider-item .content .plain-text-quote blockquote .quote-mark,.slider .slider-item .content .storify blockquote .quote-mark,.slider .slider-item .content .googleplus blockquote .quote-mark{color:#666666;}
.slider .slider-item .content-container.layout-text-media .text-media{border-top:1px solid #e3e3e3;padding-top:15px;padding-right:0;}
@ -137,40 +142,85 @@
.slider .slider-item .content-container.layout-media .twitter,.slider .slider-item .content-container.layout-media .wikipedia,.slider .slider-item .content-container.layout-media .googleplus{max-width:70%;}
.vmm-timeline .navigation{clear:both;cursor:move;width:100%;height:200px;border-top:1px solid #e3e3e3;position:relative;}.vmm-timeline .navigation .toolbar{position:absolute;top:45px;left:0px;z-index:202;background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);}.vmm-timeline .navigation .toolbar .zoom-in,.vmm-timeline .navigation .toolbar .zoom-out,.vmm-timeline .navigation .toolbar .back-home{font-weight:normal;font-size:10px;line-height:20px;top:0px;z-index:202;width:18px;height:18px;color:#333333;text-align:center;font-weight:bold;border:1px solid #ffffff;padding:5px;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .toolbar .zoom-in:hover,.vmm-timeline .navigation .toolbar .zoom-out:hover,.vmm-timeline .navigation .toolbar .back-home:hover{color:#0088cc;cursor:pointer;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.vmm-timeline .navigation .toolbar .zoom-in .icon{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-256px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .zoom-out .icon{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-280px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .back-home .icon{background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-328px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .zoom-in .icon{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .zoom-out .icon{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .back-home .icon{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px 0;width:24px;height:24px;}
.vmm-timeline .navigation .timenav-background{position:absolute;cursor:move;top:0px;left:0px;height:150px;width:100%;background-color:#e9e9e9;}.vmm-timeline .navigation .timenav-background .timenav-interval-background{position:absolute;top:151px;left:0px;background:#ffffff;width:100%;height:49px;-webkit-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);-moz-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);}.vmm-timeline .navigation .timenav-background .timenav-interval-background .top-highlight{position:absolute;top:-1px;left:0px;z-index:30;width:100%;height:1px;background:#ffffff;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);}
.vmm-timeline .navigation .timenav-background .timenav-line{position:absolute;top:0px;left:50%;width:3px;height:150px;background:#0088cc;z-index:201;-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);}
.vmm-timeline .navigation .timenav-background .timenav-indicator{position:absolute;top:-1px;left:50%;z-index:202;background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;}
.vmm-timeline .navigation .timenav-background .timenav-tag{height:50px;}.vmm-timeline .navigation .timenav-background .timenav-tag div{height:50px;display:table;}.vmm-timeline .navigation .timenav-background .timenav-tag div h3{display:table-cell;vertical-align:middle;padding-left:65px;font-size:15px;color:#d0d0d0;font-weight:bold;text-shadow:0px 1px 1px #ffffff;text-transform:uppercase;}
.vmm-timeline .navigation .timenav-background .timenav-tag-row-2{background:#f1f1f1;}
.vmm-timeline .navigation .timenav-background .timenav-tag-row-3{background:#e9e9e9;}
.vmm-timeline .navigation .timenav-background .timenav-indicator{position:absolute;top:-1px;left:50%;z-index:202;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;}
.vmm-timeline .navigation .timenav-background .timenav-tag div{height:50px;display:table;}.vmm-timeline .navigation .timenav-background .timenav-tag div h3{display:table-cell;vertical-align:middle;padding-left:65px;font-size:15px;color:#d0d0d0;font-weight:bold;text-shadow:0px 1px 1px #ffffff;}
.vmm-timeline .navigation .timenav-background .timenav-tag-size-half{height:25px;}.vmm-timeline .navigation .timenav-background .timenav-tag-size-half div{height:25px;}
.vmm-timeline .navigation .timenav-background .timenav-tag-size-full{height:50px;}.vmm-timeline .navigation .timenav-background .timenav-tag-size-full div{height:50px;}
.vmm-timeline .navigation .timenav-background .timenav-tag-row-2,.vmm-timeline .navigation .timenav-background .timenav-tag-row-4,.vmm-timeline .navigation .timenav-background .timenav-tag-row-6{background:#f1f1f1;}
.vmm-timeline .navigation .timenav-background .timenav-tag-row-1,.vmm-timeline .navigation .timenav-background .timenav-tag-row-3,.vmm-timeline .navigation .timenav-background .timenav-tag-row-5{background:#e9e9e9;}
.vmm-timeline .navigation .timenav{position:absolute;top:0px;left:-250px;z-index:1;}.vmm-timeline .navigation .timenav .content{position:relative;}.vmm-timeline .navigation .timenav .content .marker.start{display:none;}
.vmm-timeline .navigation .timenav .content .marker.active .dot{background:#0088cc;z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active .line{z-index:199;background:#0088cc;width:1px;}.vmm-timeline .navigation .timenav .content .marker.active .line .event-line{background:#0088cc;filter:alpha(opacity=75);-khtml-opacity:0.75;-moz-opacity:0.75;opacity:0.75;}
.vmm-timeline .navigation .timenav .content .marker.active .flag{z-index:200;background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content h3{color:#0088cc;}
.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker.active .flag.row1,.vmm-timeline .navigation .timenav .content .marker.active .flag.row2,.vmm-timeline .navigation .timenav .content .marker.active .flag.row3{z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h3{color:#0088cc;}
.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h4{color:#999999;}
.vmm-timeline .navigation .timenav .content .marker.active .flag,.vmm-timeline .navigation .timenav .content .marker.active .flag-small{z-index:200;}.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content,.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content{height:36px;}.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content h3,.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content h3{color:#0088cc;margin-top:5px;}
.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content .thumbnail,.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker.active .flag.row1,.vmm-timeline .navigation .timenav .content .marker.active .flag.row2,.vmm-timeline .navigation .timenav .content .marker.active .flag.row3,.vmm-timeline .navigation .timenav .content .marker.active .flag-small.row1,.vmm-timeline .navigation .timenav .content .marker.active .flag-small.row2,.vmm-timeline .navigation .timenav .content .marker.active .flag-small.row3{z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active .flag{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}
.vmm-timeline .navigation .timenav .content .marker.active .flag-small{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:0 -109px;width:153px;height:26px;height:26px;}.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content{height:14px;}.vmm-timeline .navigation .timenav .content .marker.active .flag-small .flag-content h3{margin-top:4px;}
.vmm-timeline .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h3,.vmm-timeline .navigation .timenav .content .marker.active:hover .flag-small .flag-content h3{color:#0088cc;}
.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h4,.vmm-timeline .navigation .timenav .content .marker.active:hover .flag-small .flag-content h4{color:#999999;}
.vmm-timeline .navigation .timenav .content .marker:hover .line{z-index:24;background:#999999;}
.vmm-timeline .navigation .timenav .content .marker{position:absolute;top:0px;left:150px;display:block;}.vmm-timeline .navigation .timenav .content .marker .dot{position:absolute;top:150px;left:0px;display:block;width:6px;height:6px;background:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:21;}
.vmm-timeline .navigation .timenav .content .marker .line{position:absolute;top:0px;left:3px;width:1px;height:150px;background:#cccccc;-moz-box-shadow:1px 0 0 #ffffff;-webkit-box-shadow:1px 0 0 #ffffff;box-shadow:1px 0 0 #ffffff;z-index:22;}.vmm-timeline .navigation .timenav .content .marker .line .event-line{position:absolute;z-index:22;left:0px;height:1px;width:1px;background:#0088cc;filter:alpha(opacity=15);-khtml-opacity:0.15;-moz-opacity:0.15;opacity:0.15;}
.vmm-timeline .navigation .timenav .content .marker .flag{position:absolute;top:15px;left:3px;padding:0px;display:block;z-index:23;width:153px;height:56px;background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:0 0;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content{padding:0px 7px 2px 6px;overflow:hidden;height:36px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3{font-weight:bold;font-size:15px;line-height:20px;font-size:11px;line-height:11px;color:#999999;margin-top:5px;margin-bottom:2px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4{display:none;font-weight:normal;font-size:15px;line-height:20px;margin-top:5px;font-size:10px;line-height:10px;color:#aaaaaa;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail{margin-bottom:15px;margin-right:3px;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail img{width:22px;height:22px;max-height:none;max-width:none;border:0;border:1px solid #999999;padding:0;margin:0;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover{cursor:pointer;background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h3{color:#333333;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h4{color:#aaaaaa;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker .line{position:absolute;top:0px;left:3px;width:1px;height:150px;background-color:#cccccc;background-color:rgba(204, 204, 204, 0.5);-webkit-box-shadow:1px 0 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:1px 0 0 rgba(255, 255, 255, 0.5);box-shadow:1px 0 0 rgba(255, 255, 255, 0.5);z-index:22;}.vmm-timeline .navigation .timenav .content .marker .line .event-line{position:absolute;z-index:22;left:0px;height:1px;width:1px;background:#0088cc;filter:alpha(opacity=15);-khtml-opacity:0.15;-moz-opacity:0.15;opacity:0.15;}
.vmm-timeline .navigation .timenav .content .marker .flag,.vmm-timeline .navigation .timenav .content .marker .flag-small{position:absolute;top:15px;left:3px;padding:0px;display:block;z-index:23;width:153px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content{padding:0px 7px 2px 6px;overflow:hidden;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h3{font-weight:bold;font-size:15px;line-height:20px;font-size:11px;line-height:11px;color:#999999;margin-bottom:2px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3 small,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h3 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h4{display:none;font-weight:normal;font-size:15px;line-height:20px;margin-top:5px;font-size:10px;line-height:10px;color:#aaaaaa;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4 small,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h4 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail{margin-bottom:15px;margin-right:3px;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail img,.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail img{width:22px;height:22px;max-height:none;max-width:none;border:0;border:1px solid #999999;padding:0;margin:0;}
.vmm-timeline .navigation .timenav .content .marker .flag{height:56px;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:0 0;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content{height:36px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3{margin-top:5px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small{height:26px;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:0 -135px;width:153px;height:26px;}.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content{height:14px;}.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content h3{margin-top:4px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail{width:16px;height:10px;margin-right:1px;margin-top:6px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-plaintext{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-quote{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-document{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-photo{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-twitter{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-vimeo{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-youtube{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-304px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-video{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-audio{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-304px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-map{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-website{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-link{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-wikipedia{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-storify{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-googleplus{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -130px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small .flag-content thumbnail.thumb-instagram{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover,.vmm-timeline .navigation .timenav .content .marker .flag-small:hover{cursor:pointer;}.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h3,.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content h3{color:#333333;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h4,.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content h4{color:#aaaaaa;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content .thumbnail,.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker .flag:hover{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small:hover{height:56px;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content{height:36px;}.vmm-timeline .navigation .timenav .content .marker .flag-small:hover .flag-content h3{margin-top:5px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.flag-small-last:hover{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:0 -109px;width:153px;height:26px;height:26px;}.vmm-timeline .navigation .timenav .content .marker .flag-small.flag-small-last:hover .flag-content{height:14px;}.vmm-timeline .navigation .timenav .content .marker .flag-small.flag-small-last:hover .flag-content h3{margin-top:4px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row1{z-index:25;top:48px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row2{z-index:24;top:96px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row3{z-index:23;top:1px;}
.vmm-timeline .navigation .timenav .content .marker .flag.zFront{z-index:201;}
.vmm-timeline .navigation .timenav .content .era{position:absolute;top:138px;left:150px;height:12px;display:block;background:#0088cc;overflow:hidden;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;filter:alpha(opacity=75);-khtml-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;z-index:-10;}.vmm-timeline .navigation .timenav .content .era h3{font-weight:bold;font-size:10px;line-height:10px;color:#ffffff;position:absolute;top:-1px;left:9px;}
.vmm-timeline .navigation .timenav .time{position:absolute;left:0px;top:150px;height:50px;background-color:#ffffff;}.vmm-timeline .navigation .timenav .time .time-interval-minor{max-width:none;height:6px;white-space:nowrap;position:absolute;top:-9px;left:8px;z-index:10;}.vmm-timeline .navigation .timenav .time .time-interval-minor .minor{position:relative;top:2px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);width:100px;height:6px;background-position:center top;white-space:nowrap;color:#666666;margin-top:0px;padding-top:0px;}
.vmm-timeline .navigation .timenav .time .time-interval{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:3px;position:absolute;height:3px;left:0px;display:block;font-weight:normal;font-size:10px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#666666;margin-left:0px;margin-right:0px;margin-top:1px;z-index:2;}.vmm-timeline .navigation .timenav .time .time-interval div strong{font-weight:bold;color:#000000;}
.vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#333333;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#000000;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row1{z-index:28;top:24px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row2{z-index:27;top:48px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row3{z-index:26;top:72px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row4{z-index:25;top:96px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row5{z-index:24;top:120px;}
.vmm-timeline .navigation .timenav .content .marker .flag-small.row6{z-index:23;top:1px;}
.vmm-timeline .navigation .timenav .content .marker .flag.zFront,.vmm-timeline .navigation .timenav .content .marker .flag-small.zFront{z-index:201;}
.vmm-timeline .navigation .timenav .content .era{position:absolute;top:138px;left:150px;height:12px;display:block;overflow:hidden;}.vmm-timeline .navigation .timenav .content .era div{height:50px;width:100%;height:100%;line-height:0px;background:#e9e9e9;background:rgba(233, 233, 233, 0.33);}.vmm-timeline .navigation .timenav .content .era div h3,.vmm-timeline .navigation .timenav .content .era div h4{position:absolute;bottom:1px;padding-left:15px;font-size:15px;font-weight:bold;color:rgba(0, 136, 204, 0.35);text-shadow:0px 1px 1px #ffffff;}
.vmm-timeline .navigation .timenav .content .era1 div{background:#cc4400;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(204, 68, 0, 0.1);border-right:1px solid rgba(255, 85, 0, 0.05);}.vmm-timeline .navigation .timenav .content .era1 div h3,.vmm-timeline .navigation .timenav .content .era1 div h4{color:rgba(204, 68, 0, 0.35);text-shadow:0px 1px 1px #ffffff;}
.vmm-timeline .navigation .timenav .content .era2 div{background:#cc0022;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(204, 0, 34, 0.1);border-right:1px solid rgba(255, 0, 43, 0.05);}.vmm-timeline .navigation .timenav .content .era2 div h3,.vmm-timeline .navigation .timenav .content .era2 div h4{color:rgba(204, 0, 34, 0.35);text-shadow:0px 1px 1px #ffffff;}
.vmm-timeline .navigation .timenav .content .era3 div{background:#0022cc;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(0, 34, 204, 0.1);border-right:1px solid rgba(0, 43, 255, 0.05);}.vmm-timeline .navigation .timenav .content .era3 div h3,.vmm-timeline .navigation .timenav .content .era3 div h4{color:rgba(0, 34, 204, 0.35);text-shadow:0px 1px 1px #ffffff;}
.vmm-timeline .navigation .timenav .content .era4 div{background:#ccaa00;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(204, 170, 0, 0.1);border-right:1px solid rgba(255, 213, 0, 0.05);}.vmm-timeline .navigation .timenav .content .era4 div h3,.vmm-timeline .navigation .timenav .content .era4 div h4{color:rgba(204, 170, 0, 0.35);text-shadow:0px 1px 1px #ffffff;}
.vmm-timeline .navigation .timenav .content .era5 div{background:#00ccaa;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(0, 204, 170, 0.1);border-right:1px solid rgba(0, 255, 213, 0.05);}.vmm-timeline .navigation .timenav .content .era5 div h3,.vmm-timeline .navigation .timenav .content .era5 div h4{color:rgba(0, 204, 170, 0.35);text-shadow:0px 1px 1px #ffffff;}
.vmm-timeline .navigation .timenav .content .era6 div{background:#0088cc;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;border-left:1px solid rgba(0, 136, 204, 0.1);border-right:1px solid rgba(0, 170, 255, 0.05);}.vmm-timeline .navigation .timenav .content .era6 div h3,.vmm-timeline .navigation .timenav .content .era6 div h4{color:rgba(0, 136, 204, 0.35);text-shadow:0px 1px 1px #ffffff;}
.vmm-timeline .navigation .timenav .time{position:absolute;left:0px;top:150px;height:50px;background-color:#ffffff;line-height:0px;}.vmm-timeline .navigation .timenav .time .time-interval-minor{max-width:none;height:6px;white-space:nowrap;position:absolute;top:-2px;left:8px;z-index:10;}.vmm-timeline .navigation .timenav .time .time-interval-minor .minor{position:relative;top:2px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);width:100px;height:6px;background-position:center top;white-space:nowrap;color:#666666;margin-top:0px;padding-top:0px;}
.vmm-timeline .navigation .timenav .time .time-interval{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:6px;position:absolute;height:3px;left:0px;display:block;font-weight:normal;font-size:10px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#666666;margin-left:0px;margin-right:0px;margin-top:0px;z-index:2;}.vmm-timeline .navigation .timenav .time .time-interval div strong{font-weight:bold;color:#000000;}
.vmm-timeline .navigation .timenav .time .time-interval div.era{font-weight:bold;padding-top:0px;margin-top:-3px;margin-left:2px;background-image:none;}
.vmm-timeline .navigation .timenav .time .time-interval .era1{color:#cc4400;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era2{color:#cc0022;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era3{color:#0022cc;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era4{color:#ccaa00;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era5{color:#00ccaa;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era6{color:#0088cc;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQAQMAAADtUYf0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTAzRjI3REIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTAzRjI3RUIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5MDNGMjdCQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5MDNGMjdDQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DPWNfQAAAANQTFRFzMzMylJEJwAAAAtJREFUCB1jYMAPAAAgAAHDvpOtAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#333333;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#000000;}
.vmm-timeline{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-timeline p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#666666;}.vmm-timeline p small{font-size:12px;line-height:17px;}
.vmm-timeline p:first-child{margin-top:20px;}
.vmm-timeline .navigation p{color:#999999;}

5
source/less/Theme/Dark.less
Unescape View File

@ -20,7 +20,10 @@
----------------------------------------------------- */
//GFX
.base-sprite() {
background-image: url(themes/timeline-dark.png);
background-image: url(themes/timeline-dark.png?v3.4);
}
.loading-sprite() {
background-image: url(themes/loading.gif?v3.4);
}
// COLORS
@color-base: #1A1A1A;

41
source/less/VMM.Slider.less
Unescape View File

@ -203,6 +203,30 @@
hyphens:auto;
word-wrap:break-word;
}
h2.date {
font-size: @base-font;
line-height: @base-font;
//margin-bottom: @base-space/2;
//color:@color-feature-date;
font-weight: normal;
}
.slide-tag {
font-size: @base-font-small;
font-weight: bold;
color: @color-base;
background-color: lighten(@color-feature-date, 20%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
vertical-align: baseline;
white-space: nowrap;
//text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
line-height: @base-font-small;
padding: 1px 3px 1px;
margin-left:@base-space/2;
margin-bottom: @base-space/2;
}
}
}
.media {
@ -225,7 +249,10 @@
.media-frame, .media-image img {
border: 1px solid;
border-color: @color-line @color-dark-fourth @color-dark-fourth @color-line;
background:@color-background;
background-color: @color-background;
}
.media-frame iframe {
background-color: @color-background;
}
.soundcloud {
border: 0;
@ -268,18 +295,6 @@
right: 10px;
left: auto;
}
span.messege {
display:block;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
text-align:center;
background:@color-background;
//margin-top: 50%;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
}
.plain-text {
display:table;
.container {

58
source/less/VMM.Timeline.Core.less
Unescape View File

@ -100,21 +100,43 @@
width: 100%;
height:100%;
background-color: @color-base;
//.opacity(80);
.messege {
}
div.loading {
display:table;
text-align:center;
min-width: 100px;
margin-top:@base-space;
height:100%;
width:100%;
background-color: @color-background;
.loading-container {
display:table-cell;
vertical-align:middle;
font-size: @base-font;
font-weight: normal;
line-height: @base-line;
width:75%;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
text-align: center;
.loading-icon {
display:block;
background-repeat:no-repeat;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
text-align:center;
.loading-sprite();
width:28px;
height:28px;
}
.message {
display:block;
}
.message, .message p {
text-align:center;
font-size: @base-font-small;
line-height:@base-font-small + 2;
text-transform: uppercase;
margin-top:@base-space/2;
margin-bottom:@base-space/2;
}
}
}
/* Container
@ -274,18 +296,18 @@
.thumbnail.thumb-googleplus {
.icon-googleplus();
}
.thumb-storify-full {
//display:inline-block;
height:12px;
.icon-storify-full();
}
thumbnail.thumb-instagram {
.icon-instagram();
}
thumbnail.thumb-instagram-full {
.icon-instagram-full();
}
.thumb-storify-full {
//display:inline-block;
height:12px;
.icon-storify-full();
}
.thumbnail-inline {
width:16px;

485
source/less/VMM.Timeline.TimeNav.less
Unescape View File

@ -10,74 +10,45 @@
cursor:move;
width: 100%;
height:@navigation-height;
//overflow: hidden;
border-top: 1px solid @color-dark-fifth;
position: relative;
//.background-time-tic();
.toolbar {
position:absolute;
//top: -1px;
top:45px;
left:0px;
z-index:202;
background-color: @white;
//width:59px;
//height:150px;
border: 1px solid @color-line;
//border-top: 1px solid @color-line;
//border-bottom: 1px solid @color-line;
//border-right: 1px solid @color-line;
//.box-shadow();
.box-shadow(1px 1px 0px rgba(0,0,0,.20));
.zoom-in, .zoom-out, .back-home {
font-weight: normal;
font-size: 10px;
line-height: 20px;
//line-height:5px;
//position:absolute;
//display:inline-block;
top: 0px;
z-index:202;
width: 18px;
height: 18px;
color: @color-navigation-major-time;//@color-nav-description;
text-align:center;
//font-size:16px;
font-weight: bold;
border: 1px solid @white;
padding:5px;
//.box-shadow(1px 1px 0px #666);
//.box-shadow();
.opacity(50);
}
.zoom-in:hover, .zoom-out:hover, .back-home:hover {
//background-color: @color-line; //@color-nav-description;
color: @color-theme;
cursor: pointer;
.opacity(100);
}
.zoom-in {
//left:30px;
.icon {
//display:inline-block;
//padding-right:5px;
.icon-zoom-in();
}
}
.zoom-out {
//left:0px;
.icon {
//display:inline-block;
//padding-right:5px;
.icon-zoom-out();
}
}
.back-home {
.icon {
@ -88,25 +59,20 @@
.timenav-background {
position:absolute;
//z-index:2;
cursor:move;
top:0px;
left:0px;
height: @navigation-content-height;
width:100%;
background-color:@color-background-dark;
//background: @color-background-dark url(timeline-texture.png) repeat;
.timenav-interval-background {
position:absolute;
top:@navigation-content-height + 1;
left:0px;
background:@white;
width:100%;
height:@navigation-time-height - 1;
.box-shadow(-1px -1px 7px rgba(0,0,0,.1));
//.box-shadow(1px -1px 0px rgba(255,255,255,.70));
.top-highlight {
position:absolute;
top:-1px;
@ -118,9 +84,7 @@
.opacity(50);
.box-shadow(1px 1px 5px rgba(0,0,0,.20));
}
}
.timenav-line {
position:absolute;
top: 0px;
@ -137,15 +101,8 @@
left: 50%;
z-index:202;
.icon-currenttime();
}
.timenav-tag {
//margin-top:1px;
//height:@navigation-time-height - 8;
//margin-bottom:7px;
height:@navigation-time-height;
//background: @color-theme;
div {
height:@navigation-time-height;
display:table;
@ -155,46 +112,29 @@
padding-left:@navigation-time-height + @base-space;
font-size:@base-font;
color: darken(@color-background-dark, 10%);
//text-shadow: 0px -1px 0px darken(@color-background-dark, 30%);
//text-shadow: darken(@color-background-dark, 30%) -1px -1px 0px;
font-weight: bold;
text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
text-transform: uppercase;
//font-size:18px;
}
}
}
.timenav-tag-row-1 {
//background:@color-theme-complement;
//background: fadeout(desaturate(@color-theme, 70%), 70%);
//background: darken(@color-background-dark, 10%);
//background:@color-background-dark;
//background: lighten(@color-background-dark, 6%);
h3 {
//color: @color-background-dark;
.timenav-tag-size-half {
height: @navigation-time-height/2;
div {
height:@navigation-time-height/2;
}
}
.timenav-tag-row-2 {
//background: @color-theme-complement-dark;
//background: fadeout(@color-theme-complement-dark, 70%);
//background: fadeout(desaturate(@color-theme, 70%), 60%);
h3 {
//color: lighten(@color-background-dark, 3%);
.timenav-tag-size-full {
height: @navigation-time-height;
div {
height:@navigation-time-height;
}
}
.timenav-tag-row-2, .timenav-tag-row-4, .timenav-tag-row-6 {
background: lighten(@color-background-dark, 3%);
}
.timenav-tag-row-3 {
//background:@color-theme-complement-darker;
//background: fadeout(@color-theme-complement-darker, 70%);
//background: fadeout(desaturate(@color-theme, 70%), 50%);
//background: lighten(@color-background-dark, 10%);
h3 {
//color: @color-background-dark;
}
.timenav-tag-row-1, .timenav-tag-row-3, .timenav-tag-row-5 {
background:@color-background-dark;
}
@ -205,19 +145,14 @@
top: 0px;
left: -250px;
z-index:1;
.content {
position: relative;
.marker.start {
display:none;
}
.marker.active {
.dot {
background: @color-theme;
//.box-shadow();
z-index:200;
}
.line {
@ -227,17 +162,15 @@
.event-line {
background: @color-theme;
.opacity(75 );
//.box-shadow();
}
}
.flag {
//.opacity(100);
.flag, .flag-small {
z-index:200;
.time-flag-active();
//.box-shadow();
.flag-content {
height:36px;
h3 {
color: @color-theme;
margin-top:5px;
}
.thumbnail {
opacity: 1;
@ -246,16 +179,31 @@
}
}
}
.flag.row1, .flag.row2, .flag.row3 {
.flag.row1, .flag.row2, .flag.row3, .flag-small.row1, .flag-small.row2, .flag-small.row3 {
z-index:200;
}
.flag {
.time-flag-active();
}
.flag-small {
//.time-flag-active();
//.time-flag-small-active();
.time-flag-small-active();
height:26px;
.flag-content {
height:14px;
h3 {
margin-top:4px;
}
}
}
}
.marker.active:hover {
cursor: default;
.flag {
.flag, .flag-small {
.flag-content {
h3 {
color: @color-theme;
@ -263,7 +211,6 @@
h4 {
color:@color-nav-title;
}
}
}
}
@ -273,14 +220,11 @@
background:@color-nav-title;
}
}
.marker {
position:absolute;
top: 0px;
left: 150px;
display: block;
.dot {
position:absolute;
top: 150px;
@ -298,13 +242,17 @@
left: (@navigation-marker-height/2);
width:1px;
height:150px;
background: @color-line;
//background:@color-line-hover;
-moz-box-shadow: 1px 0 0 @color-base;
background-color: @color-line;
background-color: fade(@color-line, 50%);
/*
-webkit-box-shadow: 1px 0 0 @color-base;
box-shadow: 1px 0 0 @color-base;
//.opacity(25);
-moz-box-shadow: 1px 0 0 @color-base;
box-shadow: 1px 0 0 @color-base;
*/
-webkit-box-shadow: 1px 0 0 fade(@color-base, 50%);
-moz-box-shadow: 1px 0 0 fade(@color-base, 50%);
box-shadow: 1px 0 0 fade(@color-base, 50%);
z-index:22;
.event-line {
position:absolute;
@ -312,12 +260,11 @@
left:0px;
height:1px;
width:1px;
//background:@color-line-hover;
background: @color-theme;
.opacity(15);
}
}
.flag {
.flag, .flag-small {
position:absolute;
top: 15px;
left: (@navigation-marker-height/2);
@ -325,26 +272,17 @@
display: block;
z-index:23;
width:153px;
height:56px;
.time-flag();
.flag-content {
//padding: 5px 7px 2px 5px;
padding: 0px 7px 2px 6px;
overflow:hidden;
height:36px;
h3 {
font-weight: bold;
font-size: @base-font;
line-height: @base-line;
font-size: 11px;
line-height:11px;
//overflow: visible;
//color:@color-nav-date;
color:@color-nav-title;
margin-top:5px;
margin-bottom:2px;
small {
display:none;
@ -352,21 +290,17 @@
}
h4 {
display:none;
font-weight: normal;
font-size: @base-font;
line-height: @base-line;
margin-top:5px;
font-size: 10px;
line-height:10px;
//color:@color-nav-title;
color:@color-nav-date;
small {
display:none;
}
}
.thumbnail {
margin-bottom: 15px;
margin-right: 3px;
@ -384,14 +318,87 @@
margin:0;
}
}
}
}
.flag {
height:56px;
.time-flag();
.flag-content {
height:36px;
h3 {
margin-top:5px;
}
}
}
.flag-small {
height:26px;
.time-flag-small();
.flag-content {
height:14px;
h3 {
margin-top:4px;
}
.thumbnail {
width:16px;
height:10px;
margin-right:1px;
margin-top:6px;
}
.thumbnail.thumb-plaintext {
.icon-plaintext-small();
}
.thumbnail.thumb-quote {
.icon-quote-small();
}
.thumbnail.thumb-document {
.icon-document-small();
}
.thumbnail.thumb-photo {
.icon-photo-small();
}
.thumbnail.thumb-twitter {
.icon-twitter-small();
}
.thumbnail.thumb-vimeo {
.icon-vimeo-small();
}
.thumbnail.thumb-youtube {
.icon-youtube-small();
}
.thumbnail.thumb-video {
.icon-video-small();
}
.thumbnail.thumb-audio {
.icon-audio-small();
}
.thumbnail.thumb-map {
.icon-mappin-small();
}
.thumbnail.thumb-website {
.icon-website-small();
}
.thumbnail.thumb-link {
.icon-link-small();
}
.thumbnail.thumb-wikipedia {
.icon-wikipedia-small();
}
.thumbnail.thumb-storify {
.icon-storify-small();
}
.thumbnail.thumb-googleplus {
.icon-googleplus-small();
}
thumbnail.thumb-instagram {
.icon-instagram-small();
}
}
}
.flag:hover {
.flag:hover, .flag-small:hover {
cursor: pointer;
//.opacity(100);
.time-flag-active();
.flag-content {
h3 {
color:@color-dark-second;
@ -406,6 +413,31 @@
}
}
}
.flag:hover {
.time-flag-active();
}
.flag-small:hover {
//.time-flag-small-active();
height:56px;
.time-flag-active();
.flag-content {
height:36px;
h3 {
margin-top:5px;
}
}
}
.flag-small.flag-small-last:hover {
.time-flag-small-active();
height:26px;
.flag-content {
height:14px;
h3 {
margin-top:4px;
}
}
}
.flag.row1 {
z-index:25;
@ -419,66 +451,158 @@
z-index:23;
top:1px;
}
.flag.zFront {
.flag-small.row1 {
z-index:28;
top:24px;
}
.flag-small.row2 {
z-index:27;
top:48px;
}
.flag-small.row3 {
z-index:26;
top:72px;
}
.flag-small.row4 {
z-index:25;
top:96px;
}
.flag-small.row5 {
z-index:24;
top:120px;
}
.flag-small.row6 {
z-index:23;
top:1px;
}
.flag.zFront, .flag-small.zFront {
z-index:201;
}
}
.era {
position:absolute;
top: 138px;
left: 150px;
//height:17px;
height:12px;
display: block;
//background-color:@era-background;
background: @color-theme;
//.opacity(15);
overflow:hidden;
border-left: 1px solid @era-line;
border-right: 1px solid @era-line;
border-top: 1px solid @era-line;
//background:@color-line-hover;
div {
height:@navigation-time-height;
//display:table;
width:100%;
height:100%;
//background: @color-theme;
line-height:0px;
//.opacity(10);
//background-color: fade(@color-theme, 10%);
background: @color-background-dark; // IE8
background: fade(@color-background-dark, 33%);
h3, h4 {
//display:table-cell;
//vertical-align:bottom;
//text-align:center;
position: absolute;
bottom: 1px;
padding-left:@base-space;
font-size:@base-font;
font-weight: bold;
//text-transform: uppercase;
color: fade(@color-theme, 35%);
text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
.opacity(75);
//.border-radius(20);
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;
z-index:-10;
h3 {
font-weight: bold;
font-size: 10px;
line-height: 10px;
color:@white;
position:absolute;
top:-1px;
left:9px;
}
}
.era1 {
div {
background: @color-theme-tetrad1; // IE8
.opacity(10);
//background: fade(@color-theme-tetrad1, 10%);
border-left: 1px solid fade(@color-theme-tetrad1, 10%);
border-right: 1px solid fade(lighten(@color-theme-tetrad1, 10%), 5%);
h3, h4 {
color: fade(@color-theme-tetrad1, 35%);
text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
}
}
.era2 {
div {
background: @color-theme-tetrad2; // IE8
.opacity(10);
//background: fade(@color-theme-tetrad2, 10%);
border-left: 1px solid fade(@color-theme-tetrad2, 10%);
border-right: 1px solid fade(lighten(@color-theme-tetrad2, 10%), 5%);
h3, h4 {
color: fade(@color-theme-tetrad2, 35%);
text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
}
}
.era3 {
div {
background: @color-theme-tetrad3; // IE8
.opacity(10);
//background: fade(@color-theme-tetrad3, 10%);
border-left: 1px solid fade(@color-theme-tetrad3, 10%);
border-right: 1px solid fade(lighten(@color-theme-tetrad3, 10%), 5%);
h3, h4 {
color: fade(@color-theme-tetrad3, 35%);
text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
}
}
.era4 {
div {
background: @color-theme-tetrad4; // IE8
.opacity(10);
//background: fade(@color-theme-tetrad4, 10%);
border-left: 1px solid fade(@color-theme-tetrad4, 10%);
border-right: 1px solid fade(lighten(@color-theme-tetrad4, 10%), 5%);
h3, h4 {
color: fade(@color-theme-tetrad4, 35%);
text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
}
}
.era5 {
div {
background: @color-theme-tetrad5; // IE8
.opacity(10);
//background: fade(@color-theme-tetrad5, 10%);
border-left: 1px solid fade(@color-theme-tetrad5, 10%);
border-right: 1px solid fade(lighten(@color-theme-tetrad5, 10%), 5%);
h3, h4 {
color: fade(@color-theme-tetrad5, 35%);
text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
}
}
.era6 {
div {
background: @color-theme-tetrad6; // IE8
.opacity(10);
//background: fade(@color-theme-tetrad6, 10%);
border-left: 1px solid fade(@color-theme-tetrad6, 10%);
border-right: 1px solid fade(lighten(@color-theme-tetrad6, 10%), 5%);
h3, h4 {
color: fade(@color-theme-tetrad6, 35%);
text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
}
}
}
.time {
position:absolute;
left:0px;
top: @navigation-content-height;
height:@navigation-time-height;
background-color:@color-background;
line-height: 0px;
.time-interval-minor {
max-width:none;
height: @navigation-marker-height;
@ -486,7 +610,7 @@
white-space:nowrap;
//overflow:hidden;
position: absolute;
top:-9px;
top:-2px;
left:8px;
z-index:10;
//padding-left:7px;
@ -507,7 +631,6 @@
}
.time-interval {
white-space:nowrap;
position:absolute;
@ -518,7 +641,7 @@
.background-time-interval();
background-position:left top;
background-repeat:no-repeat;
padding-top:3px;//@base-space;
padding-top:6px;//@base-space;
position:absolute;
height:3px;//15px;
//top:-5px;//@base-space;
@ -538,13 +661,56 @@
color: @color-navigation-time;
margin-left:0px;
margin-right:0px;
margin-top:1px;
margin-top:0px;
z-index:2;
strong {
font-weight:bold;
color:@color-navigation-time-strong;
}
}
div.era {
font-weight: bold;
padding-top:0px;
margin-top:-3px;
margin-left:2px;
background-image: none;
}
.era1 {
color: @color-theme-tetrad1; // IE8
.opacity(50);
//color: fade(@color-theme-tetrad1, 50%);
//text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
.era2 {
color: @color-theme-tetrad2; // IE8
.opacity(50);
//color: fade(@color-theme-tetrad2, 50%);
//text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
.era3 {
color: @color-theme-tetrad3; // IE8
.opacity(50);
//color: fade(@color-theme-tetrad3, 50%);
//text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
.era4 {
color: @color-theme-tetrad4; // IE8
.opacity(50);
//color: fade(@color-theme-tetrad4, 50%);
//text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
.era5 {
color: @color-theme-tetrad5; // IE8
.opacity(50);
//color: fade(@color-theme-tetrad5, 50%);
//text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
.era6 {
color: @color-theme-tetrad6; // IE8
.opacity(50);
//color: fade(@color-theme-tetrad6, 50%);
//text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%);
}
}
@ -557,12 +723,13 @@
left:0px;
div {
.background-time-interval();
//.background-time-interval();
.background-time-interval-major();
background-position:left top;
background-repeat:no-repeat;
padding-top:@base-space;
position:absolute;
height:15px;
height:@base-space;
//top:-5px;//@base-space;
left:0px;
display:block;

Write Preview
Loading…
Cancel
Save