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

Added Google Plus styles

pull/127/merge
Zach Wise 12 years ago
parent
1375c09038
commit
61d6584f4a
7 changed files with 219 additions and 61 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. 35
      compiled/css/themes/dark.css
  2. 95
      compiled/css/timeline.css
  3. 11
      source/less/GFX.less
  4. 95
      source/less/VMM.Slider.less
  5. 24
      source/less/VMM.Timeline.Core.less
  6. 2
      source/less/VMM.Timeline.less
  7. 18
      source/less/Variables.less

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

@ -29,7 +29,10 @@
#timeline-embed{background-color:#1a1a1a;margin-bottom:20px;border:1px solid #333333;padding-top:20px;padding-bottom:20px;clear:both;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.35);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.35);box-shadow:1px 1px 3px rgba(0, 0, 0, 0.35);}
#timeline-embed.full-embed{overflow:hidden;border:0 !important;padding:0 !important;margin:0 !important;clear:both;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;-moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important;}
#timeline-embed.sized-embed{overflow:hidden;border:1px solid #333333;padding-top:7px;padding-bottom:7px;margin:0 !important;clear:both;-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;-moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important;}
.vmm-timeline{width:100%;height:100%;padding:0px;margin:0px;background-color:#1a1a1a;position:absolute;z-index:100;clear:both;overflow:hidden;}.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{width:100%;height:100%;padding:0px;margin:0px;background-color:#1a1a1a;position:absolute;z-index:100;clear:both;overflow:hidden;}.vmm-timeline .vmm-clear:before,.vmm-timeline .vmm-clear:after{content:"";display:table;}
.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 .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%;}
@ -58,12 +61,14 @@
.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-inline{width:16px;height:14px;overflow:hidden;display:inline-block;margin-right:1px;margin-left:3px;margin-top:2px;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}
.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 .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%;}
@ -108,14 +113,28 @@
.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 .twitter,.slider .slider-item .content .plain-text-quote,.slider .slider-item .content .storify{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{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{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{color:#aaaaaa;}
.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;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments{border-top:1px solid #e3e3e3;padding-top:15px;margin-top:15px;border-bottom:1px solid #e3e3e3;padding-bottom:15px;margin-bottom:15px;*zoom:1;zoom:1;}.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:before,.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:after{display:table;content:"";}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:after{clear:both;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:before,.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:after{display:table;content:"";zoom:1;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:after{clear:both;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments h5{margin-bottom:5px;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments a:hover{text-decoration:none;}.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments a:hover h5{text-decoration:underline;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments div{width:50%;padding-left:15px;display:inline-block;}
.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 .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;}
.slider .slider-item .content-container.layout-text-media.pad-left .text-media{padding-right:15px;padding-top:0;border-right:1px solid #e3e3e3;border-top:0px solid #e3e3e3;}
.slider .slider-item .content-container.layout-text{width:100%;}.slider .slider-item .content-container.layout-text .text{width:100%;max-width:100%;}.slider .slider-item .content-container.layout-text .text .container{display:block;vertical-align:middle;text-align:left;padding:0px;width:90%;text-align:left;margin-left:auto;margin-right:auto;}
.slider .slider-item .content-container.layout-media{width:100%;}.slider .slider-item .content-container.layout-media .text{width:100%;height:100%;max-width:100%;display:block;text-align:center;}.slider .slider-item .content-container.layout-media .text .container{display:block;text-align:center;width:100%;margin-left:none;margin-right:none;}
.slider .slider-item .content-container.layout-media .media{width:100%;min-width:50%;float:none;}.slider .slider-item .content-container.layout-media .media .media-wrapper .media-container{margin-left:auto;margin-right:auto;line-height:0px;padding:0px;}
.slider .slider-item .content-container.layout-media .twitter,.slider .slider-item .content-container.layout-media .wikipedia{max-width:70%;}
.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;}
@ -169,12 +188,12 @@
.vmm-timeline h2.date{font-size:16px;line-height:18px;margin-bottom:3.75px;color:#999999;}
.vmm-timeline h3,.vmm-timeline h4,.vmm-timeline h5,.vmm-timeline h6{line-height:40px;}.vmm-timeline h3 .active,.vmm-timeline h4 .active,.vmm-timeline h5 .active,.vmm-timeline h6 .active{color:#0bd4e3;}
.vmm-timeline h3{font-size:28px;line-height:30px;}.vmm-timeline h3 small{font-size:14px;}
.vmm-timeline h4{font-size:16px;line-height:18px;}.vmm-timeline h4 small{font-size:12px;}
.vmm-timeline h5{font-size:14px;line-height:16px;}
.vmm-timeline h4{font-size:20px;line-height:22px;}.vmm-timeline h4 small{font-size:12px;}
.vmm-timeline h5{font-size:16px;line-height:18px;}
.vmm-timeline h6{font-size:13px;line-height:14px;text-transform:uppercase;}
.vmm-timeline strong{font-weight:bold;}
.vmm-timeline Q{quotes:'„' '“';font-style:italic;}
.vmm-timeline blockquote,.vmm-timeline blockquote p{font-size:28px;text-align:left;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#1a1a1a;color:#ffffff;}
.vmm-timeline blockquote,.vmm-timeline blockquote p{font-size:28px;line-height:36px;text-align:left;margin-bottom:6px;padding-top:10px;background-color:#1a1a1a;color:#ffffff;}
.vmm-timeline .credit{color:#999999;text-align:right;font-size:10px;line-height:10px;display:block;margin:0 auto;clear:both;}
.vmm-timeline .caption{text-align:left;margin-top:5px;color:#aaaaaa;font-size:11px;line-height:14px;clear:both;}
.tooltip{position:absolute;z-index:205;display:block;visibility:visible;padding:5px;opacity:0;filter:alpha(opacity=0);font-size:15px;font-weight:bold;line-height:20px;font-size:12px;line-height:12px;}

95
compiled/css/timeline.css
Unescape View File

@ -29,7 +29,10 @@
#timeline-embed{background-color:#ffffff;margin-bottom:20px;border:1px solid #cccccc;padding-top:20px;padding-bottom:20px;clear:both;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.35);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.35);box-shadow:1px 1px 3px rgba(0, 0, 0, 0.35);}
#timeline-embed.full-embed{overflow:hidden;border:0 !important;padding:0 !important;margin:0 !important;clear:both;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;-moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important;}
#timeline-embed.sized-embed{overflow:hidden;border:1px solid #cccccc;padding-top:7px;padding-bottom:7px;margin:0 !important;clear:both;-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;-moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important;}
.vmm-timeline{width:100%;height:100%;padding:0px;margin:0px;background-color:#ffffff;position:absolute;z-index:100;clear:both;overflow:hidden;}.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{width:100%;height:100%;padding:0px;margin:0px;background-color:#ffffff;position:absolute;z-index:100;clear:both;overflow:hidden;}.vmm-timeline .vmm-clear:before,.vmm-timeline .vmm-clear:after{content:"";display:table;}
.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 .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%;}
@ -44,26 +47,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.4);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-timeline .thumbnail.thumb-document{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-timeline .thumbnail.thumb-photo{background-image:url(timeline.png?v2.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?v2.4);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-timeline .thumbnail.thumb-vimeo{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-timeline .thumbnail.thumb-youtube{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-timeline .thumbnail.thumb-video{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-timeline .thumbnail.thumb-audio{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-timeline .thumbnail.thumb-map{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-timeline .thumbnail.thumb-website{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-timeline .thumbnail.thumb-link{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-timeline .thumbnail.thumb-wikipedia{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-timeline .thumbnail.thumb-storify{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-timeline .thumb-storify-full{height:12px;background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-timeline thumbnail.thumb-instagram{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline thumbnail.thumb-instagram-full{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.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=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}
.vmm-timeline .twitter .thumbnail-inline{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-timeline .storify .thumbnail-inline{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-184px -96px;}
.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-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 .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%;}
@ -74,10 +79,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.4);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?v2.6);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.4);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?v2.6);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;}
@ -106,31 +111,45 @@
.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.4);background-repeat:no-repeat;background-position:-328px -96px;}
.slider .slider-item .content .twitter .created-at{background-image:url(timeline.png?v2.4);background-repeat:no-repeat;background-position:-256px -24px;}
.slider .slider-item .content .twitter,.slider .slider-item .content .plain-text-quote,.slider .slider-item .content .storify{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{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{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{color:#666666;}
.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 .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;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments{border-top:1px solid #e3e3e3;padding-top:15px;margin-top:15px;border-bottom:1px solid #e3e3e3;padding-bottom:15px;margin-bottom:15px;*zoom:1;zoom:1;}.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:before,.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:after{display:table;content:"";}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:after{clear:both;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:before,.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:after{display:table;content:"";zoom:1;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments:after{clear:both;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments h5{margin-bottom:5px;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments a:hover{text-decoration:none;}.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments a:hover h5{text-decoration:underline;}
.slider .slider-item .content .googleplus .googleplus-content .googleplus-attachments div{width:50%;padding-left:15px;display:inline-block;}
.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 .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;}
.slider .slider-item .content-container.layout-text-media.pad-left .text-media{padding-right:15px;padding-top:0;border-right:1px solid #e3e3e3;border-top:0px solid #e3e3e3;}
.slider .slider-item .content-container.layout-text{width:100%;}.slider .slider-item .content-container.layout-text .text{width:100%;max-width:100%;}.slider .slider-item .content-container.layout-text .text .container{display:block;vertical-align:middle;text-align:left;padding:0px;width:90%;text-align:left;margin-left:auto;margin-right:auto;}
.slider .slider-item .content-container.layout-media{width:100%;}.slider .slider-item .content-container.layout-media .text{width:100%;height:100%;max-width:100%;display:block;text-align:center;}.slider .slider-item .content-container.layout-media .text .container{display:block;text-align:center;width:100%;margin-left:none;margin-right:none;}
.slider .slider-item .content-container.layout-media .media{width:100%;min-width:50%;float:none;}.slider .slider-item .content-container.layout-media .media .media-wrapper .media-container{margin-left:auto;margin-right:auto;line-height:0px;padding:0px;}
.slider .slider-item .content-container.layout-media .twitter,.slider .slider-item .content-container.layout-media .wikipedia{max-width:70%;}
.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.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?v2.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?v2.4);background-repeat:no-repeat;background-position:-328px 0;width:24px;height:24px;}
.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 .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.4);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;}
.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:#9d9d9d;}
.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{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.4);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{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;}
@ -138,10 +157,10 @@
.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.4);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{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.4);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{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 .flag.row1{z-index:25;top:48px;}
@ -169,12 +188,12 @@
.vmm-timeline h2.date{font-size:16px;line-height:18px;margin-bottom:3.75px;color:#999999;}
.vmm-timeline h3,.vmm-timeline h4,.vmm-timeline h5,.vmm-timeline h6{line-height:40px;}.vmm-timeline h3 .active,.vmm-timeline h4 .active,.vmm-timeline h5 .active,.vmm-timeline h6 .active{color:#0088cc;}
.vmm-timeline h3{font-size:28px;line-height:30px;}.vmm-timeline h3 small{font-size:14px;}
.vmm-timeline h4{font-size:16px;line-height:18px;}.vmm-timeline h4 small{font-size:12px;}
.vmm-timeline h5{font-size:14px;line-height:16px;}
.vmm-timeline h4{font-size:20px;line-height:22px;}.vmm-timeline h4 small{font-size:12px;}
.vmm-timeline h5{font-size:16px;line-height:18px;}
.vmm-timeline h6{font-size:13px;line-height:14px;text-transform:uppercase;}
.vmm-timeline strong{font-weight:bold;}
.vmm-timeline Q{quotes:'„' '“';font-style:italic;}
.vmm-timeline blockquote,.vmm-timeline blockquote p{font-size:28px;text-align:left;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#000000;}
.vmm-timeline blockquote,.vmm-timeline blockquote p{font-size:28px;line-height:36px;text-align:left;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#000000;}
.vmm-timeline .credit{color:#999999;text-align:right;font-size:10px;line-height:10px;display:block;margin:0 auto;clear:both;}
.vmm-timeline .caption{text-align:left;margin-top:5px;color:#666666;font-size:11px;line-height:14px;clear:both;}
.tooltip{position:absolute;z-index:205;display:block;visibility:visible;padding:5px;opacity:0;filter:alpha(opacity=0);font-size:15px;font-weight:bold;line-height:20px;font-size:12px;line-height:12px;}

11
source/less/GFX.less
Unescape View File

@ -117,6 +117,11 @@
background-repeat:no-repeat;
background-position: -160px -96px;
}
.icon-googleplus-inline() {
.base-sprite();
background-repeat:no-repeat;
background-position: -208px -96px;
}
.icon-storify-inline() {
.base-sprite();
background-repeat:no-repeat;
@ -151,7 +156,11 @@
width:@base-thumb*2;
height:@base-thumb;
}
.icon-googleplus() {
.base-sprite();
background-repeat:no-repeat;
background-position: -208px -72px;
}
.icon-vimeo() {
.base-sprite();
background-repeat:no-repeat;

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

@ -202,7 +202,6 @@
-ms-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}
}
}
@ -269,8 +268,6 @@
right: 10px;
left: auto;
}
span.messege {
display:block;
vertical-align:middle;
@ -296,9 +293,6 @@
}
}
}
.wikipedia {
font-size: @base-font;
line-height: @base-line;
@ -437,7 +431,87 @@
.icon-twitter();
}
}
.twitter, .plain-text-quote, .storify {
.googleplus {
.googleplus-content {
font-size: 13px;
line-height: 19px;
margin-bottom: 6px;
padding-top: 10px;
background-color:@white;
color: @color-feature-description;
p {
font-size: 13px;
line-height: 19px;
}
.googleplus-title {
font-size: @base-font-large;
line-height: @base-line-large;
margin-bottom: 6px;
padding-top: 10px;
background-color:@white;
color:@color-feature-title;
}
.googleplus-annotation {
font-size: @base-font;
line-height: @base-line;
color: @color-feature-title;
border-bottom: 1px solid @color-dark-fifth;
padding-bottom: @base-space/2;
margin-bottom: @base-space/2;
}
.googleplus-attachments {
border-top: 1px solid @color-dark-fifth;
padding-top: @base-space;
margin-top: @base-space;
border-bottom: 1px solid @color-dark-fifth;
padding-bottom: @base-space;
margin-bottom: @base-space;
.clearfix();
h5 {
margin-bottom:5px;
}
a:hover {
text-decoration: none;
h5 {
text-decoration: underline;
}
}
div {
width: 50%;
padding-left: @base-space;
display:inline-block;
}
p {
.text-font(@base-font-small);
margin-bottom: 5px;
//float:left;
}
img {
float:left;
display: block;
bottom: 0;
left: 0;
margin: auto;
position: relative;
right: 0;
top: 0;
width: 40%;
//display:inline-block;
}
}
}
.proflinkPrefix {
color:@color-theme;
}
.created-at {
.icon-googleplus();
}
}
.twitter, .plain-text-quote, .storify, .googleplus {
text-align:left;
margin-left: auto;
margin-right: auto;
@ -448,8 +522,8 @@
//line-height: @base-line;
color:@color-feature-description;
p {
font-size: 28px;
line-height: 36px;
font-size: @base-font-large;
line-height: @base-line-large;
margin-bottom: 6px;
padding-top: 10px;
background-color:@white;
@ -540,9 +614,10 @@
}
}
.twitter, .wikipedia {
.twitter, .wikipedia, .googleplus {
max-width:70%;
}
}
}
}

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

@ -62,6 +62,18 @@
clear:both;
overflow:hidden;
.vmm-clear:before,
.vmm-clear:after {
content:"";
display:table;
}
.vmm-clear:after {
clear:both;
}
.vmm-clear {
*zoom:1;
}
/* FEATURE
================================================== */
.feature {
@ -259,6 +271,10 @@
.thumbnail.thumb-storify {
.icon-storify();
}
.thumbnail.thumb-googleplus {
.icon-googleplus();
}
.thumb-storify-full {
//display:inline-block;
height:12px;
@ -280,7 +296,7 @@
margin-left:3px;
margin-top:2px;
//float:left;
.opacity(25);
.opacity(50);
}
.twitter {
.thumbnail-inline {
@ -292,7 +308,11 @@
.icon-storify-inline();
}
}
.googleplus {
.thumbnail-inline {
.icon-googleplus-inline();
}
}
.zFront {

2
source/less/VMM.Timeline.less
Unescape View File

@ -21,7 +21,7 @@
----------------------------------------------------- */
//GFX
.base-sprite() {
background-image: url(timeline.png?v2.4);
background-image: url(timeline.png?v2.6);
}
// COLORS
@color-base: #FFF;

18
source/less/Variables.less
Unescape View File

@ -50,12 +50,17 @@
/* BASE SIZES
================================================== */
@base-font-small: 11px;
@base-font: 15px;
@base-font-large: 28px;
@base-line: 20px;
@base-line-large: 36px;
@base-space: 15px;
@base-font-small: 11px;
@base-thumb: 24px;
/* FEATURE SIZES
================================================== */
@feature-content-text: 200px;
@ -90,4 +95,15 @@
font-size: @fontsize;
line-height: round((@fontsize/100) * 130);
}
.clearfix() {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}

Write Preview
Loading…
Cancel
Save