From 61d6584f4a427b2c0c8b1d1d75514a7bc08cdb29 Mon Sep 17 00:00:00 2001 From: Zach Wise Date: Sun, 27 May 2012 14:35:18 -0500 Subject: [PATCH] Added Google Plus styles --- compiled/css/themes/dark.css | 35 ++++++++--- compiled/css/timeline.css | 95 ++++++++++++++++++------------ source/less/GFX.less | 11 +++- source/less/VMM.Slider.less | 95 ++++++++++++++++++++++++++---- source/less/VMM.Timeline.Core.less | 24 +++++++- source/less/VMM.Timeline.less | 2 +- source/less/Variables.less | 18 +++++- 7 files changed, 219 insertions(+), 61 deletions(-) diff --git a/compiled/css/themes/dark.css b/compiled/css/themes/dark.css index 104570a..0f6c470 100644 --- a/compiled/css/themes/dark.css +++ b/compiled/css/themes/dark.css @@ -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;} diff --git a/compiled/css/timeline.css b/compiled/css/timeline.css index aa5a4d8..6a5a078 100644 --- a/compiled/css/timeline.css +++ b/compiled/css/timeline.css @@ -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;} diff --git a/source/less/GFX.less b/source/less/GFX.less index fb67296..43c6ab4 100644 --- a/source/less/GFX.less +++ b/source/less/GFX.less @@ -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; diff --git a/source/less/VMM.Slider.less b/source/less/VMM.Slider.less index 9a091e2..40561c2 100644 --- a/source/less/VMM.Slider.less +++ b/source/less/VMM.Slider.less @@ -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%; } + } } } diff --git a/source/less/VMM.Timeline.Core.less b/source/less/VMM.Timeline.Core.less index a8b83c0..950ed76 100644 --- a/source/less/VMM.Timeline.Core.less +++ b/source/less/VMM.Timeline.Core.less @@ -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 { diff --git a/source/less/VMM.Timeline.less b/source/less/VMM.Timeline.less index e31298f..fef8b9f 100644 --- a/source/less/VMM.Timeline.less +++ b/source/less/VMM.Timeline.less @@ -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; diff --git a/source/less/Variables.less b/source/less/Variables.less index 563cd8f..7c28bc9 100644 --- a/source/less/Variables.less +++ b/source/less/Variables.less @@ -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; + } +}