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

Merging Core CSS with StoryJS Core CSS

pull/197/head
Zach Wise 12 years ago
parent
260cdf1f1e
commit
0d010abf3a
6 changed files with 175 additions and 495 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. 170
      compiled/css/themes/dark.css
  2. 170
      compiled/css/timeline.css
  3. 2
      source/less/Core
  4. 18
      source/less/Theme/Dark.less
  5. 292
      source/less/VMM.Timeline.Core.less
  6. 18
      source/less/VMM.Timeline.less

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

@ -26,53 +26,44 @@
.vmm-storyjs p,.vmm-storyjs blockquote,.vmm-storyjs blockquote p,.vmm-storyjs .twitter blockquote p{font-family:"Georgia",Times New Roman,Times,serif !important;}
.vmm-storyjs .feature h1,.vmm-storyjs .feature h2,.vmm-storyjs .feature h3,.vmm-storyjs .feature h4,.vmm-storyjs .feature h5,.vmm-storyjs .feature h6{font-family:"Georgia",Times New Roman,Times,serif;}
.tooltip{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
#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:0 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:0 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 .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 div.loading{display:table;text-align:center;min-width:100px;margin-top:15px;height:100%;width:100%;background-color:#1a1a1a;}.vmm-timeline div.loading .loading-container{display:table-cell;vertical-align:middle;}.vmm-timeline div.loading .loading-container .loading-icon{display:block;background-repeat:no-repeat;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background-image:url(themes/loading.gif?v3.4);width:28px;height:28px;}
.vmm-timeline div.loading .loading-container .message{display:block;}
.vmm-timeline div.loading .loading-container .message,.vmm-timeline div.loading .loading-container .message p{text-align:center;font-size:11px;line-height:13px;text-transform:uppercase;margin-top:7.5px;margin-bottom:7.5px;}
.vmm-timeline .container.main{position:absolute;top:0px;left:0px;padding-bottom:3px;width:auto;height:auto;margin:0px;clear:both;}
.vmm-timeline img,.vmm-timeline embed,.vmm-timeline object,.vmm-timeline video,.vmm-timeline iframe{max-width:100%;}
.vmm-timeline img{max-height:100%;border:1px solid #999999;}
.vmm-timeline a{color:#0bd4e3;text-decoration:none;}
.vmm-timeline a:hover{color:#07909a;text-decoration:underline;}
.vmm-timeline .vcard{float:right;margin-bottom:15px;}.vmm-timeline .vcard a{color:#aaaaaa;}
.vmm-timeline .vcard a:hover{text-decoration:none;}.vmm-timeline .vcard a:hover .fn{text-decoration:underline;}
.vmm-timeline .vcard .fn,.vmm-timeline .vcard .nickname{padding-left:42px;}
.vmm-timeline .vcard .fn{display:block;font-weight:bold;}
.vmm-timeline .vcard .nickname{margin-top:1px;display:block;color:#aaaaaa;}
.vmm-timeline .vcard .avatar{float:left;display:block;width:32px;height:32px;}.vmm-timeline .vcard .avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.vmm-timeline .thumbnail{width:24px;height:24px;overflow:hidden;float:left;margin:0;margin-right:1px;margin-top:6px;border:0;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.vmm-timeline a.thumbnail:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.vmm-timeline .thumbnail.thumb-plaintext{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-timeline .thumbnail.thumb-document{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-timeline .thumbnail.thumb-photo{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-timeline .thumbnail.thumb-photo img{border:0px none #333333 !important;}
.vmm-timeline .thumbnail.thumb-twitter{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-timeline .thumbnail.thumb-vimeo{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-timeline .thumbnail.thumb-youtube{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-timeline .thumbnail.thumb-video{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-timeline .thumbnail.thumb-audio{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-timeline .thumbnail.thumb-map{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-timeline .thumbnail.thumb-website{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-timeline .thumbnail.thumb-link{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-timeline .thumbnail.thumb-wikipedia{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-timeline .thumbnail.thumb-storify{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-timeline .thumbnail.thumb-googleplus{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -72px;}
.vmm-timeline thumbnail.thumb-instagram{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline thumbnail.thumb-instagram-full{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.vmm-timeline .thumb-storify-full{height:12px;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-timeline .thumbnail-inline{width:16px;height:14px;overflow:hidden;display:inline-block;margin-right:1px;margin-left:3px;margin-top:2px;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .twitter .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-timeline .storify .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -96px;}
.vmm-timeline .googleplus .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .zFront{z-index:204;}
.vmm-storyjs{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-storyjs p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#aaaaaa;}.vmm-storyjs p small{font-size:12px;line-height:17px;}
.vmm-storyjs p:first-child{margin-top:20px;}
.vmm-storyjs .navigation p{color:#999999;}
.vmm-storyjs .feature h3,.vmm-storyjs .feature h4,.vmm-storyjs .feature h5,.vmm-storyjs .feature h6{margin-bottom:15px;}
.vmm-storyjs .feature p{color:#aaaaaa;}
.vmm-storyjs .feature blockquote,.vmm-storyjs .feature blockquote p{color:#ffffff;}
.vmm-storyjs .date a,.vmm-storyjs .title a{color:#999999;}
.vmm-storyjs .hyphenate{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;}
.vmm-storyjs h1,.vmm-storyjs h2,.vmm-storyjs h3,.vmm-storyjs h4,.vmm-storyjs h5,.vmm-storyjs h6{font-weight:normal;color:#ffffff;text-transform:none;}.vmm-storyjs h1 a,.vmm-storyjs h2 a,.vmm-storyjs h3 a,.vmm-storyjs h4 a,.vmm-storyjs h5 a,.vmm-storyjs h6 a{color:#999999;}
.vmm-storyjs h1 small,.vmm-storyjs h2 small,.vmm-storyjs h3 small,.vmm-storyjs h4 small,.vmm-storyjs h5 small,.vmm-storyjs h6 small{color:#999999;}
.vmm-storyjs h1.date,.vmm-storyjs h2.date,.vmm-storyjs h3.date,.vmm-storyjs h4.date,.vmm-storyjs h5.date,.vmm-storyjs h6.date{font-weight:bold;}
.vmm-storyjs h2.start{font-size:36px;line-height:38px;margin-bottom:15px;}
.vmm-storyjs h1{margin-bottom:15px;font-size:32px;line-height:34px;}.vmm-storyjs h1 small{font-size:18px;}
.vmm-storyjs h2{margin-bottom:15px;font-size:28px;line-height:30px;}.vmm-storyjs h2 small{font-size:14px;line-height:16px;}
.vmm-storyjs h2.date{font-size:16px;line-height:18px;margin-bottom:3.75px;color:#999999;}
.vmm-storyjs h3,.vmm-storyjs h4,.vmm-storyjs h5,.vmm-storyjs h6{line-height:40px;}.vmm-storyjs h3 .active,.vmm-storyjs h4 .active,.vmm-storyjs h5 .active,.vmm-storyjs h6 .active{color:#0bd4e3;}
.vmm-storyjs h3{font-size:28px;line-height:30px;}.vmm-storyjs h3 small{font-size:14px;}
.vmm-storyjs h4{font-size:20px;line-height:22px;}.vmm-storyjs h4 small{font-size:12px;}
.vmm-storyjs h5{font-size:16px;line-height:18px;}
.vmm-storyjs h6{font-size:13px;line-height:14px;text-transform:uppercase;}
.vmm-storyjs strong{font-weight:bold;font-style:inherit;}
.vmm-storyjs em{font-style:italic;font-weight:inherit;}
.vmm-storyjs Q{quotes:'„' '“';font-style:italic;}
.vmm-storyjs blockquote,.vmm-storyjs blockquote p{font-size:28px;line-height:36px;text-align:left;margin-bottom:6px;padding-top:10px;background-color:#1a1a1a;color:#ffffff;}
.vmm-storyjs .credit{color:#999999;text-align:right;font-size:10px;line-height:10px;display:block;margin:0 auto;clear:both;}
.vmm-storyjs .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;}
.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-2px;}
.tooltip.right{margin-left:2px;}
.tooltip.bottom{margin-top:2px;}
.tooltip.left{margin-left:-2px;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;}
.vmm-slider{width:100%;height:100%;overflow:hidden;}.vmm-slider .slider-container-mask{text-align:center;width:100%;height:100%;overflow:hidden;}.vmm-slider .slider-container-mask .slider-container{position:absolute;top:0px;left:-2160px;width:100%;height:100%;text-align:center;display:block;}.vmm-slider .slider-container-mask .slider-container .slider-item-container{display:table-cell;vertical-align:middle;}
.vmm-notouch .vmm-slider .nav-previous:hover,.vmm-notouch .vmm-slider .nav-next:hover{color:#aaaaaa;cursor:pointer;}
.vmm-notouch .vmm-slider .nav-previous:hover .icon{margin-left:10px;}
@ -138,6 +129,53 @@
.vmm-slider .slider-item .content-container.layout-media{width:100%;}.vmm-slider .slider-item .content-container.layout-media .text{width:100%;height:100%;max-width:100%;display:block;text-align:center;}.vmm-slider .slider-item .content-container.layout-media .text .container{display:block;text-align:center;width:100%;margin-left:none;margin-right:none;}
.vmm-slider .slider-item .content-container.layout-media .media{width:100%;min-width:50%;float:none;}.vmm-slider .slider-item .content-container.layout-media .media .media-wrapper .media-container{margin-left:auto;margin-right:auto;line-height:0px;padding:0px;}
.vmm-slider .slider-item .content-container.layout-media .twitter,.vmm-slider .slider-item .content-container.layout-media .wikipedia,.vmm-slider .slider-item .content-container.layout-media .googleplus{max-width:70%;}
.vmm-storyjs{width:100%;height:100%;padding:0px;margin:0px;background-color:#1a1a1a;position:absolute;z-index:100;clear:both;overflow:hidden;}.vmm-storyjs .vmm-clear:before,.vmm-storyjs .vmm-clear:after{content:"";display:table;}
.vmm-storyjs .vmm-clear:after{clear:both;}
.vmm-storyjs .vmm-clear{*zoom:1;}
.vmm-storyjs .feature{width:100%;}.vmm-storyjs .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-storyjs .feedback{position:absolute;display:table;overflow:hidden;top:0px;left:0px;z-index:205;width:100%;height:100%;background-color:#1a1a1a;}
.vmm-storyjs div.loading{display:table;text-align:center;min-width:100px;margin-top:15px;height:100%;width:100%;background-color:#1a1a1a;}.vmm-storyjs div.loading .loading-container{display:table-cell;vertical-align:middle;}.vmm-storyjs div.loading .loading-container .loading-icon{display:block;background-repeat:no-repeat;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background-image:url(themes/loading.gif?v3.4);width:28px;height:28px;}
.vmm-storyjs div.loading .loading-container .message{display:block;}
.vmm-storyjs div.loading .loading-container .message,.vmm-storyjs div.loading .loading-container .message p{text-align:center;font-size:11px;line-height:13px;text-transform:uppercase;margin-top:7.5px;margin-bottom:7.5px;}
.vmm-storyjs .container.main{position:absolute;top:0px;left:0px;padding-bottom:3px;width:auto;height:auto;margin:0px;clear:both;}
.vmm-storyjs img,.vmm-storyjs embed,.vmm-storyjs object,.vmm-storyjs video,.vmm-storyjs iframe{max-width:100%;}
.vmm-storyjs img{max-height:100%;border:1px solid #999999;}
.vmm-storyjs a{color:#0bd4e3;text-decoration:none;}
.vmm-storyjs a:hover{color:#07909a;text-decoration:underline;}
.vmm-storyjs .vcard{float:right;margin-bottom:15px;}.vmm-storyjs .vcard a{color:#aaaaaa;}
.vmm-storyjs .vcard a:hover{text-decoration:none;}.vmm-storyjs .vcard a:hover .fn{text-decoration:underline;}
.vmm-storyjs .vcard .fn,.vmm-storyjs .vcard .nickname{padding-left:42px;}
.vmm-storyjs .vcard .fn{display:block;font-weight:bold;}
.vmm-storyjs .vcard .nickname{margin-top:1px;display:block;color:#aaaaaa;}
.vmm-storyjs .vcard .avatar{float:left;display:block;width:32px;height:32px;}.vmm-storyjs .vcard .avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.vmm-storyjs .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-storyjs a.thumbnail:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.vmm-storyjs .thumbnail.thumb-plaintext{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-storyjs .thumbnail.thumb-quote{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-storyjs .thumbnail.thumb-document{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-storyjs .thumbnail.thumb-photo{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-storyjs .thumbnail.thumb-photo img{border:0px none #333333 !important;}
.vmm-storyjs .thumbnail.thumb-twitter{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-storyjs .thumbnail.thumb-vimeo{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-storyjs .thumbnail.thumb-youtube{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-storyjs .thumbnail.thumb-video{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-storyjs .thumbnail.thumb-audio{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-storyjs .thumbnail.thumb-map{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-storyjs .thumbnail.thumb-website{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-storyjs .thumbnail.thumb-link{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-storyjs .thumbnail.thumb-wikipedia{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-storyjs .thumbnail.thumb-storify{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-storyjs .thumbnail.thumb-googleplus{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -72px;}
.vmm-storyjs thumbnail.thumb-instagram{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-storyjs thumbnail.thumb-instagram-full{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.vmm-storyjs .thumb-storify-full{height:12px;background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-storyjs .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-storyjs .twitter .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-storyjs .storify .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -96px;}
.vmm-storyjs .googleplus .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-storyjs .zFront{z-index:204;}
#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:0 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:0 0px 0px rgba(0, 0, 0, 0.25) !important;}
.vmm-notouch .navigation .toolbar .zoom-in:hover,.vmm-notouch .navigation .toolbar .zoom-out:hover,.vmm-notouch .navigation .toolbar .back-home:hover{color:#0bd4e3;cursor:pointer;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.vmm-notouch .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-notouch .navigation .timenav .content .marker.active:hover .flag .flag-content h3,.vmm-notouch .navigation .timenav .content .marker.active:hover .flag-small .flag-content h3{color:#0bd4e3;}
.vmm-notouch .navigation .timenav .content .marker.active:hover .flag .flag-content h4,.vmm-notouch .navigation .timenav .content .marker.active:hover .flag-small .flag-content h4{color:#999999;}
@ -219,42 +257,4 @@
.vmm-timeline .navigation .timenav .time .time-interval .era5{color:#0be386;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era6{color:#0bd4e3;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQAQMAAADtUYf0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTAzRjI3REIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTAzRjI3RUIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5MDNGMjdCQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5MDNGMjdDQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DPWNfQAAAANQTFRFzMzMylJEJwAAAAtJREFUCB1jYMAPAAAgAAHDvpOtAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#aaaaaa;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#ffffff;}
.vmm-storyjs{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-storyjs p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#aaaaaa;}.vmm-storyjs p small{font-size:12px;line-height:17px;}
.vmm-storyjs p:first-child{margin-top:20px;}
.vmm-storyjs .navigation p{color:#999999;}
.vmm-storyjs .feature h3,.vmm-storyjs .feature h4,.vmm-storyjs .feature h5,.vmm-storyjs .feature h6{margin-bottom:15px;}
.vmm-storyjs .feature p{color:#aaaaaa;}
.vmm-storyjs .feature blockquote,.vmm-storyjs .feature blockquote p{color:#ffffff;}
.vmm-storyjs .date a,.vmm-storyjs .title a{color:#999999;}
.vmm-storyjs .hyphenate{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;}
.vmm-storyjs h1,.vmm-storyjs h2,.vmm-storyjs h3,.vmm-storyjs h4,.vmm-storyjs h5,.vmm-storyjs h6{font-weight:normal;color:#ffffff;text-transform:none;}.vmm-storyjs h1 a,.vmm-storyjs h2 a,.vmm-storyjs h3 a,.vmm-storyjs h4 a,.vmm-storyjs h5 a,.vmm-storyjs h6 a{color:#999999;}
.vmm-storyjs h1 small,.vmm-storyjs h2 small,.vmm-storyjs h3 small,.vmm-storyjs h4 small,.vmm-storyjs h5 small,.vmm-storyjs h6 small{color:#999999;}
.vmm-storyjs h1.date,.vmm-storyjs h2.date,.vmm-storyjs h3.date,.vmm-storyjs h4.date,.vmm-storyjs h5.date,.vmm-storyjs h6.date{font-weight:bold;}
.vmm-storyjs h2.start{font-size:36px;line-height:38px;margin-bottom:15px;}
.vmm-storyjs h1{margin-bottom:15px;font-size:32px;line-height:34px;}.vmm-storyjs h1 small{font-size:18px;}
.vmm-storyjs h2{margin-bottom:15px;font-size:28px;line-height:30px;}.vmm-storyjs h2 small{font-size:14px;line-height:16px;}
.vmm-storyjs h2.date{font-size:16px;line-height:18px;margin-bottom:3.75px;color:#999999;}
.vmm-storyjs h3,.vmm-storyjs h4,.vmm-storyjs h5,.vmm-storyjs h6{line-height:40px;}.vmm-storyjs h3 .active,.vmm-storyjs h4 .active,.vmm-storyjs h5 .active,.vmm-storyjs h6 .active{color:#0bd4e3;}
.vmm-storyjs h3{font-size:28px;line-height:30px;}.vmm-storyjs h3 small{font-size:14px;}
.vmm-storyjs h4{font-size:20px;line-height:22px;}.vmm-storyjs h4 small{font-size:12px;}
.vmm-storyjs h5{font-size:16px;line-height:18px;}
.vmm-storyjs h6{font-size:13px;line-height:14px;text-transform:uppercase;}
.vmm-storyjs strong{font-weight:bold;font-style:inherit;}
.vmm-storyjs em{font-style:italic;font-weight:inherit;}
.vmm-storyjs Q{quotes:'„' '“';font-style:italic;}
.vmm-storyjs blockquote,.vmm-storyjs blockquote p{font-size:28px;line-height:36px;text-align:left;margin-bottom:6px;padding-top:10px;background-color:#1a1a1a;color:#ffffff;}
.vmm-storyjs .credit{color:#999999;text-align:right;font-size:10px;line-height:10px;display:block;margin:0 auto;clear:both;}
.vmm-storyjs .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;}
.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-2px;}
.tooltip.right{margin-left:2px;}
.tooltip.bottom{margin-top:2px;}
.tooltip.left{margin-left:-2px;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;}
@media only screen and (max-width:480px),only screen and (max-device-width:480px){}@media (max-width:600px){.slider .slider-item .content .content-container{display:block;}.slider .slider-item .content .content-container .text{width:100%;max-width:100%;min-width:120px;display:block;}.slider .slider-item .content .content-container .text .container{display:block;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;} .slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:none;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:0px;margin-right:0px;width:100%;display:block;} .slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container{border:none;}}

170
compiled/css/timeline.css
Unescape View File

@ -26,53 +26,44 @@
.vmm-storyjs p,.vmm-storyjs blockquote,.vmm-storyjs blockquote p,.vmm-storyjs .twitter blockquote p{font-family:"Georgia",Times New Roman,Times,serif !important;}
.vmm-storyjs .feature h1,.vmm-storyjs .feature h2,.vmm-storyjs .feature h3,.vmm-storyjs .feature h4,.vmm-storyjs .feature h5,.vmm-storyjs .feature h6{font-family:"Georgia",Times New Roman,Times,serif;}
.tooltip{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
#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:0 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:0 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 .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 div.loading{display:table;text-align:center;min-width:100px;margin-top:15px;height:100%;width:100%;background-color:#ffffff;}.vmm-timeline div.loading .loading-container{display:table-cell;vertical-align:middle;}.vmm-timeline div.loading .loading-container .loading-icon{display:block;background-repeat:no-repeat;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background-image:url(loading.gif?v3.4);width:28px;height:28px;}
.vmm-timeline div.loading .loading-container .message{display:block;}
.vmm-timeline div.loading .loading-container .message,.vmm-timeline div.loading .loading-container .message p{text-align:center;font-size:11px;line-height:13px;text-transform:uppercase;margin-top:7.5px;margin-bottom:7.5px;}
.vmm-timeline .container.main{position:absolute;top:0px;left:0px;padding-bottom:3px;width:auto;height:auto;margin:0px;clear:both;}
.vmm-timeline img,.vmm-timeline embed,.vmm-timeline object,.vmm-timeline video,.vmm-timeline iframe{max-width:100%;}
.vmm-timeline img{max-height:100%;border:1px solid #999999;}
.vmm-timeline a{color:#0088cc;text-decoration:none;}
.vmm-timeline a:hover{color:#005580;text-decoration:underline;}
.vmm-timeline .vcard{float:right;margin-bottom:15px;}.vmm-timeline .vcard a{color:#333333;}
.vmm-timeline .vcard a:hover{text-decoration:none;}.vmm-timeline .vcard a:hover .fn{text-decoration:underline;}
.vmm-timeline .vcard .fn,.vmm-timeline .vcard .nickname{padding-left:42px;}
.vmm-timeline .vcard .fn{display:block;font-weight:bold;}
.vmm-timeline .vcard .nickname{margin-top:1px;display:block;color:#666666;}
.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?v3.4);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-timeline .thumbnail.thumb-document{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-timeline .thumbnail.thumb-photo{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-timeline .thumbnail.thumb-photo img{border:0px none #cccccc !important;}
.vmm-timeline .thumbnail.thumb-twitter{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-timeline .thumbnail.thumb-vimeo{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-timeline .thumbnail.thumb-youtube{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-timeline .thumbnail.thumb-video{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-timeline .thumbnail.thumb-audio{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-timeline .thumbnail.thumb-map{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-timeline .thumbnail.thumb-website{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-timeline .thumbnail.thumb-link{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-timeline .thumbnail.thumb-wikipedia{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-timeline .thumbnail.thumb-storify{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-timeline .thumbnail.thumb-googleplus{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -72px;}
.vmm-timeline thumbnail.thumb-instagram{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline thumbnail.thumb-instagram-full{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.vmm-timeline .thumb-storify-full{height:12px;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-timeline .thumbnail-inline{width:16px;height:14px;overflow:hidden;display:inline-block;margin-right:1px;margin-left:3px;margin-top:2px;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .twitter .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-timeline .storify .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -96px;}
.vmm-timeline .googleplus .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .zFront{z-index:204;}
.vmm-storyjs{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-storyjs p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#666666;}.vmm-storyjs p small{font-size:12px;line-height:17px;}
.vmm-storyjs p:first-child{margin-top:20px;}
.vmm-storyjs .navigation p{color:#999999;}
.vmm-storyjs .feature h3,.vmm-storyjs .feature h4,.vmm-storyjs .feature h5,.vmm-storyjs .feature h6{margin-bottom:15px;}
.vmm-storyjs .feature p{color:#666666;}
.vmm-storyjs .feature blockquote,.vmm-storyjs .feature blockquote p{color:#000000;}
.vmm-storyjs .date a,.vmm-storyjs .title a{color:#999999;}
.vmm-storyjs .hyphenate{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;}
.vmm-storyjs h1,.vmm-storyjs h2,.vmm-storyjs h3,.vmm-storyjs h4,.vmm-storyjs h5,.vmm-storyjs h6{font-weight:normal;color:#000000;text-transform:none;}.vmm-storyjs h1 a,.vmm-storyjs h2 a,.vmm-storyjs h3 a,.vmm-storyjs h4 a,.vmm-storyjs h5 a,.vmm-storyjs h6 a{color:#999999;}
.vmm-storyjs h1 small,.vmm-storyjs h2 small,.vmm-storyjs h3 small,.vmm-storyjs h4 small,.vmm-storyjs h5 small,.vmm-storyjs h6 small{color:#999999;}
.vmm-storyjs h1.date,.vmm-storyjs h2.date,.vmm-storyjs h3.date,.vmm-storyjs h4.date,.vmm-storyjs h5.date,.vmm-storyjs h6.date{font-weight:bold;}
.vmm-storyjs h2.start{font-size:36px;line-height:38px;margin-bottom:15px;}
.vmm-storyjs h1{margin-bottom:15px;font-size:32px;line-height:34px;}.vmm-storyjs h1 small{font-size:18px;}
.vmm-storyjs h2{margin-bottom:15px;font-size:28px;line-height:30px;}.vmm-storyjs h2 small{font-size:14px;line-height:16px;}
.vmm-storyjs h2.date{font-size:16px;line-height:18px;margin-bottom:3.75px;color:#999999;}
.vmm-storyjs h3,.vmm-storyjs h4,.vmm-storyjs h5,.vmm-storyjs h6{line-height:40px;}.vmm-storyjs h3 .active,.vmm-storyjs h4 .active,.vmm-storyjs h5 .active,.vmm-storyjs h6 .active{color:#0088cc;}
.vmm-storyjs h3{font-size:28px;line-height:30px;}.vmm-storyjs h3 small{font-size:14px;}
.vmm-storyjs h4{font-size:20px;line-height:22px;}.vmm-storyjs h4 small{font-size:12px;}
.vmm-storyjs h5{font-size:16px;line-height:18px;}
.vmm-storyjs h6{font-size:13px;line-height:14px;text-transform:uppercase;}
.vmm-storyjs strong{font-weight:bold;font-style:inherit;}
.vmm-storyjs em{font-style:italic;font-weight:inherit;}
.vmm-storyjs Q{quotes:'„' '“';font-style:italic;}
.vmm-storyjs blockquote,.vmm-storyjs blockquote p{font-size:28px;line-height:36px;text-align:left;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#000000;}
.vmm-storyjs .credit{color:#999999;text-align:right;font-size:10px;line-height:10px;display:block;margin:0 auto;clear:both;}
.vmm-storyjs .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;}
.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-2px;}
.tooltip.right{margin-left:2px;}
.tooltip.bottom{margin-top:2px;}
.tooltip.left{margin-left:-2px;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;}
.vmm-slider{width:100%;height:100%;overflow:hidden;}.vmm-slider .slider-container-mask{text-align:center;width:100%;height:100%;overflow:hidden;}.vmm-slider .slider-container-mask .slider-container{position:absolute;top:0px;left:-2160px;width:100%;height:100%;text-align:center;display:block;}.vmm-slider .slider-container-mask .slider-container .slider-item-container{display:table-cell;vertical-align:middle;}
.vmm-notouch .vmm-slider .nav-previous:hover,.vmm-notouch .vmm-slider .nav-next:hover{color:#333333;cursor:pointer;}
.vmm-notouch .vmm-slider .nav-previous:hover .icon{margin-left:10px;}
@ -138,6 +129,53 @@
.vmm-slider .slider-item .content-container.layout-media{width:100%;}.vmm-slider .slider-item .content-container.layout-media .text{width:100%;height:100%;max-width:100%;display:block;text-align:center;}.vmm-slider .slider-item .content-container.layout-media .text .container{display:block;text-align:center;width:100%;margin-left:none;margin-right:none;}
.vmm-slider .slider-item .content-container.layout-media .media{width:100%;min-width:50%;float:none;}.vmm-slider .slider-item .content-container.layout-media .media .media-wrapper .media-container{margin-left:auto;margin-right:auto;line-height:0px;padding:0px;}
.vmm-slider .slider-item .content-container.layout-media .twitter,.vmm-slider .slider-item .content-container.layout-media .wikipedia,.vmm-slider .slider-item .content-container.layout-media .googleplus{max-width:70%;}
.vmm-storyjs{width:100%;height:100%;padding:0px;margin:0px;background-color:#ffffff;position:absolute;z-index:100;clear:both;overflow:hidden;}.vmm-storyjs .vmm-clear:before,.vmm-storyjs .vmm-clear:after{content:"";display:table;}
.vmm-storyjs .vmm-clear:after{clear:both;}
.vmm-storyjs .vmm-clear{*zoom:1;}
.vmm-storyjs .feature{width:100%;}.vmm-storyjs .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-storyjs .feedback{position:absolute;display:table;overflow:hidden;top:0px;left:0px;z-index:205;width:100%;height:100%;background-color:#ffffff;}
.vmm-storyjs div.loading{display:table;text-align:center;min-width:100px;margin-top:15px;height:100%;width:100%;background-color:#ffffff;}.vmm-storyjs div.loading .loading-container{display:table-cell;vertical-align:middle;}.vmm-storyjs div.loading .loading-container .loading-icon{display:block;background-repeat:no-repeat;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background-image:url(loading.gif?v3.4);width:28px;height:28px;}
.vmm-storyjs div.loading .loading-container .message{display:block;}
.vmm-storyjs div.loading .loading-container .message,.vmm-storyjs div.loading .loading-container .message p{text-align:center;font-size:11px;line-height:13px;text-transform:uppercase;margin-top:7.5px;margin-bottom:7.5px;}
.vmm-storyjs .container.main{position:absolute;top:0px;left:0px;padding-bottom:3px;width:auto;height:auto;margin:0px;clear:both;}
.vmm-storyjs img,.vmm-storyjs embed,.vmm-storyjs object,.vmm-storyjs video,.vmm-storyjs iframe{max-width:100%;}
.vmm-storyjs img{max-height:100%;border:1px solid #999999;}
.vmm-storyjs a{color:#0088cc;text-decoration:none;}
.vmm-storyjs a:hover{color:#005580;text-decoration:underline;}
.vmm-storyjs .vcard{float:right;margin-bottom:15px;}.vmm-storyjs .vcard a{color:#333333;}
.vmm-storyjs .vcard a:hover{text-decoration:none;}.vmm-storyjs .vcard a:hover .fn{text-decoration:underline;}
.vmm-storyjs .vcard .fn,.vmm-storyjs .vcard .nickname{padding-left:42px;}
.vmm-storyjs .vcard .fn{display:block;font-weight:bold;}
.vmm-storyjs .vcard .nickname{margin-top:1px;display:block;color:#666666;}
.vmm-storyjs .vcard .avatar{float:left;display:block;width:32px;height:32px;}.vmm-storyjs .vcard .avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.vmm-storyjs .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-storyjs a.thumbnail:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.vmm-storyjs .thumbnail.thumb-plaintext{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-storyjs .thumbnail.thumb-quote{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-storyjs .thumbnail.thumb-document{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-storyjs .thumbnail.thumb-photo{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-storyjs .thumbnail.thumb-photo img{border:0px none #cccccc !important;}
.vmm-storyjs .thumbnail.thumb-twitter{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-storyjs .thumbnail.thumb-vimeo{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-storyjs .thumbnail.thumb-youtube{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-storyjs .thumbnail.thumb-video{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-storyjs .thumbnail.thumb-audio{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-storyjs .thumbnail.thumb-map{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-storyjs .thumbnail.thumb-website{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-storyjs .thumbnail.thumb-link{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -72px;}
.vmm-storyjs .thumbnail.thumb-wikipedia{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -48px;}
.vmm-storyjs .thumbnail.thumb-storify{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-328px -96px;}
.vmm-storyjs .thumbnail.thumb-googleplus{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -72px;}
.vmm-storyjs thumbnail.thumb-instagram{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-storyjs thumbnail.thumb-instagram-full{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-232px -96px;width:48px;height:24px;}
.vmm-storyjs .thumb-storify-full{height:12px;background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-280px -96px;width:48px;}
.vmm-storyjs .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-storyjs .twitter .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-160px -96px;}
.vmm-storyjs .storify .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -96px;}
.vmm-storyjs .googleplus .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-storyjs .zFront{z-index:204;}
#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:0 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:0 0px 0px rgba(0, 0, 0, 0.25) !important;}
.vmm-notouch .navigation .toolbar .zoom-in:hover,.vmm-notouch .navigation .toolbar .zoom-out:hover,.vmm-notouch .navigation .toolbar .back-home:hover{color:#0088cc;cursor:pointer;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.vmm-notouch .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-notouch .navigation .timenav .content .marker.active:hover .flag .flag-content h3,.vmm-notouch .navigation .timenav .content .marker.active:hover .flag-small .flag-content h3{color:#0088cc;}
.vmm-notouch .navigation .timenav .content .marker.active:hover .flag .flag-content h4,.vmm-notouch .navigation .timenav .content .marker.active:hover .flag-small .flag-content h4{color:#999999;}
@ -219,42 +257,4 @@
.vmm-timeline .navigation .timenav .time .time-interval .era5{color:#00ccaa;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval .era6{color:#0088cc;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQAQMAAADtUYf0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTAzRjI3REIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTAzRjI3RUIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5MDNGMjdCQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5MDNGMjdDQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DPWNfQAAAANQTFRFzMzMylJEJwAAAAtJREFUCB1jYMAPAAAgAAHDvpOtAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#333333;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#000000;}
.vmm-storyjs{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-storyjs p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#666666;}.vmm-storyjs p small{font-size:12px;line-height:17px;}
.vmm-storyjs p:first-child{margin-top:20px;}
.vmm-storyjs .navigation p{color:#999999;}
.vmm-storyjs .feature h3,.vmm-storyjs .feature h4,.vmm-storyjs .feature h5,.vmm-storyjs .feature h6{margin-bottom:15px;}
.vmm-storyjs .feature p{color:#666666;}
.vmm-storyjs .feature blockquote,.vmm-storyjs .feature blockquote p{color:#000000;}
.vmm-storyjs .date a,.vmm-storyjs .title a{color:#999999;}
.vmm-storyjs .hyphenate{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;}
.vmm-storyjs h1,.vmm-storyjs h2,.vmm-storyjs h3,.vmm-storyjs h4,.vmm-storyjs h5,.vmm-storyjs h6{font-weight:normal;color:#000000;text-transform:none;}.vmm-storyjs h1 a,.vmm-storyjs h2 a,.vmm-storyjs h3 a,.vmm-storyjs h4 a,.vmm-storyjs h5 a,.vmm-storyjs h6 a{color:#999999;}
.vmm-storyjs h1 small,.vmm-storyjs h2 small,.vmm-storyjs h3 small,.vmm-storyjs h4 small,.vmm-storyjs h5 small,.vmm-storyjs h6 small{color:#999999;}
.vmm-storyjs h1.date,.vmm-storyjs h2.date,.vmm-storyjs h3.date,.vmm-storyjs h4.date,.vmm-storyjs h5.date,.vmm-storyjs h6.date{font-weight:bold;}
.vmm-storyjs h2.start{font-size:36px;line-height:38px;margin-bottom:15px;}
.vmm-storyjs h1{margin-bottom:15px;font-size:32px;line-height:34px;}.vmm-storyjs h1 small{font-size:18px;}
.vmm-storyjs h2{margin-bottom:15px;font-size:28px;line-height:30px;}.vmm-storyjs h2 small{font-size:14px;line-height:16px;}
.vmm-storyjs h2.date{font-size:16px;line-height:18px;margin-bottom:3.75px;color:#999999;}
.vmm-storyjs h3,.vmm-storyjs h4,.vmm-storyjs h5,.vmm-storyjs h6{line-height:40px;}.vmm-storyjs h3 .active,.vmm-storyjs h4 .active,.vmm-storyjs h5 .active,.vmm-storyjs h6 .active{color:#0088cc;}
.vmm-storyjs h3{font-size:28px;line-height:30px;}.vmm-storyjs h3 small{font-size:14px;}
.vmm-storyjs h4{font-size:20px;line-height:22px;}.vmm-storyjs h4 small{font-size:12px;}
.vmm-storyjs h5{font-size:16px;line-height:18px;}
.vmm-storyjs h6{font-size:13px;line-height:14px;text-transform:uppercase;}
.vmm-storyjs strong{font-weight:bold;font-style:inherit;}
.vmm-storyjs em{font-style:italic;font-weight:inherit;}
.vmm-storyjs Q{quotes:'„' '“';font-style:italic;}
.vmm-storyjs blockquote,.vmm-storyjs blockquote p{font-size:28px;line-height:36px;text-align:left;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#000000;}
.vmm-storyjs .credit{color:#999999;text-align:right;font-size:10px;line-height:10px;display:block;margin:0 auto;clear:both;}
.vmm-storyjs .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;}
.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-2px;}
.tooltip.right{margin-left:2px;}
.tooltip.bottom{margin-top:2px;}
.tooltip.left{margin-left:-2px;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;}
@media only screen and (max-width:480px),only screen and (max-device-width:480px){}@media (max-width:600px){.slider .slider-item .content .content-container{display:block;}.slider .slider-item .content .content-container .text{width:100%;max-width:100%;min-width:120px;display:block;}.slider .slider-item .content .content-container .text .container{display:block;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;} .slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:none;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:0px;margin-right:0px;width:100%;display:block;} .slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container{border:none;}}

2
source/less/Core

@ -1 +1 @@
Subproject commit ddf3fd0e9b109355947f4f04ea0a20197ca641bd
Subproject commit 7a6bd077b2c6eb2843db008e9ce60023c0aae841

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

@ -44,26 +44,12 @@
----------------------------------------------------- */
// CSS Reset
@import "../Reset.less";
@import "../Core/VMM.Core.less";
// Core variables and mixins
@import "../Font.Default.less";
@import "../Variables.less";
@import "../Mixins.less";
@import "../GFX.less";
// Grid system and page structure
// Timeline Specific
@import "../VMM.Timeline.Core.less";
@import "../VMM.Slider.less";
@import "../VMM.Timeline.TimeNav.less";
// Typography
@import "../Typography.less";
// Grid system and page structure
@import "../VMM.Timeline.Tooltip.less";
/* MEDIA QUERIES
================================================== */

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

@ -36,295 +36,3 @@
.box-shadow(0 0px 0px rgba(0, 0, 0, 0.25)) !important;
}
/* TIMELINE
================================================== */
.vmm-timeline {
width: 100%;
height:100%;
padding:0px;
margin:0px;
background-color:@color-background;
position: absolute;
z-index:100;
clear:both;
overflow:hidden;
.vmm-clear:before,
.vmm-clear:after {
content:"";
display:table;
}
.vmm-clear:after {
clear:both;
}
.vmm-clear {
*zoom:1;
}
/* FEATURE
================================================== */
.feature {
width: 100%;
.slider {
width: 100%;
float: left;
position: relative;
z-index:10;
padding-top:@base-space;
.box-shadow();
}
}
/* FEEDBACK
================================================== */
.feedback {
position: absolute;
display:table;
overflow:hidden;
top:0px;
left:0px;
z-index:205;
width: 100%;
height:100%;
background-color: @color-base;
}
div.loading {
display:table;
text-align:center;
min-width: 100px;
margin-top:@base-space;
height:100%;
width:100%;
background-color: @color-background;
.loading-container {
display:table-cell;
vertical-align:middle;
.loading-icon {
display:block;
background-repeat:no-repeat;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
text-align:center;
.loading-sprite();
width:28px;
height:28px;
}
.message {
display:block;
}
.message, .message p {
text-align:center;
font-size: @base-font-small;
line-height:@base-font-small + 2;
text-transform: uppercase;
margin-top:@base-space/2;
margin-bottom:@base-space/2;
}
}
}
/* Container
================================================== */
.container.main {
position: absolute;
top:0px;
left:0px;
padding-bottom:3px;
//margin-top:@base-space;
width: auto;
height: auto;
margin:0px;
clear:both;
}
img, embed, object, video, iframe {
max-width: 100%;
}
iframe {
//margin-bottom:5px;
}
img {
max-height:100%;
border: 1px solid @color-credit;
}
a {
color:@color-theme;
text-decoration: none;
}
a:hover {
color:@color-theme-dark;
text-decoration: underline;
}
.vcard {
float:right;
margin-bottom:@base-space;
a {
color: @color-dark-second;
}
a:hover {
text-decoration: none;
.fn {
text-decoration: underline;
}
}
.fn, .nickname {
padding-left: 42px;
}
.fn {
display:block;
font-weight: bold;
}
.nickname {
margin-top:1px;
display:block;
color: @color-dark-third;
}
.avatar {
float:left;
display: block;
width: 32px;
height: 32px;
img {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
}
}
.thumbnail {
width:@base-thumb;
height:@base-thumb;
overflow:hidden;
float:left;
margin:0;
margin-right:1px;
margin-top:6px;
//Fixes for bootstrap sites
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;
}
// fixes for bootstrap sites
a.thumbnail:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.thumbnail.thumb-plaintext {
.icon-plaintext();
}
.thumbnail.thumb-quote {
.icon-quote();
}
.thumbnail.thumb-document {
.icon-document();
}
.thumbnail.thumb-photo {
.icon-photo();
border:0;
img {
border:0px none @color-line !important;
}
}
.thumbnail.thumb-twitter {
.icon-twitter();
}
.thumbnail.thumb-vimeo {
.icon-vimeo();
}
.thumbnail.thumb-youtube {
.icon-youtube();
}
.thumbnail.thumb-video {
.icon-video();
}
.thumbnail.thumb-audio {
.icon-audio();
}
.thumbnail.thumb-map {
.icon-mappin();
}
.thumbnail.thumb-website {
.icon-website();
}
.thumbnail.thumb-link {
.icon-link();
}
.thumbnail.thumb-wikipedia {
.icon-wikipedia();
}
.thumbnail.thumb-storify {
.icon-storify();
}
.thumbnail.thumb-googleplus {
.icon-googleplus();
}
thumbnail.thumb-instagram {
.icon-instagram();
}
thumbnail.thumb-instagram-full {
.icon-instagram-full();
}
.thumb-storify-full {
//display:inline-block;
height:12px;
.icon-storify-full();
}
.thumbnail-inline {
width:16px;
height:14px;
overflow:hidden;
display:inline-block;
margin-right:1px;
margin-left:3px;
margin-top:2px;
//float:left;
.opacity(50);
}
.twitter {
.thumbnail-inline {
.icon-twitter-inline();
}
}
.storify {
.thumbnail-inline {
.icon-storify-inline();
}
}
.googleplus {
.thumbnail-inline {
.icon-googleplus-inline();
}
}
.zFront {
z-index:204;
}
}

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

@ -44,26 +44,12 @@
----------------------------------------------------- */
// CSS Reset
@import "Core/Reset.less";
@import "Core/VMM.Core.less";
// Core variables and mixins
@import "Core/Font.Default.less";
@import "Core/Variables.less";
@import "Core/Mixins.less";
@import "Core/GFX.less";
// Grid system and page structure
// Timeline Specific
@import "VMM.Timeline.Core.less";
@import "Core/VMM.Slider.less";
@import "VMM.Timeline.TimeNav.less";
// Typography
@import "Core/Typography.less";
// Grid system and page structure
@import "Core/VMM.Tooltip.less";
/* MEDIA QUERIES
================================================== */

Write Preview
Loading…
Cancel
Save