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

Merged Canary

pull/127/head
Zach Wise 13 years ago
parent
8fe57ecb3a 9ad67f69a3
commit
726ec0acfa
75 changed files with 2058 additions and 962 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      .gitignore
  2. 20
      README.markdown
  3. 893
      codekit-config.json
  4. 174
      compiled/css/themes/dark.css
  5. 0
      compiled/css/themes/font/AbrilFatface-Average.css
  6. 0
      compiled/css/themes/font/Arvo-PTSans.css
  7. 0
      compiled/css/themes/font/Bevan-PotanoSans.css
  8. 0
      compiled/css/themes/font/BreeSerif-OpenSans.css
  9. 0
      compiled/css/themes/font/DroidSerif-DroidSans.css
  10. 0
      compiled/css/themes/font/Lekton-Molengo.css
  11. 0
      compiled/css/themes/font/Lora-Istok.css
  12. 5
      compiled/css/themes/font/Merriweather-NewsCycle.css
  13. 0
      compiled/css/themes/font/NixieOne-Ledger.css
  14. 0
      compiled/css/themes/font/PTSerif-PTSans.css
  15. 0
      compiled/css/themes/font/Pacifico-Arimo.css
  16. 0
      compiled/css/themes/font/PlayfairDisplay-Muli.css
  17. 0
      compiled/css/themes/font/PoiretOne-Molengo.css
  18. 0
      compiled/css/themes/font/Rancho-Gudea.css
  19. 0
      compiled/css/themes/font/SansitaOne-Kameron.css
  20. BIN
      compiled/css/themes/timeline-dark.png
  21. 0
      compiled/css/themes/timeline-texture.png
  22. 70
      compiled/css/timeline.css
  23. BIN
      compiled/css/timeline.png
  24. 32
      compiled/js/locale/de.js
  25. 32
      compiled/js/locale/en.js
  26. 32
      compiled/js/locale/es.js
  27. 32
      compiled/js/locale/fr.js
  28. 32
      compiled/js/locale/is.js
  29. 32
      compiled/js/locale/it.js
  30. 32
      compiled/js/locale/kr.js
  31. 32
      compiled/js/locale/nl.js
  32. 32
      compiled/js/locale/pt-br.js
  33. 32
      compiled/js/locale/zh-ch.js
  34. 32
      compiled/js/locale/zh-tw.js
  35. 2
      compiled/js/timeline-embed.js
  36. 32
      compiled/js/timeline-min.js
  37. 398
      compiled/js/timeline.js
  38. 0
      compiled/lib/jquery-min.js
  39. 15
      examples/example_googlespreadsheet.html
  40. 13
      examples/example_html.html
  41. 12
      examples/example_json.html
  42. 0
      examples/example_json.json
  43. 15
      examples/example_kitchensink.html
  44. 0
      examples/example_kitchensink.json
  45. 14
      examples/example_language.html
  46. BIN
      examples/template_googlespreadsheet/.DS_Store
  47. BIN
      examples/template_html/.DS_Store
  48. 48
      examples/template_json/index.html
  49. BIN
      source/gfx/timeline.psd
  50. 129
      source/js/VMM.ExternalAPI.js
  51. 6
      source/js/VMM.Library.js
  52. 37
      source/js/VMM.MediaElement.js
  53. 5
      source/js/VMM.MediaType.js
  54. 89
      source/js/VMM.Slider.Slide.js
  55. 41
      source/js/VMM.Slider.js
  56. 2
      source/js/VMM.TImeline.Min.js
  57. 5
      source/js/VMM.Timeline.DataObj.js
  58. 2
      source/js/VMM.Timeline.License.js
  59. 6
      source/js/VMM.Timeline.TimeNav.js
  60. 33
      source/js/VMM.Timeline.js
  61. 22
      source/js/VMM.Util.js
  62. 23
      source/js/VMM.js
  63. 31
      source/js/locale/ja.js
  64. 2
      source/js/locale/pt-br.js
  65. 11
      source/js/timeline-embed.js
  66. 7
      source/less/Font/Merriweather-NewsCycle.less
  67. 10
      source/less/GFX.less
  68. 6
      source/less/Mixins.less
  69. 5
      source/less/Reset.less
  70. 266
      source/less/VMM.Slider.less
  71. 95
      source/less/VMM.Timeline.Core.less
  72. 38
      source/less/VMM.Timeline.TimeNav.less
  73. 9
      source/less/VMM.Timeline.less
  74. 21
      source/less/Variables.less
  75. BIN
      timeline.png

10
.gitignore vendored
Unescape View File

@ -1,12 +1,16 @@
*.DS_Store *.DS_Store
.DS_Store* .DS_Store*
dev_examples/ dev_examples/
cdn/ cdn/
<<<<<<< HEAD
=======
VMM.Timeline.CDN.js
>>>>>>> Canary
*.tmproj *.tmproj
*.tmproject *.tmproject
<<<<<<< HEAD
VMM.Timeline.CDN.js VMM.Timeline.CDN.js
=======
>>>>>>> Canary
tmtags tmtags
source/gfx/Sprites/ source/gfx/Sprites/

20
README.markdown
Unescape View File

@ -1,13 +1,13 @@
# Timeline # TimelineJS
## Document history with Timeline ## Document history with TimelineJS
There are lots of timeline tools on the web but they are almost all either There are lots of timeline tools on the web but they are almost all either
hard on the eyes or hard to use. Create timelines that are at the same time hard on the eyes or hard to use. Create timelines that are at the same time
beautiful and intuitive for users beautiful and intuitive for users
Timeline is great for pulling in media from different sources. Just throw in a TimelineJS is great for pulling in media from different sources. Just throw in a
link from Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and link from Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and
Timeline will format it to fit perfectly. More media types will be supported TimelineJS will format it to fit perfectly. More media types will be supported
in the future. in the future.
Creating one is as easy as filling in a Google spreadsheet or as detailed as Creating one is as easy as filling in a Google spreadsheet or as detailed as
@ -84,7 +84,7 @@ set to true to allow bookmarking slides using the hash tag
### JSON: ### JSON:
JSON is the native data format for Timeline. It is easy enough for “normals” JSON is the native data format for TimelineJS. It is easy enough for “normals”
to use but powerful enough for real nerds to get excited about. to use but powerful enough for real nerds to get excited about.
The thing about JSON is it is picky. A misplaced comma or quotation mark can The thing about JSON is it is picky. A misplaced comma or quotation mark can
@ -95,9 +95,9 @@ JSON file are included in the example data.JSON file.
If you don’t want to mess with JSON, fire up Google Docs and build your If you don’t want to mess with JSON, fire up Google Docs and build your
timeline in a spreadsheet. It’s as simple as dropping a date, text, and links timeline in a spreadsheet. It’s as simple as dropping a date, text, and links
into the appropriate columns in Timeline’s template. into the appropriate columns in TimelineJS’s template.
You can find the template here: [Timeline Google Spreadsheet Template](https://docs.google.com/a/digitalartwork.net/previewtemplate?id=0AppSVxABhnltdEhzQjQ4MlpOaldjTmZLclQxQWFTOUE&mode=public) You can find the template here: [TimelineJS Google Spreadsheet Template](https://docs.google.com/a/digitalartwork.net/previewtemplate?id=0AppSVxABhnltdEhzQjQ4MlpOaldjTmZLclQxQWFTOUE&mode=public)
There are only four things you need to know in order to create a timeline There are only four things you need to know in order to create a timeline
using Google Docs: using Google Docs:
@ -120,7 +120,7 @@ using Google Docs:
changes are made.” Uncheck all other boxes. Click “start publishing.” This changes are made.” Uncheck all other boxes. Click “start publishing.” This
will give you the URL to embed in your HTML file. will give you the URL to embed in your HTML file.
3. Copy/paste the Web URL into your Timeline HTML file 3. Copy/paste the Web URL into your TimelineJS HTML file
After you publish the spreadsheet, Google Docs will generate a link to the After you publish the spreadsheet, Google Docs will generate a link to the
file. Copy the link for the Web Page option (as opposed to PDF, HTML, XLS, file. Copy the link for the Web Page option (as opposed to PDF, HTML, XLS,
etc.), then paste it into the timeline’s HTML file: etc.), then paste it into the timeline’s HTML file:
@ -143,7 +143,7 @@ incorporate the different media types from different services like Twitter,
YouTube, Flickr, SoundCloud and Vimeo. YouTube, Flickr, SoundCloud and Vimeo.
Twitter: Just copy and paste the address of the tweet from the browser bar Twitter: Just copy and paste the address of the tweet from the browser bar
into the media parameter. Timeline will auto-magically pull in the tweet and into the media parameter. TimelineJS will auto-magically pull in the tweet and
format it so that it looks beautiful. format it so that it looks beautiful.
For Flickr, SoundCloud, YouTube, and Vimeo just copy the URL and paste it into For Flickr, SoundCloud, YouTube, and Vimeo just copy the URL and paste it into
@ -151,7 +151,7 @@ the media parameter.
## Best practices ## Best practices
Tips and tricks to best utilize Timeline Tips and tricks to best utilize TimelineJS
1. Keep it light - don’t get bogged down by text or other elements 1. Keep it light - don’t get bogged down by text or other elements
2. Pick stories that have a strong chronological narrative. It does not work well for stories that need to jump around in the timeline. 2. Pick stories that have a strong chronological narrative. It does not work well for stories that need to jump around in the timeline.

893
codekit-config.json
View File

File diff suppressed because it is too large Load Diff

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

@ -0,0 +1,174 @@
.vmm-timeline{}.vmm-timeline div *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.vmm-timeline h1,.vmm-timeline h2,.vmm-timeline h3,.vmm-timeline h4,.vmm-timeline h5,.vmm-timeline h6,.vmm-timeline p,.vmm-timeline blockquote,.vmm-timeline pre,.vmm-timeline a,.vmm-timeline abbr,.vmm-timeline acronym,.vmm-timeline address,.vmm-timeline cite,.vmm-timeline code,.vmm-timeline del,.vmm-timeline dfn,.vmm-timeline em,.vmm-timeline img,.vmm-timeline q,.vmm-timeline s,.vmm-timeline samp,.vmm-timeline small,.vmm-timeline strike,.vmm-timeline strong,.vmm-timeline sub,.vmm-timeline sup,.vmm-timeline tt,.vmm-timeline var,.vmm-timeline dd,.vmm-timeline dl,.vmm-timeline dt,.vmm-timeline li,.vmm-timeline ol,.vmm-timeline ul,.vmm-timeline fieldset,.vmm-timeline form,.vmm-timeline label,.vmm-timeline legend,.vmm-timeline button,.vmm-timeline table,.vmm-timeline caption,.vmm-timeline tbody,.vmm-timeline tfoot,.vmm-timeline thead,.vmm-timeline tr,.vmm-timeline th,.vmm-timeline td,.vmm-timeline .container,.vmm-timeline .content-container,.vmm-timeline .media,.vmm-timeline .text,.vmm-timeline .slider,.vmm-timeline .date,.vmm-timeline .title,.vmm-timeline .messege,.vmm-timeline .map,.vmm-timeline .credit,.vmm-timeline .caption,.vmm-timeline .feedback,.vmm-timeline .feature,.vmm-timeline .toolbar,.vmm-timeline .marker,.vmm-timeline .dot,.vmm-timeline .line,.vmm-timeline .flag,.vmm-timeline .time,.vmm-timeline .era,.vmm-timeline .major,.vmm-timeline .minor,.vmm-timeline .navigation,.vmm-timeline .start,.vmm-timeline .active{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
.vmm-timeline table{border-collapse:collapse;border-spacing:0;}
.vmm-timeline ol,.vmm-timeline ul{list-style:none;}
.vmm-timeline q:before,.vmm-timeline q:after,.vmm-timeline blockquote:before,.vmm-timeline blockquote:after{content:"";}
.vmm-timeline a:focus{outline:thin dotted;}
.vmm-timeline a:hover,.vmm-timeline a:active{outline:0;}
.vmm-timeline article,.vmm-timeline aside,.vmm-timeline details,.vmm-timeline figcaption,.vmm-timeline figure,.vmm-timeline footer,.vmm-timeline header,.vmm-timeline hgroup,.vmm-timeline nav,.vmm-timeline section{display:block;}
.vmm-timeline audio,.vmm-timeline canvas,.vmm-timeline video{display:inline-block;*display:inline;*zoom:1;}
.vmm-timeline audio:not([controls]){display:none;}
.vmm-timeline div{max-width:none;}
.vmm-timeline sub,.vmm-timeline sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
.vmm-timeline sup{top:-0.5em;}
.vmm-timeline sub{bottom:-0.25em;}
.vmm-timeline img{border:0;-ms-interpolation-mode:bicubic;}
.vmm-timeline button,.vmm-timeline input,.vmm-timeline select,.vmm-timeline textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
.vmm-timeline button,.vmm-timeline input{line-height:normal;*overflow:visible;}
.vmm-timeline button::-moz-focus-inner,.vmm-timeline input::-moz-focus-inner{border:0;padding:0;}
.vmm-timeline button,.vmm-timeline input[type="button"],.vmm-timeline input[type="reset"],.vmm-timeline input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
.vmm-timeline input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.vmm-timeline input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
.vmm-timeline textarea{overflow:auto;vertical-align:top;}
.vmm-timeline{font-family:"Georgia",Times New Roman,Times,serif;}.vmm-timeline .twitter,.vmm-timeline .messege,.vmm-timeline .credit,.vmm-timeline .caption,.vmm-timeline .zoom-in,.vmm-timeline .zoom-out,.vmm-timeline .back-home,.vmm-timeline .time-interval div,.vmm-timeline .time-interval-major div,.vmm-timeline .nav-container{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.vmm-timeline h1.date,.vmm-timeline h2.date,.vmm-timeline h3.date,.vmm-timeline h4.date,.vmm-timeline h5.date,.vmm-timeline h6.date{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.vmm-timeline .timenav h1,.vmm-timeline .flag-content h1,.vmm-timeline .era h1,.vmm-timeline .timenav h2,.vmm-timeline .flag-content h2,.vmm-timeline .era h2,.vmm-timeline .timenav h3,.vmm-timeline .flag-content h3,.vmm-timeline .era h3,.vmm-timeline .timenav h4,.vmm-timeline .flag-content h4,.vmm-timeline .era h4,.vmm-timeline .timenav h5,.vmm-timeline .flag-content h5,.vmm-timeline .era h5,.vmm-timeline .timenav h6,.vmm-timeline .flag-content h6,.vmm-timeline .era h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.vmm-timeline p,.vmm-timeline blockquote,.vmm-timeline blockquote p,.vmm-timeline .twitter blockquote p{font-family:"Georgia",Times New Roman,Times,serif !important;}
.vmm-timeline .feature h1,.vmm-timeline .feature h2,.vmm-timeline .feature h3,.vmm-timeline .feature h4,.vmm-timeline .feature h5,.vmm-timeline .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);}
.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 .feedback{position:absolute;display:table;overflow:hidden;top:0px;left:0px;z-index:205;width:100%;height:100%;background-color:#262626;border:1px solid #333333;}.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%;}
.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 .thumbnail{width:24px;height:24px;overflow:hidden;float:left;margin-right:1px;margin-top:6px;}
.vmm-timeline .thumbnail.thumb-plaintext{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-232px -48px;}
.vmm-timeline .thumbnail.thumb-document{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-256px -48px;}
.vmm-timeline .thumbnail.thumb-photo{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-280px -24px;border:0;}.vmm-timeline .thumbnail.thumb-photo img{border:0px none #333333 !important;}
.vmm-timeline .thumbnail.thumb-twitter{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-256px -24px;}
.vmm-timeline .thumbnail.thumb-vimeo{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px -48px;}
.vmm-timeline .thumbnail.thumb-youtube{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px -72px;}
.vmm-timeline .thumbnail.thumb-video{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px -24px;}
.vmm-timeline .thumbnail.thumb-audio{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-304px -24px;}
.vmm-timeline .thumbnail.thumb-map{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-208px -48px;}
.vmm-timeline .thumbnail.thumb-website{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-232px -24px;}
.vmm-timeline .thumbnail.thumb-wikipedia{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-184px -48px;}
.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%;}
.slider .nav-previous,.slider .nav-next{position:absolute;top:0px;width:100px;color:#DBDBDB;font-size:11px;}.slider .nav-previous .nav-container,.slider .nav-next .nav-container{height:100px;position:absolute;}
.slider .nav-previous .icon,.slider .nav-next .icon{margin-top:12px;margin-bottom:15px;}
.slider .nav-previous .date,.slider .nav-next .date{font-size:15px;font-weight:bold;line-height:20px;text-transform:uppercase;margin-bottom:5px;}
.slider .nav-previous .date,.slider .nav-next .date,.slider .nav-previous .title,.slider .nav-next .title{line-height:14px;}.slider .nav-previous .date a,.slider .nav-next .date a,.slider .nav-previous .title a,.slider .nav-next .title a{color:#999999;}
.slider .nav-previous .date small,.slider .nav-next .date small,.slider .nav-previous .title small,.slider .nav-next .title small{display:none;}
.slider .nav-previous:hover,.slider .nav-next:hover{color:#aaaaaa;cursor:pointer;}
.slider .nav-previous{float:left;text-align:left;}.slider .nav-previous .icon{margin-left:15px;height:24px;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-160px 0;width:24px;height:24px;overflow:hidden;}
.slider .nav-previous .date,.slider .nav-previous .title{text-align:left;padding-left:15px;}
.slider .nav-previous:hover .icon{margin-left:10px;}
.slider .nav-next{float:right;text-align:right;}.slider .nav-next .icon{margin-left:61px;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-184px 0;width:24px;height:24px;height:24px;overflow:hidden;}
.slider .nav-next .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-x:hidden;overflow-y:auto;}.slider .slider-item .content{display:table-cell;vertical-align:middle;}.slider .slider-item .content .pad-top .text .container{padding-top:15px;}
.slider .slider-item .content .pad-right .text .container{padding-right:15px;}
.slider .slider-item .content .pad-left .text .container{padding-left:30px;}
.slider .slider-item .content .pad-left .media.text-media .media-wrapper .media-container{border:none;background-color:#1a1a1a;}
.slider .slider-item .content .content-container{display:table;vertical-align:middle;}.slider .slider-item .content .content-container .text{width:40%;max-width:50%;min-width:120px;display:table-cell;vertical-align:middle;}.slider .slider-item .content .content-container .text .container{display:table-cell;vertical-align:middle;text-align:left;}.slider .slider-item .content .content-container .text .container p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;}
.slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:left;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:auto;margin-right:auto;}.slider .slider-item .content .content-container .media .media-wrapper .media-container{display:inline-block;line-height:0px;padding:0px;max-height:100%;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img{border:1px solid;border-color:#333333 #999999 #999999 #333333;background:#1a1a1a;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .soundcloud{border:0;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image{display:inline-block;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow{position:relative;z-index:1;background:#1a1a1a;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:before,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#999999;-webkit-box-shadow:0 15px 10px #999999;-moz-box-shadow:0 15px 10px #999999;box-shadow:0 15px 10px #999999;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow::after{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);right:10px;left:auto;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container span.messege{display:block;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background:#1a1a1a;font-size:28px;font-weight:bold;text-transform:uppercase;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text{display:table;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container{display:table-cell;vertical-align:middle;font-size:15px;line-height:20px;color:#aaaaaa;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container p{margin-bottom:20px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter{text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter blockquote{font-size:15px;line-height:20px;color:#aaaaaa;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter blockquote p{font-size:28px;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#1a1a1a;color:#ffffff;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter blockquote .quote-mark{color:#aaaaaa;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .created-at{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-256px -24px;width:24px;height:24px;overflow:hidden;margin-left:15px;display:inline-block;float:right;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .created-at:hover{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard{float:right;margin-bottom:15px;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard a{color:#aaaaaa;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard a:hover{text-decoration:none;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard a:hover .fn{text-decoration:underline;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .fn,.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .nickname{padding-left:42px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .fn{display:block;font-weight:bold;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .nickname{margin-top:3px;display:block;color:#aaaaaa;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .avatar{float:left;display:block;width:32px;height:32px;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia{font-size:15px;line-height:20px;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia .wiki-source{margin-bottom:15px;font-size:13px;line-height:19px;font-style:italic;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4{border-bottom:1px solid #333333;margin-bottom:5px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4 a{color:#ffffff;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4 a:hover{color:#0bd4e3;text-decoration:none;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia p{font-size:13px;line-height:19px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .map{line-height:normal;z-index:200;text-align:left;background-color:#1a1a1a;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map img{max-height:none !important;max-width:none !important;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .google-map{height:100%;width:100%;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution{position:absolute;z-index:201;bottom:0px;width:100%;overflow:hidden;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text{height:19px;overflow:hidden;-webkit-user-select:none;line-height:19px;margin-right:60px;padding-left:65px;font-family:Arial,sans-serif;font-size:10px;color:#444;white-space:nowrap;color:#1a1a1a;text-shadow:1px 1px 1px #aaaaaa;text-align:center;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text a{color:#1a1a1a !important;}
.slider .slider-item .content .content-container .media .media-wrapper .credit{color:#999999;text-align:right;display:block;margin:0 auto;margin-top:6px;font-size:10px;line-height:13px;}
.slider .slider-item .content .content-container .media .media-wrapper .caption{text-align:left;margin-top:10px;color:#aaaaaa;font-size:11px;line-height:14px;text-rendering:optimizeLegibility;}
.slider .slider-item .content .media.text-media .media-wrapper .media-container{border:none;background-color:#1a1a1a;}
.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{display:block;}.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%;}
.vmm-timeline .navigation{clear:both;cursor:move;width:100%;height:200px;border-top:1px solid #e3e3e3;position:relative;}.vmm-timeline .navigation .toolbar{position:absolute;top:45px;left:0px;z-index:202;background-color:#1a1a1a;border:1px solid #333333;-webkit-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);}.vmm-timeline .navigation .toolbar .zoom-in,.vmm-timeline .navigation .toolbar .zoom-out,.vmm-timeline .navigation .toolbar .back-home{font-weight:normal;font-size:10px;line-height:20px;top:0px;z-index:202;width:18px;height:18px;color:#aaaaaa;text-align:center;font-weight:bold;border:1px solid #1a1a1a;padding:5px;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
.vmm-timeline .navigation .toolbar .zoom-in:hover,.vmm-timeline .navigation .toolbar .zoom-out:hover,.vmm-timeline .navigation .toolbar .back-home:hover{color:#0bd4e3;cursor:pointer;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.vmm-timeline .navigation .toolbar .zoom-in .icon{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-256px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .zoom-out .icon{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-280px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .back-home .icon{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-328px 0;width:24px;height:24px;}
.vmm-timeline .navigation .timenav-background{position:absolute;cursor:move;top:0px;left:0px;height:150px;width:100%;background-color:#262626;}.vmm-timeline .navigation .timenav-background .timenav-interval-background{position:absolute;top:151px;left:0px;background:#1a1a1a;width:100%;height:49px;-webkit-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);-moz-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);}.vmm-timeline .navigation .timenav-background .timenav-interval-background .top-highlight{position:absolute;top:-1px;left:0px;z-index:30;width:100%;height:1px;background:#1a1a1a;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);}
.vmm-timeline .navigation .timenav-background .timenav-line{position:absolute;top:0px;left:50%;width:3px;height:150px;background:#0bd4e3;z-index:201;-webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);}
.vmm-timeline .navigation .timenav-background .timenav-indicator{position:absolute;top:-1px;left:50%;z-index:202;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;}
.vmm-timeline .navigation .timenav{position:absolute;top:0px;left:-250px;z-index:1;}.vmm-timeline .navigation .timenav .content{position:relative;}.vmm-timeline .navigation .timenav .content .marker.start{display:none;}
.vmm-timeline .navigation .timenav .content .marker.active .dot{background:#0bd4e3;z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active .line{z-index:199;background:#0bd4e3;width:1px;}.vmm-timeline .navigation .timenav .content .marker.active .line .event-line{background:#0bd4e3;filter:alpha(opacity=75);-khtml-opacity:0.75;-moz-opacity:0.75;opacity:0.75;}
.vmm-timeline .navigation .timenav .content .marker.active .flag{z-index:200;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content h3{color:#0bd4e3;}
.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker.active .flag.row1,.vmm-timeline .navigation .timenav .content .marker.active .flag.row2,.vmm-timeline .navigation .timenav .content .marker.active .flag.row3{z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h3{color:#0bd4e3;}
.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h4{color:#999999;}
.vmm-timeline .navigation .timenav .content .marker:hover .line{z-index:24;background:#999999;}
.vmm-timeline .navigation .timenav .content .marker{position:absolute;top:0px;left:150px;display:block;}.vmm-timeline .navigation .timenav .content .marker .dot{position:absolute;top:150px;left:0px;display:block;width:6px;height:6px;background:#aaaaaa;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:21;}
.vmm-timeline .navigation .timenav .content .marker .line{position:absolute;top:0px;left:3px;width:1px;height:150px;background:#333333;-moz-box-shadow:1px 0 0 #1a1a1a;-webkit-box-shadow:1px 0 0 #1a1a1a;box-shadow:1px 0 0 #1a1a1a;z-index:22;}.vmm-timeline .navigation .timenav .content .marker .line .event-line{position:absolute;z-index:22;left:0px;height:1px;width:1px;background:#0bd4e3;filter:alpha(opacity=15);-khtml-opacity:0.15;-moz-opacity:0.15;opacity:0.15;}
.vmm-timeline .navigation .timenav .content .marker .flag{position:absolute;top:15px;left:3px;padding:0px;display:block;z-index:23;width:153px;height:56px;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 0;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content{padding:0px 7px 2px 6px;overflow:hidden;height:36px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3{font-weight:bold;font-size:15px;line-height:20px;font-size:11px;line-height:11px;color:#999999;margin-top:5px;margin-bottom:2px;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4{display:none;font-weight:normal;font-size:15px;line-height:20px;margin-top:5px;font-size:10px;line-height:10px;color:#aaaaaa;}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4 small{display:none;}
.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail{margin-bottom:15px;margin-right:3px;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail img{width:22px;height:22px;max-height:none;max-width:none;border:0;border:1px solid #999999;padding:0;margin:0;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover{cursor:pointer;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -53px;width:153px;height:53px;}.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h3{color:#aaaaaa;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h4{color:#aaaaaa;}
.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content .thumbnail{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.vmm-timeline .navigation .timenav .content .marker .flag.row1{z-index:25;top:48px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row2{z-index:24;top:96px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row3{z-index:23;top:1px;}
.vmm-timeline .navigation .timenav .content .marker .flag.zFront{z-index:201;}
.vmm-timeline .navigation .timenav .content .era{position:absolute;top:138px;left:150px;height:12px;display:block;background:#0bd4e3;overflow:hidden;border-left:1px solid #333333;border-right:1px solid #333333;border-top:1px solid #333333;filter:alpha(opacity=75);-khtml-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;z-index:-10;}.vmm-timeline .navigation .timenav .content .era h3{font-weight:bold;font-size:10px;line-height:10px;color:#1a1a1a;position:absolute;top:-1px;left:9px;}
.vmm-timeline .navigation .timenav .time{position:absolute;left:0px;top:150px;height:50px;background-color:#1a1a1a;}.vmm-timeline .navigation .timenav .time .time-interval-minor{max-width:none;height:6px;white-space:nowrap;position:absolute;top:-9px;left:8px;z-index:10;}.vmm-timeline .navigation .timenav .time .time-interval-minor .minor{position:relative;top:2px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);width:100px;height:6px;background-position:center top;white-space:nowrap;color:#aaaaaa;margin-top:0px;padding-top:0px;}
.vmm-timeline .navigation .timenav .time .time-interval{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:3px;position:absolute;height:3px;left:0px;display:block;font-weight:normal;font-size:10px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#aaaaaa;margin-left:0px;margin-right:0px;margin-top:1px;z-index:2;}.vmm-timeline .navigation .timenav .time .time-interval div strong{font-weight:bold;color:#ffffff;}
.vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#aaaaaa;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#ffffff;}
.vmm-timeline{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-timeline p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#aaaaaa;}.vmm-timeline p small{font-size:12px;line-height:17px;}
.vmm-timeline p:first-child{margin-top:20px;}
.vmm-timeline .navigation p{color:#999999;}
.vmm-timeline .feature h3,.vmm-timeline .feature h4,.vmm-timeline .feature h5,.vmm-timeline .feature h6{margin-bottom:15px;}
.vmm-timeline .feature p{color:#aaaaaa;}
.vmm-timeline .date a,.vmm-timeline .title a{color:#999999;}
.vmm-timeline h1,.vmm-timeline h2,.vmm-timeline h3,.vmm-timeline h4,.vmm-timeline h5,.vmm-timeline h6{font-weight:normal;color:#ffffff;text-transform:none;}.vmm-timeline h1 a,.vmm-timeline h2 a,.vmm-timeline h3 a,.vmm-timeline h4 a,.vmm-timeline h5 a,.vmm-timeline h6 a{color:#999999;}
.vmm-timeline h1 small,.vmm-timeline h2 small,.vmm-timeline h3 small,.vmm-timeline h4 small,.vmm-timeline h5 small,.vmm-timeline h6 small{color:#999999;}
.vmm-timeline h1.date,.vmm-timeline h2.date,.vmm-timeline h3.date,.vmm-timeline h4.date,.vmm-timeline h5.date,.vmm-timeline h6.date{font-weight:bold;}
.vmm-timeline h2.start{font-size:42px;line-height:44px;margin-bottom:15px;}
.vmm-timeline h1{margin-bottom:15px;font-size:32px;line-height:34px;}.vmm-timeline h1 small{font-size:18px;}
.vmm-timeline h2{margin-bottom:15px;font-size:28px;line-height:30px;}.vmm-timeline h2 small{font-size:14px;line-height:16px;}
.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 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{font-size:28px;text-align:left;line-height:36px;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;}
.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;} .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 .media-wrapper .media-container img,.slider .slider-item .content .content-container .media .media-wrapper .media-container iframe{width:100%;} .slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container{border:none;background-color:#1a1a1a;}}

0
themes/font/AbrilFatface-Average.css → compiled/css/themes/font/AbrilFatface-Average.css
Unescape View File

0
themes/font/Arvo-PTSans.css → compiled/css/themes/font/Arvo-PTSans.css
Unescape View File

0
themes/font/Bevan-PotanoSans.css → compiled/css/themes/font/Bevan-PotanoSans.css
Unescape View File

0
themes/font/BreeSerif-OpenSans.css → compiled/css/themes/font/BreeSerif-OpenSans.css
Unescape View File

0
themes/font/DroidSerif-DroidSans.css → compiled/css/themes/font/DroidSerif-DroidSans.css
Unescape View File

0
themes/font/Lekton-Molengo.css → compiled/css/themes/font/Lekton-Molengo.css
Unescape View File

0
themes/font/Lora-Istok.css → compiled/css/themes/font/Lora-Istok.css
Unescape View File

5
themes/font/Merriweather-NewsCycle.css → compiled/css/themes/font/Merriweather-NewsCycle.css
Unescape View File

@ -1,6 +1,7 @@
.vmm-timeline{font-family:'Merriweather',serif;}.vmm-timeline .twitter,.vmm-timeline .messege,.vmm-timeline .credit,.vmm-timeline .caption,.vmm-timeline .zoom-in,.vmm-timeline .zoom-out,.vmm-timeline .back-home,.vmm-timeline .time-interval div,.vmm-timeline .time-interval-major div,.vmm-timeline .nav-container{font-family:'News Cycle',sans-serif !important;} .vmm-timeline{font-family:'Merriweather',serif;}.vmm-timeline .twitter,.vmm-timeline .messege,.vmm-timeline .credit,.vmm-timeline .caption,.vmm-timeline .zoom-in,.vmm-timeline .zoom-out,.vmm-timeline .back-home,.vmm-timeline .time-interval div,.vmm-timeline .time-interval-major div,.vmm-timeline .nav-container{font-family:'News Cycle',sans-serif !important;}
.vmm-timeline .feature h1.date,.vmm-timeline .feature h2.date,.vmm-timeline .feature h3.date,.vmm-timeline .feature h4.date,.vmm-timeline .feature h5.date,.vmm-timeline .feature h6.date{font-family:'News Cycle',sans-serif !important;} .vmm-timeline .feature h1.date,.vmm-timeline .feature h2.date,.vmm-timeline .feature h3.date,.vmm-timeline .feature h4.date,.vmm-timeline .feature h5.date,.vmm-timeline .feature h6.date{font-family:'News Cycle',sans-serif !important;}
.vmm-timeline .timenav h1,.vmm-timeline .flag-content h1,.vmm-timeline .era h1,.vmm-timeline .timenav h2,.vmm-timeline .flag-content h2,.vmm-timeline .era h2,.vmm-timeline .timenav h3,.vmm-timeline .flag-content h3,.vmm-timeline .era h3,.vmm-timeline .timenav h4,.vmm-timeline .flag-content h4,.vmm-timeline .era h4,.vmm-timeline .timenav h5,.vmm-timeline .flag-content h5,.vmm-timeline .era h5,.vmm-timeline .timenav h6,.vmm-timeline .flag-content h6,.vmm-timeline .era h6{font-family:'News Cycle',sans-serif !important;} .vmm-timeline .timenav h1,.vmm-timeline .flag-content h1,.vmm-timeline .era h1,.vmm-timeline .timenav h2,.vmm-timeline .flag-content h2,.vmm-timeline .era h2,.vmm-timeline .timenav h3,.vmm-timeline .flag-content h3,.vmm-timeline .era h3,.vmm-timeline .timenav h4,.vmm-timeline .flag-content h4,.vmm-timeline .era h4,.vmm-timeline .timenav h5,.vmm-timeline .flag-content h5,.vmm-timeline .era h5,.vmm-timeline .timenav h6,.vmm-timeline .flag-content h6,.vmm-timeline .era h6{font-family:'News Cycle',sans-serif !important;}
.vmm-timeline p,.vmm-timeline blockquote,.vmm-timeline blockquote p,.vmm-timeline .twitter blockquote p{font-family:'Merriweather',serif !important;} .vmm-timeline p,.vmm-timeline blockquote,.vmm-timeline blockquote p,.vmm-timeline .twitter blockquote p{font-family:'News Cycle',sans-serif !important;}
.vmm-timeline .feature h1,.vmm-timeline .feature h2,.vmm-timeline .feature h3,.vmm-timeline .feature h4,.vmm-timeline .feature h5,.vmm-timeline .feature h6{font-family:'Merriweather',serif;} .vmm-timeline p{font-size:16px;line-height:22px;}
.vmm-timeline .feature h1,.vmm-timeline .feature h2,.vmm-timeline .feature h3,.vmm-timeline .feature h4,.vmm-timeline .feature h5,.vmm-timeline .feature h6{font-family:'Merriweather',serif;font-weight:900;}
.tooltip{font-family:'News Cycle',sans-serif;} .tooltip{font-family:'News Cycle',sans-serif;}

0
themes/font/NixieOne-Ledger.css → compiled/css/themes/font/NixieOne-Ledger.css
Unescape View File

0
themes/font/PTSerif-PTSans.css → compiled/css/themes/font/PTSerif-PTSans.css
Unescape View File

0
themes/font/Pacifico-Arimo.css → compiled/css/themes/font/Pacifico-Arimo.css
Unescape View File

0
themes/font/PlayfairDisplay-Muli.css → compiled/css/themes/font/PlayfairDisplay-Muli.css
Unescape View File

0
themes/font/PoiretOne-Molengo.css → compiled/css/themes/font/PoiretOne-Molengo.css
Unescape View File

0
themes/font/Rancho-Gudea.css → compiled/css/themes/font/Rancho-Gudea.css
Unescape View File

0
themes/font/SansitaOne-Kameron.css → compiled/css/themes/font/SansitaOne-Kameron.css
Unescape View File

BIN
compiled/css/themes/timeline-dark.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

0
themes/timeline-texture.png → compiled/css/themes/timeline-texture.png
Unescape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB

70
timeline.css → compiled/css/timeline.css
Unescape View File

@ -1,4 +1,5 @@
.vmm-timeline{}.vmm-timeline h1,.vmm-timeline h2,.vmm-timeline h3,.vmm-timeline h4,.vmm-timeline h5,.vmm-timeline h6,.vmm-timeline p,.vmm-timeline blockquote,.vmm-timeline pre,.vmm-timeline a,.vmm-timeline abbr,.vmm-timeline acronym,.vmm-timeline address,.vmm-timeline cite,.vmm-timeline code,.vmm-timeline del,.vmm-timeline dfn,.vmm-timeline em,.vmm-timeline img,.vmm-timeline q,.vmm-timeline s,.vmm-timeline samp,.vmm-timeline small,.vmm-timeline strike,.vmm-timeline strong,.vmm-timeline sub,.vmm-timeline sup,.vmm-timeline tt,.vmm-timeline var,.vmm-timeline dd,.vmm-timeline dl,.vmm-timeline dt,.vmm-timeline li,.vmm-timeline ol,.vmm-timeline ul,.vmm-timeline fieldset,.vmm-timeline form,.vmm-timeline label,.vmm-timeline legend,.vmm-timeline button,.vmm-timeline table,.vmm-timeline caption,.vmm-timeline tbody,.vmm-timeline tfoot,.vmm-timeline thead,.vmm-timeline tr,.vmm-timeline th,.vmm-timeline td,.vmm-timeline .container,.vmm-timeline .content-container,.vmm-timeline .media,.vmm-timeline .text,.vmm-timeline .slider,.vmm-timeline .date,.vmm-timeline .title,.vmm-timeline .messege,.vmm-timeline .map,.vmm-timeline .credit,.vmm-timeline .caption,.vmm-timeline .feedback,.vmm-timeline .feature,.vmm-timeline .toolbar,.vmm-timeline .marker,.vmm-timeline .dot,.vmm-timeline .line,.vmm-timeline .flag,.vmm-timeline .time,.vmm-timeline .era,.vmm-timeline .major,.vmm-timeline .minor,.vmm-timeline .navigation,.vmm-timeline .start,.vmm-timeline .active{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;} .vmm-timeline{}.vmm-timeline div *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.vmm-timeline h1,.vmm-timeline h2,.vmm-timeline h3,.vmm-timeline h4,.vmm-timeline h5,.vmm-timeline h6,.vmm-timeline p,.vmm-timeline blockquote,.vmm-timeline pre,.vmm-timeline a,.vmm-timeline abbr,.vmm-timeline acronym,.vmm-timeline address,.vmm-timeline cite,.vmm-timeline code,.vmm-timeline del,.vmm-timeline dfn,.vmm-timeline em,.vmm-timeline img,.vmm-timeline q,.vmm-timeline s,.vmm-timeline samp,.vmm-timeline small,.vmm-timeline strike,.vmm-timeline strong,.vmm-timeline sub,.vmm-timeline sup,.vmm-timeline tt,.vmm-timeline var,.vmm-timeline dd,.vmm-timeline dl,.vmm-timeline dt,.vmm-timeline li,.vmm-timeline ol,.vmm-timeline ul,.vmm-timeline fieldset,.vmm-timeline form,.vmm-timeline label,.vmm-timeline legend,.vmm-timeline button,.vmm-timeline table,.vmm-timeline caption,.vmm-timeline tbody,.vmm-timeline tfoot,.vmm-timeline thead,.vmm-timeline tr,.vmm-timeline th,.vmm-timeline td,.vmm-timeline .container,.vmm-timeline .content-container,.vmm-timeline .media,.vmm-timeline .text,.vmm-timeline .slider,.vmm-timeline .date,.vmm-timeline .title,.vmm-timeline .messege,.vmm-timeline .map,.vmm-timeline .credit,.vmm-timeline .caption,.vmm-timeline .feedback,.vmm-timeline .feature,.vmm-timeline .toolbar,.vmm-timeline .marker,.vmm-timeline .dot,.vmm-timeline .line,.vmm-timeline .flag,.vmm-timeline .time,.vmm-timeline .era,.vmm-timeline .major,.vmm-timeline .minor,.vmm-timeline .navigation,.vmm-timeline .start,.vmm-timeline .active{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
.vmm-timeline table{border-collapse:collapse;border-spacing:0;} .vmm-timeline table{border-collapse:collapse;border-spacing:0;}
.vmm-timeline ol,.vmm-timeline ul{list-style:none;} .vmm-timeline ol,.vmm-timeline ul{list-style:none;}
.vmm-timeline q:before,.vmm-timeline q:after,.vmm-timeline blockquote:before,.vmm-timeline blockquote:after{content:"";} .vmm-timeline q:before,.vmm-timeline q:after,.vmm-timeline blockquote:before,.vmm-timeline blockquote:after{content:"";}
@ -25,7 +26,7 @@
.vmm-timeline p,.vmm-timeline blockquote,.vmm-timeline blockquote p,.vmm-timeline .twitter blockquote p{font-family:"Georgia",Times New Roman,Times,serif !important;} .vmm-timeline p,.vmm-timeline blockquote,.vmm-timeline blockquote p,.vmm-timeline .twitter blockquote p{font-family:"Georgia",Times New Roman,Times,serif !important;}
.vmm-timeline .feature h1,.vmm-timeline .feature h2,.vmm-timeline .feature h3,.vmm-timeline .feature h4,.vmm-timeline .feature h5,.vmm-timeline .feature h6{font-family:"Georgia",Times New Roman,Times,serif;} .vmm-timeline .feature h1,.vmm-timeline .feature h2,.vmm-timeline .feature h3,.vmm-timeline .feature h4,.vmm-timeline .feature h5,.vmm-timeline .feature h6{font-family:"Georgia",Times New Roman,Times,serif;}
.tooltip{font-family:"Helvetica Neue",Helvetica,Arial,sans-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;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);box-shadow:1px 2px 6px rgba(0, 0, 0, 0.25);} #timeline-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);}
.vmm-timeline{width:100%;height:100%;padding:0px;margin:0px;background-color:#ffffff;position:absolute;z-index:100;clear:both;overflow:hidden;} .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 .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:#e9e9e9;border:1px solid #cccccc;}.vmm-timeline .feedback .messege{display:table-cell;vertical-align:middle;font-size:15px;font-weight:normal;line-height:20px;width:75%;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;text-align:center;} .vmm-timeline .feedback{position:absolute;display:table;overflow:hidden;top:0px;left:0px;z-index:205;width:100%;height:100%;background-color:#e9e9e9;border:1px solid #cccccc;}.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;}
@ -34,17 +35,6 @@
.vmm-timeline img{max-height:100%;border:1px solid #999999;} .vmm-timeline img{max-height:100%;border:1px solid #999999;}
.vmm-timeline a{color:#0088cc;text-decoration:none;} .vmm-timeline a{color:#0088cc;text-decoration:none;}
.vmm-timeline a:hover{color:#005580;text-decoration:underline;} .vmm-timeline a:hover{color:#005580;text-decoration:underline;}
.vmm-timeline .twitter{text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.vmm-timeline .twitter blockquote{font-size:15px;line-height:20px;color:#666666;}.vmm-timeline .twitter blockquote p{font-size:28px;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#000000;}
.vmm-timeline .twitter blockquote .quote-mark{color:#666666;}
.vmm-timeline .twitter .created-at{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-256px -24px;width:24px;height:24px;overflow:hidden;margin-left:15px;display:inline-block;float:right;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}
.vmm-timeline .twitter .created-at:hover{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.vmm-timeline .twitter .vcard{float:right;margin-bottom:15px;}.vmm-timeline .twitter .vcard a{color:#333333;}
.vmm-timeline .twitter .vcard a:hover{text-decoration:none;}.vmm-timeline .twitter .vcard a:hover .fn{text-decoration:underline;}
.vmm-timeline .twitter .vcard .fn,.vmm-timeline .twitter .vcard .nickname{padding-left:42px;}
.vmm-timeline .twitter .vcard .fn{display:block;font-weight:bold;}
.vmm-timeline .twitter .vcard .nickname{margin-top:3px;display:block;color:#666666;}
.vmm-timeline .twitter .vcard .avatar{float:left;display:block;width:32px;height:32px;}.vmm-timeline .twitter .vcard .avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.vmm-timeline .layout-media .twitter{max-width:70%;}
.vmm-timeline .thumbnail{width:24px;height:24px;overflow:hidden;float:left;margin-right:1px;margin-top:6px;} .vmm-timeline .thumbnail{width:24px;height:24px;overflow:hidden;float:left;margin-right:1px;margin-top:6px;}
.vmm-timeline .thumbnail.thumb-plaintext{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-280px -48px;} .vmm-timeline .thumbnail.thumb-plaintext{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-280px -48px;}
.vmm-timeline .thumbnail.thumb-quote{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-232px -48px;} .vmm-timeline .thumbnail.thumb-quote{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-232px -48px;}
@ -73,30 +63,59 @@
.slider .nav-next{float:right;text-align:right;}.slider .nav-next .icon{margin-left:61px;background-image:url(timeline.png);background-repeat:no-repeat;background-position:-184px 0;width:24px;height:24px;height:24px;overflow:hidden;} .slider .nav-next{float:right;text-align:right;}.slider .nav-next .icon{margin-left:61px;background-image:url(timeline.png);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 .date,.slider .nav-next .title{text-align:right;padding-right:15px;}
.slider .nav-next:hover .icon{margin-left:66px;} .slider .nav-next:hover .icon{margin-left:66px;}
.slider .slider-item{position:absolute;width:700px;height:100%;padding:0px;margin:0px;overflow:hidden;display:table;}.slider .slider-item .content{display:table-cell;vertical-align:middle;}.slider .slider-item .content .content-container{display:table;vertical-align:middle;}.slider .slider-item .content .content-container .text{width:40%;max-width:50%;min-width:120px;display:table-cell;vertical-align:middle;}.slider .slider-item .content .content-container .text .container{display:table-cell;vertical-align:middle;text-align:left;padding-right:15px;} .slider .slider-item{position:absolute;width:700px;height:100%;padding:0px;margin:0px;display:table;overflow-x:hidden;overflow-y:auto;}.slider .slider-item .content{display:table-cell;vertical-align:middle;}.slider .slider-item .content .pad-top .text .container{padding-top:15px;}
.slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:left;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:auto;margin-right:auto;}.slider .slider-item .content .content-container .media .media-wrapper .media-container{display:inline-block;overflow:hidden;line-height:0px;padding:0px;}.slider .slider-item .content .content-container .media .media-wrapper .media-container span.messege{display:block;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;margin-top:50%;font-size:28px;font-weight:bold;text-transform:uppercase;} .slider .slider-item .content .pad-right .text .container{padding-right:15px;}
.slider .slider-item .content .pad-left .text .container{padding-left:30px;}
.slider .slider-item .content .pad-left .media.text-media .media-wrapper .media-container{border:none;background-color:#ffffff;}
.slider .slider-item .content .content-container{display:table;vertical-align:middle;}.slider .slider-item .content .content-container .text{width:40%;max-width:50%;min-width:120px;display:table-cell;vertical-align:middle;}.slider .slider-item .content .content-container .text .container{display:table-cell;vertical-align:middle;text-align:left;}.slider .slider-item .content .content-container .text .container p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;}
.slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:left;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:auto;margin-right:auto;}.slider .slider-item .content .content-container .media .media-wrapper .media-container{display:inline-block;line-height:0px;padding:0px;max-height:100%;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img{border:1px solid;border-color:#cccccc #999999 #999999 #cccccc;background:#ffffff;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .soundcloud{border:0;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image{display:inline-block;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow{position:relative;z-index:1;background:#ffffff;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:before,.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#999999;-webkit-box-shadow:0 15px 10px #999999;-moz-box-shadow:0 15px 10px #999999;box-shadow:0 15px 10px #999999;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow::after{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);right:10px;left:auto;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container span.messege{display:block;vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center;background:#ffffff;font-size:28px;font-weight:bold;text-transform:uppercase;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text{display:table;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container{display:table-cell;vertical-align:middle;font-size:15px;line-height:20px;color:#666666;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container p{margin-bottom:20px;} .slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text{display:table;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container{display:table-cell;vertical-align:middle;font-size:15px;line-height:20px;color:#666666;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container p{margin-bottom:20px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container img,.slider .slider-item .content .content-container .media .media-wrapper .media-container iframe{border:1px solid #cccccc;} .slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter{text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter blockquote{font-size:15px;line-height:20px;color:#666666;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter blockquote p{font-size:28px;line-height:36px;margin-bottom:6px;padding-top:10px;background-color:#ffffff;color:#000000;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .map{line-height:normal;border:1px solid #cccccc;z-index:200;text-align:left;background-color:#ffffff;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map img{max-height:none !important;max-width:none !important;} .slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter blockquote .quote-mark{color:#666666;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .created-at{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-256px -24px;width:24px;height:24px;overflow:hidden;margin-left:15px;display:inline-block;float:right;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .created-at:hover{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard{float:right;margin-bottom:15px;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard a{color:#333333;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard a:hover{text-decoration:none;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard a:hover .fn{text-decoration:underline;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .fn,.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .nickname{padding-left:42px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .fn{display:block;font-weight:bold;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .nickname{margin-top:3px;display:block;color:#666666;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .avatar{float:left;display:block;width:32px;height:32px;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .twitter .vcard .avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia{font-size:15px;line-height:20px;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:15px;clear:both;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia .wiki-source{margin-bottom:15px;font-size:13px;line-height:19px;font-style:italic;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4{border-bottom:1px solid #cccccc;margin-bottom:5px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4 a{color:#000000;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4 a:hover{color:#0088cc;text-decoration:none;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia p{font-size:13px;line-height:19px;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .map{line-height:normal;z-index:200;text-align:left;background-color:#ffffff;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map img{max-height:none !important;max-width:none !important;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .google-map{height:100%;width:100%;} .slider .slider-item .content .content-container .media .media-wrapper .media-container .map .google-map{height:100%;width:100%;}
.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution{position:absolute;z-index:201;bottom:0px;width:100%;overflow:hidden;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text{height:19px;overflow:hidden;-webkit-user-select:none;line-height:19px;margin-right:60px;padding-left:65px;font-family:Arial,sans-serif;font-size:10px;color:#444;white-space:nowrap;color:#ffffff;text-shadow:1px 1px 1px #333333;text-align:center;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text a{color:#ffffff !important;} .slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution{position:absolute;z-index:201;bottom:0px;width:100%;overflow:hidden;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text{height:19px;overflow:hidden;-webkit-user-select:none;line-height:19px;margin-right:60px;padding-left:65px;font-family:Arial,sans-serif;font-size:10px;color:#444;white-space:nowrap;color:#ffffff;text-shadow:1px 1px 1px #333333;text-align:center;}.slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text a{color:#ffffff !important;}
.slider .slider-item .content .content-container .media .media-wrapper .credit{color:#999999;text-align:right;font-size:10px;line-height:10px;display:block;margin:0 auto;margin-top:4px;} .slider .slider-item .content .content-container .media .media-wrapper .credit{color:#999999;text-align:right;display:block;margin:0 auto;margin-top:6px;font-size:10px;line-height:13px;}
.slider .slider-item .content .content-container .media .media-wrapper .caption{text-align:left;margin-top:10px;color:#666666;font-size:11px;line-height:14px;} .slider .slider-item .content .content-container .media .media-wrapper .caption{text-align:left;margin-top:10px;color:#666666;font-size:11px;line-height:14px;text-rendering:optimizeLegibility;}
.slider .slider-item .content .media.text-media .media-wrapper .media-container{border:none;background-color:#ffffff;} .slider .slider-item .content .media.text-media .media-wrapper .media-container{border:none;background-color:#ffffff;}
.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-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{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{display:block;}.slider .slider-item .content-container.layout-media .media .media-wrapper .media-container{margin-left:auto;margin-right:auto;overflow:hidden;line-height:0px;padding:0px;} .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{display:block;}.slider .slider-item .content-container.layout-media .media .media-wrapper .media-container{margin-left:auto;margin-right:auto;line-height:0px;padding:0px;}
.vmm-timeline .navigation{clear:both;cursor:move;width:100%;height:200px;border-top:1px solid #cccccc;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;} .slider .slider-item .content-container.layout-media .twitter,.slider .slider-item .content-container.layout-media .wikipedia{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: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);background-repeat:no-repeat;background-position:-256px 0;width:24px;height:24px;} .vmm-timeline .navigation .toolbar .zoom-in .icon{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-256px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .zoom-out .icon{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-280px 0;width:24px;height:24px;} .vmm-timeline .navigation .toolbar .zoom-out .icon{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-280px 0;width:24px;height:24px;}
.vmm-timeline .navigation .toolbar .back-home .icon{background-image:url(timeline.png);background-repeat:no-repeat;background-position:-328px 0;width:24px;height:24px;} .vmm-timeline .navigation .toolbar .back-home .icon{background-image:url(timeline.png);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;}.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{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-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);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;}
.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{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 .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 .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);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);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 .flag.row1,.vmm-timeline .navigation .timenav .content .marker.active .flag.row2,.vmm-timeline .navigation .timenav .content .marker.active .flag.row3{z-index:200;}
.vmm-timeline .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h3{color:#0088cc;} .vmm-timeline .navigation .timenav .content .marker.active:hover{cursor:default;}.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h3{color:#0088cc;}
.vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h4{color:#999999;} .vmm-timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h4{color:#999999;}
@ -105,15 +124,16 @@
.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 .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);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);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 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;} .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);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);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 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;} .vmm-timeline .navigation .timenav .content .marker .flag.row1{z-index:25;top:48px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row2{z-index:24;top:96px;} .vmm-timeline .navigation .timenav .content .marker .flag.row2{z-index:24;top:96px;}
.vmm-timeline .navigation .timenav .content .marker .flag.row3{z-index:23;top:1px;} .vmm-timeline .navigation .timenav .content .marker .flag.row3{z-index:23;top:1px;}
.vmm-timeline .navigation .timenav .content .marker .flag.zFront{z-index:201;} .vmm-timeline .navigation .timenav .content .marker .flag.zFront{z-index:201;}
.vmm-timeline .navigation .timenav .content .era{position:absolute;top:138px;left:150px;height:12px;display:block;background:#0088cc;overflow:hidden;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;filter:alpha(opacity=75);-khtml-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;z-index:-10;}.vmm-timeline .navigation .timenav .content .era h3{font-weight:bold;font-size:10px;line-height:10px;color:#ffffff;position:absolute;top:-1px;left:9px;} .vmm-timeline .navigation .timenav .content .era{position:absolute;top:138px;left:150px;height:12px;display:block;background:#0088cc;overflow:hidden;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;filter:alpha(opacity=75);-khtml-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;z-index:-10;}.vmm-timeline .navigation .timenav .content .era h3{font-weight:bold;font-size:10px;line-height:10px;color:#ffffff;position:absolute;top:-1px;left:9px;}
.vmm-timeline .navigation .timenav .time{position:absolute;left:0px;top:150px;height:50px;background-color:#ffffff;}.vmm-timeline .navigation .timenav .time .time-interval-minor{max-width:none;height:6px;white-space:nowrap;position:absolute;top:-9px;left:8px;z-index:10;}.vmm-timeline .navigation .timenav .time .time-interval-minor .minor{position:relative;top:0px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);width:100px;height:6px;background-position:center top;white-space:nowrap;color:#666666;margin-top:0px;padding-top:0px;} .vmm-timeline .navigation .timenav .time{position:absolute;left:0px;top:150px;height:50px;background-color:#ffffff;}.vmm-timeline .navigation .timenav .time .time-interval-minor{max-width:none;height:6px;white-space:nowrap;position:absolute;top:-9px;left:8px;z-index:10;}.vmm-timeline .navigation .timenav .time .time-interval-minor .minor{position:relative;top:2px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);width:100px;height:6px;background-position:center top;white-space:nowrap;color:#666666;margin-top:0px;padding-top:0px;}
.vmm-timeline .navigation .timenav .time .time-interval{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:3px;position:absolute;height:3px;left:0px;display:block;font-weight:normal;font-size:10px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#666666;margin-left:0px;margin-right:0px;margin-top:1px;z-index:2;}.vmm-timeline .navigation .timenav .time .time-interval div strong{font-weight:bold;color:#000000;} .vmm-timeline .navigation .timenav .time .time-interval{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:3px;position:absolute;height:3px;left:0px;display:block;font-weight:normal;font-size:10px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#666666;margin-left:0px;margin-right:0px;margin-top:1px;z-index:2;}.vmm-timeline .navigation .timenav .time .time-interval div strong{font-weight:bold;color:#000000;}
.vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#333333;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#000000;} .vmm-timeline .navigation .timenav .time .time-interval-major{white-space:nowrap;position:absolute;top:5px;left:0px;}.vmm-timeline .navigation .timenav .time .time-interval-major div{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;padding-top:15px;position:absolute;height:15px;left:0px;display:block;font-weight:bold;font-size:12px;line-height:20px;text-transform:uppercase;text-align:left;text-indent:0px;white-space:nowrap;color:#333333;margin-left:0px;margin-right:0px;margin-top:1px;z-index:5;}.vmm-timeline .navigation .timenav .time .time-interval-major div strong{font-weight:bold;color:#000000;}
.vmm-timeline{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-timeline p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#666666;}.vmm-timeline p small{font-size:12px;line-height:17px;} .vmm-timeline{font-size:15px;font-weight:normal;line-height:20px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.vmm-timeline p{font-size:15px;font-weight:normal;line-height:20px;margin-bottom:20px;color:#666666;}.vmm-timeline p small{font-size:12px;line-height:17px;}
@ -151,4 +171,4 @@
.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.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-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;} .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;} .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;background-color:#ffffff;}} @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;background-color:#ffffff;}}

BIN
compiled/css/timeline.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

32
compiled/js/locale/de.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/en.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/es.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/fr.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/is.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/it.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/kr.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/nl.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/pt-br.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/zh-ch.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/locale/zh-tw.js
View File

File diff suppressed because one or more lines are too long

2
timeline-embed.js → compiled/js/timeline-embed.js
View File

File diff suppressed because one or more lines are too long

32
compiled/js/timeline-min.js vendored
View File

File diff suppressed because one or more lines are too long

398
timeline.js → compiled/js/timeline.js
Unescape View File

@ -1,5 +1,5 @@
/*! /*!
Timeline TimelineJS
Designed and built by Zach Wise at VéritéCo Designed and built by Zach Wise at VéritéCo
This program is free software: you can redistribute it and/or modify This program is free software: you can redistribute it and/or modify
@ -125,6 +125,13 @@ if (typeof VMM == 'undefined') {
return this; return this;
}, },
sizes: {
api: {
width: 0,
height: 0
}
},
vp: "Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo", vp: "Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo",
api_keys_master: { api_keys_master: {
@ -133,6 +140,13 @@ if (typeof VMM == 'undefined') {
twitter: "" twitter: ""
}, },
flickr: {
active: false,
array: [],
api_loaded: false,
que: []
},
youtube: { youtube: {
active: false, active: false,
array: [], array: [],
@ -140,6 +154,13 @@ if (typeof VMM == 'undefined') {
que: [] que: []
}, },
vimeo: {
active: false,
array: [],
api_loaded: false,
que: []
},
googlemaps: { googlemaps: {
active: false, active: false,
map_active: false, map_active: false,
@ -190,7 +211,7 @@ if (typeof VMM == 'undefined') {
}; };
if (styles != null && styles != "") { if (styles != null && styles != "") {
ce += " " + styles; ce += " style='" + styles + "'";
}; };
ce += ">"; ce += ">";
@ -554,6 +575,12 @@ if(typeof VMM != 'undefined') {
} }
}, },
prepend: function(element, value) {
if( typeof( jQuery ) != 'undefined' ){
jQuery(element).prepend(value);
}
},
show: function(element, duration) { show: function(element, duration) {
if (duration != null && duration != "") { if (duration != null && duration != "") {
if( typeof( jQuery ) != 'undefined' ){ if( typeof( jQuery ) != 'undefined' ){
@ -1034,17 +1061,16 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
mediaElem = "<div class='thumbnail thumb-photo'></div>"; mediaElem = "<div class='thumbnail thumb-photo'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "flickr") { } else if (m.type == "flickr") {
//mediaElem = "<div class='thumbnail thumb-photo'><img id='flickr_" + m.id + "_thumb' width='" + _w + "px' height='" + _h + "px'></div>"; mediaElem = "<div class='thumbnail thumb-photo' id='flickr_" + m.id + "_thumb'></div>";
mediaElem = "<div class='thumbnail thumb-photo'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "youtube") { } else if (m.type == "youtube") {
mediaElem = "<div class='thumbnail thumb-youtube'></div>"; mediaElem = "<div class='thumbnail thumb-youtube' id='youtube_" + m.id + "_thumb'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "googledoc") { } else if (m.type == "googledoc") {
mediaElem = "<div class='thumbnail thumb-document'></div>"; mediaElem = "<div class='thumbnail thumb-document'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "vimeo") { } else if (m.type == "vimeo") {
mediaElem = "<div class='thumbnail thumb-vimeo'></div>"; mediaElem = "<div class='thumbnail thumb-vimeo' id='vimeo_" + m.id + "_thumb'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "dailymotion") { } else if (m.type == "dailymotion") {
mediaElem = "<div class='thumbnail thumb-video'></div>"; mediaElem = "<div class='thumbnail thumb-video'></div>";
@ -1105,27 +1131,28 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
} }
// IMAGE // IMAGE
if (m.type == "image") { if (m.type == "image") {
mediaElem = "<img src='" + m.id + "'>"; mediaElem = "<div class='media-image media-shadow'><img src='" + m.id + "' class='media-image'></div>";
// FLICKR // FLICKR
} else if (m.type == "flickr") { } else if (m.type == "flickr") {
_id = "flickr_" + m.id; _id = "flickr_" + m.id;
mediaElem = "<a href='" + m.link + "' target='_blank'><img id='" + _id + "_large" + "'></a>"; mediaElem = "<div class='media-image media-shadow'><a href='" + m.link + "' target='_blank'><img id='" + _id + "_large" + "'></a></div>";
VMM.ExternalAPI.flickr.get(m.id, "#" + _id); VMM.ExternalAPI.flickr.get(m.id, "#" + _id);
// GOOGLE DOCS // GOOGLE DOCS
} else if (m.type == "googledoc") { } else if (m.type == "googledoc") {
_id = "googledoc_" + VMM.Util.unique_ID(5); _id = "googledoc_" + VMM.Util.unique_ID(5);
mediaElem = "<div class='media-frame doc' id='" + _id + "'><span class='messege'><p>Loading Document</p></span></div>"; mediaElem = "<div class='media-frame media-shadow doc' id='" + _id + "'><span class='messege'><p>Loading Document</p></span></div>";
VMM.ExternalAPI.googledocs.get(m.id, _id); VMM.ExternalAPI.googledocs.get(m.id, _id);
// YOUTUBE // YOUTUBE
} else if (m.type == "youtube") { } else if (m.type == "youtube") {
mediaElem = "<div class='media-frame video youtube' id='youtube_" + m.id + "'><span class='messege'><p>Loading YouTube video</p></span></div>"; mediaElem = "<div class='media-shadow'><div class='media-frame video youtube' id='youtube_" + m.id + "'><span class='messege'><p>Loading YouTube video</p></span></div></div>";
VMM.ExternalAPI.youtube.get(m.id); VMM.ExternalAPI.youtube.get(m.id);
// VIMEO // VIMEO
} else if (m.type == "vimeo") { } else if (m.type == "vimeo") {
mediaElem = "<iframe class='media-frame video vimeo' autostart='false' frameborder='0' width='100%' height='100%' src='http://player.vimeo.com/video/" + m.id + "?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff'></iframe>"; mediaElem = "<div class='media-shadow'><iframe class='media-frame video vimeo' autostart='false' frameborder='0' width='100%' height='100%' src='http://player.vimeo.com/video/" + m.id + "?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff'></iframe></div>";
VMM.ExternalAPI.vimeo.get(m.id);
// DAILYMOTION // DAILYMOTION
} else if (m.type == "dailymotion") { } else if (m.type == "dailymotion") {
mediaElem = "<iframe class='media-frame video dailymotion' autostart='false' frameborder='0' width='100%' height='100%' src='http://www.dailymotion.com/embed/video/" + m.id + "'></iframe>"; mediaElem = "<div class='media-shadow'><iframe class='media-frame video dailymotion' autostart='false' frameborder='0' width='100%' height='100%' src='http://www.dailymotion.com/embed/video/" + m.id + "'></iframe></div>";
// TWITTER // TWITTER
} else if (m.type == "twitter"){ } else if (m.type == "twitter"){
mediaElem = "<div class='twitter' id='" + "twitter_" + m.id + "'><span class='messege'><p>Loading Tweet</p></span></div>"; mediaElem = "<div class='twitter' id='" + "twitter_" + m.id + "'><span class='messege'><p>Loading Tweet</p></span></div>";
@ -1133,29 +1160,32 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
VMM.ExternalAPI.twitter.prettyHTML(m.id); VMM.ExternalAPI.twitter.prettyHTML(m.id);
// TWITTER // TWITTER
} else if (m.type == "twitter-ready") { } else if (m.type == "twitter-ready") {
isTextMedia = true;
mediaElem = m.id; mediaElem = m.id;
// SOUNDCLOUD // SOUNDCLOUD
} else if (m.type == "soundcloud") { } else if (m.type == "soundcloud") {
_id = "soundcloud_" + VMM.Util.unique_ID(5); _id = "soundcloud_" + VMM.Util.unique_ID(5);
mediaElem = "<div class='media-frame soundcloud' id='" + _id + "'><span class='messege'><p>Loading Sound</p></span></div>"; mediaElem = "<div class='media-frame media-shadow soundcloud' id='" + _id + "'><span class='messege'><p>Loading Sound</p></span></div>";
VMM.ExternalAPI.soundcloud.get(m.id, _id); VMM.ExternalAPI.soundcloud.get(m.id, _id);
// GOOGLE MAPS // GOOGLE MAPS
} else if (m.type == "google-map") { } else if (m.type == "google-map") {
_id = "googlemap_" + VMM.Util.unique_ID(7); _id = "googlemap_" + VMM.Util.unique_ID(7);
mediaElem = "<div class='media-frame map' id='" + _id + "'><span class='messege'><p>Loading Map</p></span></div>"; mediaElem = "<div class='media-frame media-shadow map' id='" + _id + "'><span class='messege'><p>Loading Map</p></span></div>";
VMM.ExternalAPI.googlemaps.get(m.id, _id); VMM.ExternalAPI.googlemaps.get(m.id, _id);
// WIKIPEDIA // WIKIPEDIA
} else if (m.type == "wikipedia") { } else if (m.type == "wikipedia") {
_id = "wikipedia_" + VMM.Util.unique_ID(7); _id = "wikipedia_" + VMM.Util.unique_ID(7);
mediaElem = "<div class='wikipedia' id='" + "wikipedia_" + _id + "'><span class='messege'><p>Loading Wikipedia</p></span></div>"; mediaElem = "<div class='wikipedia' id='" + _id + "'><span class='messege'><p>Loading Wikipedia</p></span></div>";
isTextMedia = true;
VMM.ExternalAPI.wikipedia.get(m.id, _id); VMM.ExternalAPI.wikipedia.get(m.id, _id);
// UNKNOWN // UNKNOWN
} else if (m.type == "unknown") { } else if (m.type == "unknown") {
trace("NO KNOWN MEDIA TYPE FOUND TRYING TO JUST PLACE THE HTML"); trace("NO KNOWN MEDIA TYPE FOUND TRYING TO JUST PLACE THE HTML");
mediaElem = "<div class='media-frame plain-text'><div class='container'>" + VMM.Util.properQuotes(m.id) + "</div></div>"; isTextMedia = true;
mediaElem = "<div class='plain-text'><div class='container'>" + VMM.Util.properQuotes(m.id) + "</div></div>";
// WEBSITE // WEBSITE
} else if (m.type == "website") { } else if (m.type == "website") {
mediaElem = "<iframe class='media-frame website' frameborder='0' autostart='false' width='100%' height='100%' scrolling='yes' marginheight='0' marginwidth='0' src='" + m.id + "'></iframe>"; mediaElem = "<div class='media-shadow'><iframe class='media-frame website' frameborder='0' autostart='false' width='100%' height='100%' scrolling='yes' marginheight='0' marginwidth='0' src='" + m.id + "'></iframe></div>";
//mediaElem = "<a href='" + m.id + "' target='_blank'>" + "<img src='http://api.snapito.com/free/lc?url=" + m.id + "'></a>"; //mediaElem = "<a href='" + m.id + "' target='_blank'>" + "<img src='http://api.snapito.com/free/lc?url=" + m.id + "'></a>";
// NO MATCH // NO MATCH
} else { } else {
@ -1167,9 +1197,9 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
mediaElem = "<div class='media-container' >" + mediaElem + creditElem + captionElem + "</div>"; mediaElem = "<div class='media-container' >" + mediaElem + creditElem + captionElem + "</div>";
// RETURN // RETURN
if (isTextMedia) { if (isTextMedia) {
return "<div class='media text-media'><div class='media-wrapper'>" + mediaElem + "</div></div>"; return "<div class='text-media'><div class='media-wrapper'>" + mediaElem + "</div></div>";
} else { } else {
return "<div class='media'><div class='media-wrapper'>" + mediaElem + "</div></div>"; return "<div class='media-wrapper'>" + mediaElem + "</div>";
} }
/* /*
@ -1260,7 +1290,10 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaType == 'undefined') {
success = true; success = true;
} else if (d.match('(www.)?wikipedia\.org')) { } else if (d.match('(www.)?wikipedia\.org')) {
media.type = "wikipedia"; media.type = "wikipedia";
media.id = d; //media.id = d.split("wiki\/")[1];
var wiki_id = d.split("wiki\/")[1].split("#")[0].replace("_", " ");
media.id = VMM.Util.toTitleCase(wiki_id).replace(" ", "%20");
trace("WIKIPEDIA " + media.id);
success = true; success = true;
} else if (d.indexOf('http://') == 0) { } else if (d.indexOf('http://') == 0) {
media.type = "website"; media.type = "website";
@ -1507,6 +1540,12 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
if (VMM.master_config.googledocs.active) { if (VMM.master_config.googledocs.active) {
VMM.ExternalAPI.googledocs.pushQue(); VMM.ExternalAPI.googledocs.pushQue();
} }
if (VMM.master_config.wikipedia.active) {
VMM.ExternalAPI.wikipedia.pushQue();
}
if (VMM.master_config.vimeo.active) {
VMM.ExternalAPI.vimeo.pushQue();
}
}, },
@ -1995,7 +2034,6 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
} else { } else {
api_key = Aes.Ctr.decrypt(VMM.master_config.api_keys_master.flickr, VMM.master_config.vp, 256) api_key = Aes.Ctr.decrypt(VMM.master_config.api_keys_master.flickr, VMM.master_config.vp, 256)
} }
var the_url = "http://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=" + api_key + "&photo_id=" + mid + "&format=json&jsoncallback=?"; var the_url = "http://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=" + api_key + "&photo_id=" + mid + "&format=json&jsoncallback=?";
VMM.getJSON(the_url, VMM.ExternalAPI.flickr.create); VMM.getJSON(the_url, VMM.ExternalAPI.flickr.create);
}, },
@ -2005,22 +2043,45 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
var id = "flickr_" + flickr_id; var id = "flickr_" + flickr_id;
var flickr_large_id = id + "_large"; var flickr_large_id = id + "_large";
var flickr_thumb_id = id + "_thumb"; var flickr_thumb_id = id + "_thumb";
// FIND LARGE SIZE var flickr_img_size, flickr_img_thumb, flickr_size_found = false;
var flickr_img_large; var flickr_best_size = "Large";
var flickr_large_found = false;
flickr_best_size = VMM.ExternalAPI.flickr.sizes(VMM.master_config.sizes.api.height);
for(var i = 0; i < d.sizes.size.length; i++) { for(var i = 0; i < d.sizes.size.length; i++) {
if (d.sizes.size[i].label == "Large") { if (d.sizes.size[i].label == flickr_best_size) {
flickr_large_found = true; flickr_size_found = true;
flickr_img_large = d.sizes.size[i].source; flickr_img_size = d.sizes.size[i].source;
}
} }
if (!flickr_size_found) {
flickr_img_size = d.sizes.size[d.sizes.size.length - 1].source;
} }
if (!flickr_large_found) {
flickr_img_large = d.sizes.size[d.sizes.size.length - 1].source; flickr_img_thumb = d.sizes.size[0].source;
VMM.Lib.attr("#"+flickr_large_id, "src", flickr_img_size);
VMM.attachElement("#"+flickr_thumb_id, "<img src='" + flickr_img_thumb + "'>");
},
sizes: function(s) {
var _size = "";
if (s <= 75) {
_size = "Thumbnail";
} else if (s <= 180) {
_size = "Small";
} else if (s <= 240) {
_size = "Small 320";
} else if (s <= 375) {
_size = "Medium";
} else if (s <= 480) {
_size = "Medium 640";
} else if (s <= 600) {
_size = "Medium 800";
} else {
_size = "Large";
} }
var flickr_img_thumb = d.sizes.size[0].source; return _size;
VMM.Lib.attr("#"+flickr_large_id, "src", flickr_img_large);
VMM.Lib.attr("#"+flickr_thumb_id, "src", flickr_img_thumb);
} }
}, },
@ -2050,28 +2111,46 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
}, },
wikipedia: { wikipedia: {
//http://en.wikipedia.org/w/api.php?action=query&prop=extracts&titles=Beastie%20Boys&format=json&exintro=1
get: function(url, id) { get: function(url, id) {
trace("WIKIPEDIA GET");
var api_obj = {url: url, id: id}; var api_obj = {url: url, id: id};
VMM.master_config.wikipedia.que.push(api_obj); VMM.master_config.wikipedia.que.push(api_obj);
VMM.master_config.wikipedia.active = true; VMM.master_config.wikipedia.active = true;
}, },
create: function(api_obj) { create: function(api_obj) {
VMM.attachElement("#"+api_obj.id, api_obj.url);
/* var the_url = "http://en.wikipedia.org/w/api.php?action=query&prop=extracts&titles=" + api_obj.url + "&format=json&exintro=1&callback=?";
var the_url = "http://en.wikipedia.org/w/api.php?action=query&prop=extracts&titles=" + wiki.url + "&format=json&exintro=1&callback=?";
VMM.getJSON(the_url, function(d) { VMM.getJSON(the_url, function(d) {
if (d.query.pages[0].extract.match("REDIRECT")) { var wiki_extract = VMM.Util.getObjectAttributeByIndex(d.query.pages, 0).extract;
var wiki_title = VMM.Util.getObjectAttributeByIndex(d.query.pages, 0).title;
var _wiki = "";
var wiki_text = "";
var wiki_text_array = wiki_extract.split("<p>");
var wiki_number_of_paragraphs = 1;
for(var i = 0; i < wiki_text_array.length; i++) {
if (i+1 <= wiki_number_of_paragraphs && i+1 < wiki_text_array.length) {
wiki_text += "<p>" + wiki_text_array[i+1];
}
}
_wiki = "<h4><a href='http://en.wikipedia.org/wiki/" + wiki_title + "' target='_blank'>" + wiki_title + "</a></h4>";
_wiki += "<div class='wiki-source'>From Wikipedia, the free encyclopedia</span>";
_wiki += VMM.Util.linkify_wikipedia(wiki_text);
if (wiki_extract.match("REDIRECT")) {
} else {
VMM.attachElement("#"+api_obj.id, _wiki );
} }
VMM.attachElement("#"+wiki.id, d.html);
}); });
*/
}, },
pushQue: function() { pushQue: function() {
trace("WIKIPEDIA PUSH QUE");
for(var i = 0; i < VMM.master_config.wikipedia.que.length; i++) { for(var i = 0; i < VMM.master_config.wikipedia.que.length; i++) {
VMM.ExternalAPI.wikipedia.create(VMM.master_config.wikipedia.que[i]); VMM.ExternalAPI.wikipedia.create(VMM.master_config.wikipedia.que[i]);
} }
@ -2083,6 +2162,8 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
youtube: { youtube: {
get: function(id) { get: function(id) {
var url = "http://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=jsonc&callback=?";
if (VMM.master_config.youtube.active) { if (VMM.master_config.youtube.active) {
VMM.master_config.youtube.que.push(id); VMM.master_config.youtube.que.push(id);
} else { } else {
@ -2093,6 +2174,9 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
}); });
} }
} }
// THUMBNAIL
VMM.getJSON(url, VMM.ExternalAPI.youtube.createThumb);
}, },
create: function(id) { create: function(id) {
@ -2124,6 +2208,13 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
VMM.master_config.youtube.array.push(p); VMM.master_config.youtube.array.push(p);
}, },
createThumb: function(d) {
trace(d.data.id);
trace(d.data.thumbnail.sqDefault);
var thumb_id = "youtube_" + d.data.id + "_thumb";
VMM.attachElement("#" + thumb_id, "<img src='" + d.data.thumbnail.sqDefault + "'>");
},
pushQue: function() { pushQue: function() {
for(var i = 0; i < VMM.master_config.youtube.que.length; i++) { for(var i = 0; i < VMM.master_config.youtube.que.length; i++) {
VMM.ExternalAPI.youtube.create(VMM.master_config.youtube.que[i]); VMM.ExternalAPI.youtube.create(VMM.master_config.youtube.que[i]);
@ -2161,6 +2252,35 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
} }
},
vimeo: {
get: function(id) {
VMM.master_config.vimeo.que.push(id);
VMM.master_config.vimeo.active = true;
},
create: function(d) {
trace("VIMEO CREATE");
// THUMBNAIL
var url = "http://vimeo.com/api/v2/video/" + d + ".json";
VMM.getJSON(url, VMM.ExternalAPI.vimeo.createThumb);
},
createThumb: function(d) {
trace("VIMEO CREATE THUMB");
var thumb_id = "vimeo_" + d[0].id + "_thumb";
VMM.attachElement("#" + thumb_id, "<img src='" + d[0].thumbnail_small + "'>");
},
pushQue: function() {
for(var i = 0; i < VMM.master_config.vimeo.que.length; i++) {
VMM.ExternalAPI.vimeo.create(VMM.master_config.vimeo.que[i]);
}
VMM.master_config.vimeo.que = [];
}
} }
} }
@ -2814,7 +2934,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
var preloadTimeOutSlides = function() { var preloadTimeOutSlides = function() {
for(var j = 0; j < config.preload; j++) { for(var j = 0; j < config.preload; j++) {
if ( !((current_slide + j) >= slides.length - 1)) { if ( !((current_slide + j) > slides.length - 1)) {
slides[current_slide + j].show(); slides[current_slide + j].show();
} }
if ( !( (current_slide - j) < 0 ) ) { if ( !( (current_slide - j) < 0 ) ) {
@ -2850,6 +2970,9 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
} }
} }
VMM.master_config.sizes.api.width = mediasize.media.width;
VMM.master_config.sizes.api.height = mediasize.media.height;
mediasize.text_media.video = VMM.Util.ratio.fit(mediasize.text_media.width, mediasize.text_media.height, 16, 9); mediasize.text_media.video = VMM.Util.ratio.fit(mediasize.text_media.width, mediasize.text_media.height, 16, 9);
mediasize.media.video = VMM.Util.ratio.fit(mediasize.media.width, mediasize.media.height, 16, 9); mediasize.media.video = VMM.Util.ratio.fit(mediasize.media.width, mediasize.media.height, 16, 9);
@ -2859,7 +2982,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
// HANDLE SMALLER SIZES // HANDLE SMALLER SIZES
var is_skinny = false; var is_skinny = false;
if (current_width <= 650) { if (current_width <= 600) {
is_skinny = true; is_skinny = true;
} else if (VMM.Browser.device == "mobile" && VMM.Browser.orientation == "portrait") { } else if (VMM.Browser.device == "mobile" && VMM.Browser.orientation == "portrait") {
is_skinny = true; is_skinny = true;
@ -2882,20 +3005,13 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", config.slider.content.width ); VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", config.slider.content.width );
VMM.Lib.css(".slider-item .layout-text-media .media", "float", "none" ); VMM.Lib.css(".slider-item .layout-text-media .media", "float", "none" );
VMM.Lib.addClass(".slider-item .content-container", "pad-top");
VMM.Lib.css(".slider-item .media blockquote p", "line-height", "18px" ); VMM.Lib.css(".slider-item .media blockquote p", "line-height", "18px" );
VMM.Lib.css(".slider-item .media blockquote p", "font-size", "16px" ); VMM.Lib.css(".slider-item .media blockquote p", "font-size", "16px" );
VMM.Lib.css(".slider-item", "overflow-y", "auto" ); VMM.Lib.css(".slider-item", "overflow-y", "auto" );
// MAINTAINS VERTICAL CENTER IF IT CAN
for(var i = 0; i < slides.length; i++) {
if (VMM.Lib.height(VMM.Lib.find( slides[i], ".content")) > config.slider.height) {
slides[i].css("display", "block");
} else {
slides[i].css("display", "table");
}
}
} else { } else {
@ -2904,6 +3020,9 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
VMM.Lib.css(".slider-item .layout-text-media .text .container", "display", "table-cell" ); VMM.Lib.css(".slider-item .layout-text-media .text .container", "display", "table-cell" );
VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", "auto" ); VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", "auto" );
//VMM.Lib.addClass(".slider-item .content-container", "pad-left");
VMM.Lib.removeClass(".slider-item .content-container", "pad-top");
VMM.Lib.css(".slider-item .layout-text-media .media", "float", "left" ); VMM.Lib.css(".slider-item .layout-text-media .media", "float", "left" );
VMM.Lib.css(".slider-item .layout-text-media", "display", "table" ); VMM.Lib.css(".slider-item .layout-text-media", "display", "table" );
@ -2954,7 +3073,18 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
VMM.Lib.height( layout_text_media + ".doc", mediasize.text_media.height); VMM.Lib.height( layout_text_media + ".doc", mediasize.text_media.height);
VMM.Lib.height( layout_media + ".doc", mediasize.media.height); VMM.Lib.height( layout_media + ".doc", mediasize.media.height);
trace(mediasize); // MAINTAINS VERTICAL CENTER IF IT CAN
for(var i = 0; i < slides.length; i++) {
slides[i].layout(is_skinny);
if (slides[i].content_height() > config.slider.height + 20) {
slides[i].css("display", "block");
} else {
slides[i].css("display", "table");
}
}
} }
/* POSITION SLIDES /* POSITION SLIDES
@ -2963,7 +3093,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
var pos = 0; var pos = 0;
for(var i = 0; i < slides.length; i++) { for(var i = 0; i < slides.length; i++) {
pos = i * (config.slider.width+config.spacing); pos = i * (config.slider.width+config.spacing);
//VMM.Lib.css(slides[i], "left", pos);
slides[i].leftpos(pos); slides[i].leftpos(pos);
} }
} }
@ -2974,13 +3103,10 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
var _ease = "linear"; var _ease = "linear";
for(var i = 0; i < slides.length; i++) { for(var i = 0; i < slides.length; i++) {
if (i == current_slide) { if (i == current_slide) {
//VMM.Lib.animate(slides[i], config.duration, _ease, {"opacity": 1});
slides[i].animate(config.duration, _ease, {"opacity": 1}); slides[i].animate(config.duration, _ease, {"opacity": 1});
} else if (i == current_slide - 1 || i == current_slide + 1) { } else if (i == current_slide - 1 || i == current_slide + 1) {
//VMM.Lib.animate(slides[i], config.duration, _ease, {"opacity": 0.1});
slides[i].animate(config.duration, _ease, {"opacity": 0.1}); slides[i].animate(config.duration, _ease, {"opacity": 0.1});
} else { } else {
//VMM.Lib.css(slides[i], "opacity", n);
slides[i].opacity(n); slides[i].opacity(n);
} }
} }
@ -3004,7 +3130,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
var is_first = false; var is_first = false;
var _pos = slides[current_slide].leftpos(); var _pos = slides[current_slide].leftpos();
var _title = ""; var _title = "";
//var _pos = VMM.Lib.position(slides[current_slide]);
if (current_slide == 0) {is_first = true}; if (current_slide == 0) {is_first = true};
if (current_slide +1 >= slides.length) {is_last = true}; if (current_slide +1 >= slides.length) {is_last = true};
@ -3013,7 +3138,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
/* set proper nav titles and dates etc. /* set proper nav titles and dates etc.
================================================== */ ================================================== */
trace(data[current_slide]);
if (is_first) { if (is_first) {
VMM.Lib.visible(navigation.prevBtn, false); VMM.Lib.visible(navigation.prevBtn, false);
} else { } else {
@ -3024,7 +3148,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
VMM.attachElement(navigation.prevDate, _title); VMM.attachElement(navigation.prevDate, _title);
VMM.attachElement(navigation.prevTitle, ""); VMM.attachElement(navigation.prevTitle, "");
} else { } else {
VMM.attachElement(navigation.prevDate, data[current_slide - 1].date); VMM.attachElement(navigation.prevDate, data[current_slide - 1].startdate_str);
VMM.attachElement(navigation.prevTitle, _title); VMM.attachElement(navigation.prevTitle, _title);
} }
} else { } else {
@ -3042,7 +3166,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
VMM.attachElement(navigation.nextDate, _title); VMM.attachElement(navigation.nextDate, _title);
VMM.attachElement(navigation.nextTitle, ""); VMM.attachElement(navigation.nextTitle, "");
} else { } else {
VMM.attachElement(navigation.nextDate, data[current_slide + 1].date); VMM.attachElement(navigation.nextDate, data[current_slide + 1].startdate_str);
VMM.attachElement(navigation.nextTitle, _title); VMM.attachElement(navigation.nextTitle, _title);
} }
} else { } else {
@ -3066,8 +3190,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
/* SET Vertical Scoll /* SET Vertical Scoll
================================================== */ ================================================== */
//opacitySlides(0.85);
//if (VMM.Lib.height(slides[current_slide]) > config.slider_height) {
if (slides[current_slide].height() > config.slider_height) { if (slides[current_slide].height() > config.slider_height) {
VMM.Lib.css(".slider", "overflow-y", "scroll" ); VMM.Lib.css(".slider", "overflow-y", "scroll" );
} else { } else {
@ -3076,7 +3198,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
} }
preloadSlides(); preloadSlides();
//VMM.Lib.css(navigation.nextBtnContainer, "left", ( VMM.Lib.width(navigation.nextBtnContainer) - config.slider.nav.width) );
} }
/* BUILD NAVIGATION /* BUILD NAVIGATION
@ -3169,13 +3290,20 @@ if (typeof VMM.Slider != 'undefined') {
var slide = {}; var slide = {};
var media = ""; var media = "";
var loaded = false; var loaded = false;
var preloaded = false;
var is_skinny = false;
var element = VMM.appendAndGetElement(_parent, "<div>", "slider-item"); var element = VMM.appendAndGetElement(_parent, "<div>", "slider-item");
var c = {slide:"", text: "", media: "", media_element: "", layout: "content-container layout", has: { headline: false, text: false, media: false }};
var $media, $text, $slide, $wrap;
/* PUBLIC /* PUBLIC
================================================== */ ================================================== */
this.show = function() { this.show = function(skinny) {
if (!loaded) { if (!loaded) {
render(); if (preloaded) {
reLayout(skinny);
} else {
render(skinny);
}
} }
}; };
@ -3185,6 +3313,12 @@ if (typeof VMM.Slider != 'undefined') {
} }
}; };
this.layout = function(skinny) {
if (loaded && preloaded) {
reLayout(skinny);
}
};
this.elem = function() { this.elem = function() {
return element; return element;
}; };
@ -3197,7 +3331,6 @@ if (typeof VMM.Slider != 'undefined') {
if(typeof p != 'undefined') { if(typeof p != 'undefined') {
VMM.Lib.css(element, "left", p); VMM.Lib.css(element, "left", p);
} else { } else {
trace("LEFT: " + VMM.Lib.position(element).left);
return VMM.Lib.position(element).left return VMM.Lib.position(element).left
} }
}; };
@ -3222,23 +3355,54 @@ if (typeof VMM.Slider != 'undefined') {
return VMM.Lib.height(element); return VMM.Lib.height(element);
}; };
this.content_height = function () {
var ch = VMM.Lib.find( element, ".content")[0];
if (ch != 'undefined' && ch != null) {
return VMM.Lib.height(ch);
} else {
return 0;
}
}
/* PRIVATE /* PRIVATE
================================================== */ ================================================== */
var render = function() { var render = function(skinny) {
VMM.attachElement(element, ""); buildSlide(skinny);
VMM.appendElement(element, buildSlide() );
loaded = true; loaded = true;
preloaded = true;
var timer = setTimeout(VMM.ExternalAPI.pushQues, 500); var timer = setTimeout(VMM.ExternalAPI.pushQues, 500);
}; };
var removeSlide = function() { var removeSlide = function() {
VMM.attachElement(element, ""); //VMM.attachElement(element, "");
loaded = false; loaded = false;
} }
var buildSlide = function() { var reLayout = function(skinny) {
var c = {slide:"", text: "", media: "", layout: "content-container layout", has: { headline: false, text: false, media: false }};
var b_slide, c_wrap; if (c.has.text) {
if (skinny) {
if (!is_skinny) {
VMM.Lib.removeClass($slide, "pad-left");
VMM.Lib.detach($text);
VMM.Lib.prepend($slide, $text);
is_skinny = true;
}
} else {
if (is_skinny) {
VMM.Lib.addClass($slide, "pad-left");
VMM.Lib.detach($text);
VMM.Lib.append($slide, $text);
is_skinny = false
}
}
}
}
var buildSlide = function(skinny) {
$wrap = VMM.appendAndGetElement(element, "<div>", "content");
$slide = VMM.appendAndGetElement($wrap, "<div>");
/* DATE /* DATE
================================================== */ ================================================== */
@ -3276,7 +3440,7 @@ if (typeof VMM.Slider != 'undefined') {
if (c.has.text || c.has.headline) { if (c.has.text || c.has.headline) {
c.text = VMM.createElement("div", c.text, "container"); c.text = VMM.createElement("div", c.text, "container");
c.text = VMM.createElement("div", c.text, "text"); $text = VMM.appendAndGetElement($slide, "<div>", "text", c.text);
} }
/* MEDIA /* MEDIA
@ -3284,7 +3448,7 @@ if (typeof VMM.Slider != 'undefined') {
if (data.asset != null && data.asset != "") { if (data.asset != null && data.asset != "") {
if (data.asset.media != null && data.asset.media != "") { if (data.asset.media != null && data.asset.media != "") {
c.has.media = true; c.has.media = true;
c.media = VMM.MediaElement.create(data.asset); $media = VMM.appendAndGetElement($slide, "<div>", "media", VMM.MediaElement.create(data.asset));
} }
} }
@ -3293,13 +3457,21 @@ if (typeof VMM.Slider != 'undefined') {
if (c.has.text) { c.layout += "-text" }; if (c.has.text) { c.layout += "-text" };
if (c.has.media){ c.layout += "-media" }; if (c.has.media){ c.layout += "-media" };
c.slide = VMM.createElement("div", c.text + c.media, c.layout); if (c.has.text) {
c_wrap = VMM.createElement("div", c.slide, "content"); if (skinny) {
VMM.Lib.addClass($slide, c.layout);
is_skinny = true;
} else {
VMM.Lib.addClass($slide, c.layout);
VMM.Lib.addClass($slide, "pad-left");
VMM.Lib.detach($text);
VMM.Lib.append($slide, $text);
}
} else {
VMM.Lib.addClass($slide, c.layout);
}
/* RETURN
================================================== */
// return c.slide;
return c_wrap;
}; };
@ -3322,7 +3494,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Util == 'undefined') {
return this; return this;
}, },
/* CORRECT PROTOCOL /* CORRECT PROTOCOL (DOES NOT WORK)
================================================== */ ================================================== */
correctProtocol: function(url) { correctProtocol: function(url) {
var loc = (window.parent.location.protocol).toString(); var loc = (window.parent.location.protocol).toString();
@ -3339,6 +3511,18 @@ if(typeof VMM != 'undefined' && typeof VMM.Util == 'undefined') {
}, },
/* GET OBJECT ATTRIBUTE BY INDEX
================================================== */
getObjectAttributeByIndex: function(obj, index) {
var i = 0;
for (var attr in obj){
if (index === i){
return obj[attr];
}
i++;
}
return null;
},
/* RANDOM BETWEEN /* RANDOM BETWEEN
================================================== */ ================================================== */
//VMM.Util.randomBetween(1, 3) //VMM.Util.randomBetween(1, 3)
@ -3718,6 +3902,14 @@ if(typeof VMM != 'undefined' && typeof VMM.Util == 'undefined') {
.replace(twitterSearchPattern, "<a href='http://twitter.com/#search?q=%23$2' target='_blank' 'void(0)'>$1</a>"); .replace(twitterSearchPattern, "<a href='http://twitter.com/#search?q=%23$2' target='_blank' 'void(0)'>$1</a>");
}, },
linkify_wikipedia: function(text) {
var urlPattern = /<i[^>]*>(.*?)<\/i>/gim;
return text
.replace(urlPattern, "<a target='_blank' href='http://en.wikipedia.org/wiki/$&' onclick='void(0)'>$&</a>")
.replace(/<i\b[^>]*>/gim, "")
.replace(/<\/i>/gim, "");
},
/* Turns plain text links into real links /* Turns plain text links into real links
================================================== */ ================================================== */
// VMM.Util.unlinkify(); // VMM.Util.unlinkify();
@ -5403,9 +5595,7 @@ Utf8.decode = function(strUtf) {
/* CodeKit Import /* CodeKit Import
http://incident57.com/codekit/ http://incident57.com/codekit/
================================================== */ ================================================== */
// @codekit-prepend "VMM.Timeline.License.js"; // @codekit-prepend "VMM.Timeline.License.js";
// @codekit-prepend "VMM.js"; // @codekit-prepend "VMM.js";
// @codekit-prepend "VMM.Library.js"; // @codekit-prepend "VMM.Library.js";
// @codekit-prepend "VMM.Browser.js"; // @codekit-prepend "VMM.Browser.js";
@ -5428,6 +5618,9 @@ Utf8.decode = function(strUtf) {
// @codekit-prepend "lib/AES.js"; // @codekit-prepend "lib/AES.js";
// @codekit-prepend "lib/bootstrap-tooltip.js"; // @codekit-prepend "lib/bootstrap-tooltip.js";
/* Timeline /* Timeline
================================================== */ ================================================== */
@ -5445,13 +5638,14 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
timeline_id = "#timeline"; timeline_id = "#timeline";
} }
version = "1.10"; version = "1.30";
trace("TIMELINE VERSION " + version); trace("TIMELINE VERSION " + version);
/* CONFIG /* CONFIG
================================================== */ ================================================== */
config = { config = {
embed: false,
id: timeline_id, id: timeline_id,
type: "timeline", type: "timeline",
maptype: "toner", maptype: "toner",
@ -5603,7 +5797,8 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
================================================== */ ================================================== */
function onDataReady(e, d) { function onDataReady(e, d) {
trace("onDataReady");
trace(d);
data = d.timeline; data = d.timeline;
if (type.of(data.era) == "array") { if (type.of(data.era) == "array") {
@ -5704,7 +5899,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
VMM.fireEvent(global, "MESSEGE", "Internet Explorer 7 is not supported by #Timeline."); VMM.fireEvent(global, "MESSEGE", "Internet Explorer 7 is not supported by #Timeline.");
} else { } else {
if (type.of(_data) == "string" || type.of(_data) == "object") { if (type.of(_data) == "string" || type.of(_data) == "object") {
trace("GET DATA 1")
VMM.Timeline.DataObj.getData(_data); VMM.Timeline.DataObj.getData(_data);
} else { } else {
VMM.Timeline.DataObj.getData(VMM.getElement(timeline_id)); VMM.Timeline.DataObj.getData(VMM.getElement(timeline_id));
@ -5717,6 +5911,13 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
trace("iframeLoaded"); trace("iframeLoaded");
}; };
this.reload = function(_d) {
trace("loadNewDates" + _d);
$messege = VMM.appendAndGetElement($feedback, "<div>", "messege", VMM.Timeline.Config.language.messages.loading_timeline);
data = {};
VMM.Timeline.DataObj.getData(_d);
}
/* DATA /* DATA
================================================== */ ================================================== */
var getData = function(url) { var getData = function(url) {
@ -5790,7 +5991,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
var buildDates = function() { var buildDates = function() {
updateSize(); updateSize();
_dates = [];
VMM.fireEvent(global, "MESSEGE", "Building Dates"); VMM.fireEvent(global, "MESSEGE", "Building Dates");
for(var i = 0; i < data.date.length; i++) { for(var i = 0; i < data.date.length; i++) {
@ -5829,6 +6030,10 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
_date.fulldate = _date.startdate.getTime(); _date.fulldate = _date.startdate.getTime();
_date.text = data.date[i].text; _date.text = data.date[i].text;
_date.content = ""; _date.content = "";
<<<<<<< HEAD:timeline.js
=======
>>>>>>> Canary:compiled/js/timeline.js
_dates.push(_date); _dates.push(_date);
@ -5849,9 +6054,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
var _date = {}; var _date = {};
var td_num = 0; var td_num = 0;
var td = _dates[0].startdate; var td = _dates[0].startdate;
_date.startdate = _dates[0].startdate; _date.startdate = new Date(_dates[0].startdate);
trace(_dates[0].startdate);
trace(_date.startdate);
if (td.getMonth() === 0 && td.getDate() == 1 && td.getHours() === 0 && td.getMinutes() === 0 ) { if (td.getMonth() === 0 && td.getDate() == 1 && td.getHours() === 0 && td.getMinutes() === 0 ) {
// trace("YEAR ONLY"); // trace("YEAR ONLY");
@ -5880,6 +6083,10 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
_date.asset = data.asset; _date.asset = data.asset;
_date.fulldate = _date.startdate.getTime(); _date.fulldate = _date.startdate.getTime();
if (config.embed) {
document.title = _date.headline;
}
_dates.push(_date); _dates.push(_date);
} }
@ -5926,7 +6133,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
/* ELEMENTS /* ELEMENTS
================================================== */ ================================================== */
var $timenav, $content, $time, $timeintervalminor, $timeinterval, $timeintervalmajor, $timebackground, var $timenav, $content, $time, $timeintervalminor, $timeinterval, $timeintervalmajor, $timebackground,
$timeintervalbackground, $timenavline, $timeintervalminor_minor, $toolbar, $zoomin, $zoomout; $timeintervalbackground, $timenavline, $timenavindicator, $timeintervalminor_minor, $toolbar, $zoomin, $zoomout;
/* ADD to Config /* ADD to Config
================================================== */ ================================================== */
@ -6002,6 +6209,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
function reSize(firstrun) { function reSize(firstrun) {
VMM.Lib.css($timenavline, "left", Math.round(config.width/2)+2); VMM.Lib.css($timenavline, "left", Math.round(config.width/2)+2);
VMM.Lib.css($timenavindicator, "left", Math.round(config.width/2)-8);
goToMarker(config.current_slide, config.ease, config.duration, true, firstrun); goToMarker(config.current_slide, config.ease, config.duration, true, firstrun);
}; };
@ -6650,7 +6858,6 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
var _largest_pos = 0; var _largest_pos = 0;
VMM.attachElement(_element_parent, ""); VMM.attachElement(_element_parent, "");
_interval.date = new Date(data[0].startdate.getFullYear(), 0, 1, 0,0,0); _interval.date = new Date(data[0].startdate.getFullYear(), 0, 1, 0,0,0);
for(var i = 0; i < Math.ceil(_interval.number) + 1; i++) { for(var i = 0; i < Math.ceil(_interval.number) + 1; i++) {
@ -6774,7 +6981,6 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
}; };
_array.push(_obj); _array.push(_obj);
} }
VMM.Lib.width($timeintervalminor_minor, _largest_pos); VMM.Lib.width($timeintervalminor_minor, _largest_pos);
@ -6799,6 +7005,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
$timeinterval = VMM.appendAndGetElement($time, "<div>", "time-interval"); $timeinterval = VMM.appendAndGetElement($time, "<div>", "time-interval");
$timebackground = VMM.appendAndGetElement(layout, "<div>", "timenav-background"); $timebackground = VMM.appendAndGetElement(layout, "<div>", "timenav-background");
$timenavline = VMM.appendAndGetElement($timebackground, "<div>", "timenav-line"); $timenavline = VMM.appendAndGetElement($timebackground, "<div>", "timenav-line");
$timenavindicator = VMM.appendAndGetElement($timebackground, "<div>", "timenav-indicator");
$timeintervalbackground = VMM.appendAndGetElement($timebackground, "<div>", "timenav-interval-background", "<div class='top-highlight'></div>"); $timeintervalbackground = VMM.appendAndGetElement($timebackground, "<div>", "timenav-interval-background", "<div class='top-highlight'></div>");
$toolbar = VMM.appendAndGetElement(layout, "<div>", "toolbar"); $toolbar = VMM.appendAndGetElement(layout, "<div>", "toolbar");
@ -7027,7 +7234,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.DataObj == 'undefin
model_array: [], model_array: [],
getData: function(raw_data) { getData: function(raw_data) {
VMM.Timeline.DataObj.data_obj = {};
data = VMM.Timeline.DataObj.data_obj; data = VMM.Timeline.DataObj.data_obj;
if (type.of(raw_data) == "object") { if (type.of(raw_data) == "object") {
@ -7046,6 +7253,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.DataObj == 'undefin
} else { } else {
VMM.fireEvent(global, "MESSEGE", VMM.Timeline.Config.language.messages.loading_timeline); VMM.fireEvent(global, "MESSEGE", VMM.Timeline.Config.language.messages.loading_timeline);
trace("DATA SOURCE: JSON"); trace("DATA SOURCE: JSON");
trace("raw data" + raw_data);
VMM.getJSON(raw_data, VMM.Timeline.DataObj.parseJSON); VMM.getJSON(raw_data, VMM.Timeline.DataObj.parseJSON);
} }
} else if (type.of(raw_data) == "html") { } else if (type.of(raw_data) == "html") {
@ -7118,7 +7326,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.DataObj == 'undefin
_date.startDate = VMM.Lib.html(VMM.Lib.find(this, "time")[0]); _date.startDate = VMM.Lib.html(VMM.Lib.find(this, "time")[0]);
if (VMM.Lib.find(this, "time")[1]) { if (VMM.Lib.find(this, "time")[1]) {
_date.endDate = VMM.Lib.html(VMM.Lib.find(this, "time")[0]); _date.endDate = VMM.Lib.html(VMM.Lib.find(this, "time")[1]);
} }
_date.headline = VMM.Lib.html(VMM.Lib.find(this, "h3")); _date.headline = VMM.Lib.html(VMM.Lib.find(this, "h3"));

0
jquery-min.js → compiled/lib/jquery-min.js vendored
Unescape View File

15
examples/language-example.html → examples/example_googlespreadsheet.html
Unescape View File

@ -2,12 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Language Example Embed Timeline</title> <title>Google Spreadsheet Example</title>
<meta name="description" content="TimelineJS example">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style> <style>
html, body { html, body {
height:100%; height:100%;
@ -38,10 +35,14 @@
width: "100%", width: "100%",
height: "100%", height: "100%",
source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&output=html', source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&output=html',
js: 'http://veritetimeline.appspot.com/latest/locale/fr.js' // FRENCH //font: 'Bevan-PotanoSans', //OPTIONAL
//start_at_end: true, //OPTIONAL
//hash_bookmark: true, //OPTIONAL
css: '../compiled/css/timeline.css', //OPTIONAL
js: '../compiled/js/timeline-min.js' //OPTIONAL
} }
</script> </script>
<script type="text/javascript" src="../timeline-embed.js"></script> <script type="text/javascript" src="../compiled/js/timeline-embed.js"></script>
<!-- END Timeline Embed --> <!-- END Timeline Embed -->
</body> </body>
</html> </html>

13
examples/template_html/index.html → examples/example_html.html
Unescape View File

@ -2,16 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Timeline</title> <title>HTML Example</title>
<meta name="description" content="Template Description"> <meta name="description" content="TimelineJS example">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- CSS --> <!-- CSS -->
<link href="../../timeline.css" rel="stylesheet"> <link href="../compiled/css/timeline.css" rel="stylesheet">
<style> <style>
html, body { html, body {
height:100%; height:100%;
@ -21,7 +16,7 @@
</style> </style>
<!-- JavaScript --> <!-- JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../../timeline-min.js"></script> <script type="text/javascript" src="../compiled/js/timeline-min.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
var timeline = new VMM.Timeline(); var timeline = new VMM.Timeline();

12
examples/kitchen-sink/index.html → examples/example_json.html
Unescape View File

@ -2,8 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Kitchen Sink Timeline</title> <title>JSON Example Timeline</title>
<meta name="description" content="Template Description"> <meta name="description" content="TimelineJS example">
<style> <style>
html, body { html, body {
@ -34,14 +34,14 @@
var timeline_config = { var timeline_config = {
width: "100%", width: "100%",
height: "100%", height: "100%",
source: 'data.json', source: 'example_json.json',
//start_at_end: true, //OPTIONAL //start_at_end: true, //OPTIONAL
//hash_bookmark: true, //OPTIONAL //hash_bookmark: true, //OPTIONAL
css: '../../timeline.css', //OPTIONAL css: '../compiled/css/timeline.css', //OPTIONAL
js: '../../timeline.js' //OPTIONAL js: '../compiled/js/timeline-min.js' //OPTIONAL
} }
</script> </script>
<script type="text/javascript" src="../../timeline-embed.js"></script> <script type="text/javascript" src="../compiled/js/timeline-embed.js"></script>
<!-- END Timeline Embed --> <!-- END Timeline Embed -->
</body> </body>
</html> </html>

0
examples/template_json/data.json → examples/example_json.json
Unescape View File

15
examples/embed.html → examples/example_kitchensink.html
Unescape View File

@ -2,12 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Embed Timeline</title> <title>Kitchen Sink Timeline</title>
<meta name="description" content="TimelineJS example">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style> <style>
html, body { html, body {
height:100%; height:100%;
@ -37,10 +34,14 @@
var timeline_config = { var timeline_config = {
width: "100%", width: "100%",
height: "100%", height: "100%",
source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&output=html' source: 'example_kitchensink.json',
//start_at_end: true, //OPTIONAL
//hash_bookmark: true, //OPTIONAL
css: '../compiled/css/timeline.css', //OPTIONAL
js: '../compiled/js/timeline-min.js' //OPTIONAL
} }
</script> </script>
<script type="text/javascript" src="../timeline-embed.js"></script> <script type="text/javascript" src="../compiled/js/timeline-embed.js"></script>
<!-- END Timeline Embed --> <!-- END Timeline Embed -->
</body> </body>
</html> </html>

0
examples/kitchen-sink/data.json → examples/example_kitchensink.json
Unescape View File

14
examples/template_googlespreadsheet/index.html → examples/example_language.html
Unescape View File

@ -2,8 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Timeline Google Spreadsheet Template</title> <title>Language Example</title>
<meta name="description" content="Template Description"> <meta name="description" content="TimelineJS example">
<style> <style>
html, body { html, body {
@ -35,12 +35,14 @@
width: "100%", width: "100%",
height: "100%", height: "100%",
source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&output=html', source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&output=html',
font: 'Bevan-PotanoSans', //OPTIONAL //start_at_end: true, //OPTIONAL
css: '../../timeline.css', //OPTIONAL //hash_bookmark: true, //OPTIONAL
js: '../../timeline.js' //OPTIONAL css: '../compiled/css/timeline.css', //OPTIONAL
js: '../compiled/js/locale/fr.js' //FRENCH
} }
</script> </script>
<script type="text/javascript" src="http://veritetimeline.appspot.com/latest/timeline-embed.js"></script> <script type="text/javascript" src="../compiled/js/timeline-embed.js"></script>
<!-- END Timeline Embed --> <!-- END Timeline Embed -->
</body> </body>
</html> </html>

BIN
examples/template_googlespreadsheet/.DS_Store vendored
View File

Binary file not shown.

BIN
examples/template_html/.DS_Store vendored
View File

Binary file not shown.

48
examples/template_json/index.html
Unescape View File

@ -1,48 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Timeline JSON Template</title>
<meta name="description" content="Template Description">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
html, body {
height:100%;
padding: 0px;
margin: 0px;
}
#timeline-embed{
margin:0px !important;
border:0px solid #CCC !important;
padding:0px !important;
-webkit-border-radius:0px !important;
-moz-border-radius:0px !important;
border-radius:0px !important;
-moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;
-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;
box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important;
}
</style>
</head>
<body>
<!-- BEGIN Timeline Embed -->
<div id="timeline-embed"></div>
<script type="text/javascript">
var timeline_config = {
width: "100%",
height: "100%",
source: 'data.json'
}
</script>
<script type="text/javascript" src="http://veritetimeline.appspot.com/latest/timeline-embed.js"></script>
<!-- END Timeline Embed -->
</body>
</html>

BIN
source/gfx/timeline.psd
View File

Binary file not shown.

129
source/js/VMM.ExternalAPI.js
Unescape View File

@ -18,6 +18,12 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
if (VMM.master_config.googledocs.active) { if (VMM.master_config.googledocs.active) {
VMM.ExternalAPI.googledocs.pushQue(); VMM.ExternalAPI.googledocs.pushQue();
} }
if (VMM.master_config.wikipedia.active) {
VMM.ExternalAPI.wikipedia.pushQue();
}
if (VMM.master_config.vimeo.active) {
VMM.ExternalAPI.vimeo.pushQue();
}
}, },
@ -506,7 +512,6 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
} else { } else {
api_key = Aes.Ctr.decrypt(VMM.master_config.api_keys_master.flickr, VMM.master_config.vp, 256) api_key = Aes.Ctr.decrypt(VMM.master_config.api_keys_master.flickr, VMM.master_config.vp, 256)
} }
var the_url = "http://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=" + api_key + "&photo_id=" + mid + "&format=json&jsoncallback=?"; var the_url = "http://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=" + api_key + "&photo_id=" + mid + "&format=json&jsoncallback=?";
VMM.getJSON(the_url, VMM.ExternalAPI.flickr.create); VMM.getJSON(the_url, VMM.ExternalAPI.flickr.create);
}, },
@ -516,22 +521,45 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
var id = "flickr_" + flickr_id; var id = "flickr_" + flickr_id;
var flickr_large_id = id + "_large"; var flickr_large_id = id + "_large";
var flickr_thumb_id = id + "_thumb"; var flickr_thumb_id = id + "_thumb";
// FIND LARGE SIZE var flickr_img_size, flickr_img_thumb, flickr_size_found = false;
var flickr_img_large; var flickr_best_size = "Large";
var flickr_large_found = false;
flickr_best_size = VMM.ExternalAPI.flickr.sizes(VMM.master_config.sizes.api.height);
for(var i = 0; i < d.sizes.size.length; i++) { for(var i = 0; i < d.sizes.size.length; i++) {
if (d.sizes.size[i].label == "Large") { if (d.sizes.size[i].label == flickr_best_size) {
flickr_large_found = true; flickr_size_found = true;
flickr_img_large = d.sizes.size[i].source; flickr_img_size = d.sizes.size[i].source;
} }
} }
if (!flickr_large_found) { if (!flickr_size_found) {
flickr_img_large = d.sizes.size[d.sizes.size.length - 1].source; flickr_img_size = d.sizes.size[d.sizes.size.length - 1].source;
}
flickr_img_thumb = d.sizes.size[0].source;
VMM.Lib.attr("#"+flickr_large_id, "src", flickr_img_size);
VMM.attachElement("#"+flickr_thumb_id, "<img src='" + flickr_img_thumb + "'>");
},
sizes: function(s) {
var _size = "";
if (s <= 75) {
_size = "Thumbnail";
} else if (s <= 180) {
_size = "Small";
} else if (s <= 240) {
_size = "Small 320";
} else if (s <= 375) {
_size = "Medium";
} else if (s <= 480) {
_size = "Medium 640";
} else if (s <= 600) {
_size = "Medium 800";
} else {
_size = "Large";
} }
var flickr_img_thumb = d.sizes.size[0].source; return _size;
VMM.Lib.attr("#"+flickr_large_id, "src", flickr_img_large);
VMM.Lib.attr("#"+flickr_thumb_id, "src", flickr_img_thumb);
} }
}, },
@ -561,28 +589,46 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
}, },
wikipedia: { wikipedia: {
//http://en.wikipedia.org/w/api.php?action=query&prop=extracts&titles=Beastie%20Boys&format=json&exintro=1
get: function(url, id) { get: function(url, id) {
trace("WIKIPEDIA GET");
var api_obj = {url: url, id: id}; var api_obj = {url: url, id: id};
VMM.master_config.wikipedia.que.push(api_obj); VMM.master_config.wikipedia.que.push(api_obj);
VMM.master_config.wikipedia.active = true; VMM.master_config.wikipedia.active = true;
}, },
create: function(api_obj) { create: function(api_obj) {
VMM.attachElement("#"+api_obj.id, api_obj.url);
/* var the_url = "http://en.wikipedia.org/w/api.php?action=query&prop=extracts&titles=" + api_obj.url + "&format=json&exintro=1&callback=?";
var the_url = "http://en.wikipedia.org/w/api.php?action=query&prop=extracts&titles=" + wiki.url + "&format=json&exintro=1&callback=?";
VMM.getJSON(the_url, function(d) { VMM.getJSON(the_url, function(d) {
if (d.query.pages[0].extract.match("REDIRECT")) { var wiki_extract = VMM.Util.getObjectAttributeByIndex(d.query.pages, 0).extract;
var wiki_title = VMM.Util.getObjectAttributeByIndex(d.query.pages, 0).title;
var _wiki = "";
var wiki_text = "";
var wiki_text_array = wiki_extract.split("<p>");
var wiki_number_of_paragraphs = 1;
for(var i = 0; i < wiki_text_array.length; i++) {
if (i+1 <= wiki_number_of_paragraphs && i+1 < wiki_text_array.length) {
wiki_text += "<p>" + wiki_text_array[i+1];
}
}
_wiki = "<h4><a href='http://en.wikipedia.org/wiki/" + wiki_title + "' target='_blank'>" + wiki_title + "</a></h4>";
_wiki += "<div class='wiki-source'>From Wikipedia, the free encyclopedia</span>";
_wiki += VMM.Util.linkify_wikipedia(wiki_text);
if (wiki_extract.match("REDIRECT")) {
} else {
VMM.attachElement("#"+api_obj.id, _wiki );
} }
VMM.attachElement("#"+wiki.id, d.html);
}); });
*/
}, },
pushQue: function() { pushQue: function() {
trace("WIKIPEDIA PUSH QUE");
for(var i = 0; i < VMM.master_config.wikipedia.que.length; i++) { for(var i = 0; i < VMM.master_config.wikipedia.que.length; i++) {
VMM.ExternalAPI.wikipedia.create(VMM.master_config.wikipedia.que[i]); VMM.ExternalAPI.wikipedia.create(VMM.master_config.wikipedia.que[i]);
} }
@ -594,6 +640,8 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
youtube: { youtube: {
get: function(id) { get: function(id) {
var url = "http://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=jsonc&callback=?";
if (VMM.master_config.youtube.active) { if (VMM.master_config.youtube.active) {
VMM.master_config.youtube.que.push(id); VMM.master_config.youtube.que.push(id);
} else { } else {
@ -604,6 +652,9 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
}); });
} }
} }
// THUMBNAIL
VMM.getJSON(url, VMM.ExternalAPI.youtube.createThumb);
}, },
create: function(id) { create: function(id) {
@ -635,6 +686,13 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
VMM.master_config.youtube.array.push(p); VMM.master_config.youtube.array.push(p);
}, },
createThumb: function(d) {
trace(d.data.id);
trace(d.data.thumbnail.sqDefault);
var thumb_id = "youtube_" + d.data.id + "_thumb";
VMM.attachElement("#" + thumb_id, "<img src='" + d.data.thumbnail.sqDefault + "'>");
},
pushQue: function() { pushQue: function() {
for(var i = 0; i < VMM.master_config.youtube.que.length; i++) { for(var i = 0; i < VMM.master_config.youtube.que.length; i++) {
VMM.ExternalAPI.youtube.create(VMM.master_config.youtube.que[i]); VMM.ExternalAPI.youtube.create(VMM.master_config.youtube.que[i]);
@ -672,6 +730,35 @@ if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
} }
},
vimeo: {
get: function(id) {
VMM.master_config.vimeo.que.push(id);
VMM.master_config.vimeo.active = true;
},
create: function(d) {
trace("VIMEO CREATE");
// THUMBNAIL
var url = "http://vimeo.com/api/v2/video/" + d + ".json";
VMM.getJSON(url, VMM.ExternalAPI.vimeo.createThumb);
},
createThumb: function(d) {
trace("VIMEO CREATE THUMB");
var thumb_id = "vimeo_" + d[0].id + "_thumb";
VMM.attachElement("#" + thumb_id, "<img src='" + d[0].thumbnail_small + "'>");
},
pushQue: function() {
for(var i = 0; i < VMM.master_config.vimeo.que.length; i++) {
VMM.ExternalAPI.vimeo.create(VMM.master_config.vimeo.que[i]);
}
VMM.master_config.vimeo.que = [];
}
} }
} }

6
source/js/VMM.Library.js
Unescape View File

@ -214,6 +214,12 @@ if(typeof VMM != 'undefined') {
} }
}, },
prepend: function(element, value) {
if( typeof( jQuery ) != 'undefined' ){
jQuery(element).prepend(value);
}
},
show: function(element, duration) { show: function(element, duration) {
if (duration != null && duration != "") { if (duration != null && duration != "") {
if( typeof( jQuery ) != 'undefined' ){ if( typeof( jQuery ) != 'undefined' ){

37
source/js/VMM.MediaElement.js
Unescape View File

@ -24,17 +24,16 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
mediaElem = "<div class='thumbnail thumb-photo'></div>"; mediaElem = "<div class='thumbnail thumb-photo'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "flickr") { } else if (m.type == "flickr") {
//mediaElem = "<div class='thumbnail thumb-photo'><img id='flickr_" + m.id + "_thumb' width='" + _w + "px' height='" + _h + "px'></div>"; mediaElem = "<div class='thumbnail thumb-photo' id='flickr_" + m.id + "_thumb'></div>";
mediaElem = "<div class='thumbnail thumb-photo'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "youtube") { } else if (m.type == "youtube") {
mediaElem = "<div class='thumbnail thumb-youtube'></div>"; mediaElem = "<div class='thumbnail thumb-youtube' id='youtube_" + m.id + "_thumb'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "googledoc") { } else if (m.type == "googledoc") {
mediaElem = "<div class='thumbnail thumb-document'></div>"; mediaElem = "<div class='thumbnail thumb-document'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "vimeo") { } else if (m.type == "vimeo") {
mediaElem = "<div class='thumbnail thumb-vimeo'></div>"; mediaElem = "<div class='thumbnail thumb-vimeo' id='vimeo_" + m.id + "_thumb'></div>";
return mediaElem; return mediaElem;
} else if (m.type == "dailymotion") { } else if (m.type == "dailymotion") {
mediaElem = "<div class='thumbnail thumb-video'></div>"; mediaElem = "<div class='thumbnail thumb-video'></div>";
@ -95,27 +94,28 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
} }
// IMAGE // IMAGE
if (m.type == "image") { if (m.type == "image") {
mediaElem = "<img src='" + m.id + "'>"; mediaElem = "<div class='media-image media-shadow'><img src='" + m.id + "' class='media-image'></div>";
// FLICKR // FLICKR
} else if (m.type == "flickr") { } else if (m.type == "flickr") {
_id = "flickr_" + m.id; _id = "flickr_" + m.id;
mediaElem = "<a href='" + m.link + "' target='_blank'><img id='" + _id + "_large" + "'></a>"; mediaElem = "<div class='media-image media-shadow'><a href='" + m.link + "' target='_blank'><img id='" + _id + "_large" + "'></a></div>";
VMM.ExternalAPI.flickr.get(m.id, "#" + _id); VMM.ExternalAPI.flickr.get(m.id, "#" + _id);
// GOOGLE DOCS // GOOGLE DOCS
} else if (m.type == "googledoc") { } else if (m.type == "googledoc") {
_id = "googledoc_" + VMM.Util.unique_ID(5); _id = "googledoc_" + VMM.Util.unique_ID(5);
mediaElem = "<div class='media-frame doc' id='" + _id + "'><span class='messege'><p>Loading Document</p></span></div>"; mediaElem = "<div class='media-frame media-shadow doc' id='" + _id + "'><span class='messege'><p>Loading Document</p></span></div>";
VMM.ExternalAPI.googledocs.get(m.id, _id); VMM.ExternalAPI.googledocs.get(m.id, _id);
// YOUTUBE // YOUTUBE
} else if (m.type == "youtube") { } else if (m.type == "youtube") {
mediaElem = "<div class='media-frame video youtube' id='youtube_" + m.id + "'><span class='messege'><p>Loading YouTube video</p></span></div>"; mediaElem = "<div class='media-shadow'><div class='media-frame video youtube' id='youtube_" + m.id + "'><span class='messege'><p>Loading YouTube video</p></span></div></div>";
VMM.ExternalAPI.youtube.get(m.id); VMM.ExternalAPI.youtube.get(m.id);
// VIMEO // VIMEO
} else if (m.type == "vimeo") { } else if (m.type == "vimeo") {
mediaElem = "<iframe class='media-frame video vimeo' autostart='false' frameborder='0' width='100%' height='100%' src='http://player.vimeo.com/video/" + m.id + "?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff'></iframe>"; mediaElem = "<div class='media-shadow'><iframe class='media-frame video vimeo' autostart='false' frameborder='0' width='100%' height='100%' src='http://player.vimeo.com/video/" + m.id + "?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff'></iframe></div>";
VMM.ExternalAPI.vimeo.get(m.id);
// DAILYMOTION // DAILYMOTION
} else if (m.type == "dailymotion") { } else if (m.type == "dailymotion") {
mediaElem = "<iframe class='media-frame video dailymotion' autostart='false' frameborder='0' width='100%' height='100%' src='http://www.dailymotion.com/embed/video/" + m.id + "'></iframe>"; mediaElem = "<div class='media-shadow'><iframe class='media-frame video dailymotion' autostart='false' frameborder='0' width='100%' height='100%' src='http://www.dailymotion.com/embed/video/" + m.id + "'></iframe></div>";
// TWITTER // TWITTER
} else if (m.type == "twitter"){ } else if (m.type == "twitter"){
mediaElem = "<div class='twitter' id='" + "twitter_" + m.id + "'><span class='messege'><p>Loading Tweet</p></span></div>"; mediaElem = "<div class='twitter' id='" + "twitter_" + m.id + "'><span class='messege'><p>Loading Tweet</p></span></div>";
@ -123,29 +123,32 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
VMM.ExternalAPI.twitter.prettyHTML(m.id); VMM.ExternalAPI.twitter.prettyHTML(m.id);
// TWITTER // TWITTER
} else if (m.type == "twitter-ready") { } else if (m.type == "twitter-ready") {
isTextMedia = true;
mediaElem = m.id; mediaElem = m.id;
// SOUNDCLOUD // SOUNDCLOUD
} else if (m.type == "soundcloud") { } else if (m.type == "soundcloud") {
_id = "soundcloud_" + VMM.Util.unique_ID(5); _id = "soundcloud_" + VMM.Util.unique_ID(5);
mediaElem = "<div class='media-frame soundcloud' id='" + _id + "'><span class='messege'><p>Loading Sound</p></span></div>"; mediaElem = "<div class='media-frame media-shadow soundcloud' id='" + _id + "'><span class='messege'><p>Loading Sound</p></span></div>";
VMM.ExternalAPI.soundcloud.get(m.id, _id); VMM.ExternalAPI.soundcloud.get(m.id, _id);
// GOOGLE MAPS // GOOGLE MAPS
} else if (m.type == "google-map") { } else if (m.type == "google-map") {
_id = "googlemap_" + VMM.Util.unique_ID(7); _id = "googlemap_" + VMM.Util.unique_ID(7);
mediaElem = "<div class='media-frame map' id='" + _id + "'><span class='messege'><p>Loading Map</p></span></div>"; mediaElem = "<div class='media-frame media-shadow map' id='" + _id + "'><span class='messege'><p>Loading Map</p></span></div>";
VMM.ExternalAPI.googlemaps.get(m.id, _id); VMM.ExternalAPI.googlemaps.get(m.id, _id);
// WIKIPEDIA // WIKIPEDIA
} else if (m.type == "wikipedia") { } else if (m.type == "wikipedia") {
_id = "wikipedia_" + VMM.Util.unique_ID(7); _id = "wikipedia_" + VMM.Util.unique_ID(7);
mediaElem = "<div class='wikipedia' id='" + "wikipedia_" + _id + "'><span class='messege'><p>Loading Wikipedia</p></span></div>"; mediaElem = "<div class='wikipedia' id='" + _id + "'><span class='messege'><p>Loading Wikipedia</p></span></div>";
isTextMedia = true;
VMM.ExternalAPI.wikipedia.get(m.id, _id); VMM.ExternalAPI.wikipedia.get(m.id, _id);
// UNKNOWN // UNKNOWN
} else if (m.type == "unknown") { } else if (m.type == "unknown") {
trace("NO KNOWN MEDIA TYPE FOUND TRYING TO JUST PLACE THE HTML"); trace("NO KNOWN MEDIA TYPE FOUND TRYING TO JUST PLACE THE HTML");
mediaElem = "<div class='media-frame plain-text'><div class='container'>" + VMM.Util.properQuotes(m.id) + "</div></div>"; isTextMedia = true;
mediaElem = "<div class='plain-text'><div class='container'>" + VMM.Util.properQuotes(m.id) + "</div></div>";
// WEBSITE // WEBSITE
} else if (m.type == "website") { } else if (m.type == "website") {
mediaElem = "<iframe class='media-frame website' frameborder='0' autostart='false' width='100%' height='100%' scrolling='yes' marginheight='0' marginwidth='0' src='" + m.id + "'></iframe>"; mediaElem = "<div class='media-shadow'><iframe class='media-frame website' frameborder='0' autostart='false' width='100%' height='100%' scrolling='yes' marginheight='0' marginwidth='0' src='" + m.id + "'></iframe></div>";
//mediaElem = "<a href='" + m.id + "' target='_blank'>" + "<img src='http://api.snapito.com/free/lc?url=" + m.id + "'></a>"; //mediaElem = "<a href='" + m.id + "' target='_blank'>" + "<img src='http://api.snapito.com/free/lc?url=" + m.id + "'></a>";
// NO MATCH // NO MATCH
} else { } else {
@ -157,9 +160,9 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
mediaElem = "<div class='media-container' >" + mediaElem + creditElem + captionElem + "</div>"; mediaElem = "<div class='media-container' >" + mediaElem + creditElem + captionElem + "</div>";
// RETURN // RETURN
if (isTextMedia) { if (isTextMedia) {
return "<div class='media text-media'><div class='media-wrapper'>" + mediaElem + "</div></div>"; return "<div class='text-media'><div class='media-wrapper'>" + mediaElem + "</div></div>";
} else { } else {
return "<div class='media'><div class='media-wrapper'>" + mediaElem + "</div></div>"; return "<div class='media-wrapper'>" + mediaElem + "</div>";
} }
/* /*

5
source/js/VMM.MediaType.js
Unescape View File

@ -62,7 +62,10 @@ if(typeof VMM != 'undefined' && typeof VMM.MediaType == 'undefined') {
success = true; success = true;
} else if (d.match('(www.)?wikipedia\.org')) { } else if (d.match('(www.)?wikipedia\.org')) {
media.type = "wikipedia"; media.type = "wikipedia";
media.id = d; //media.id = d.split("wiki\/")[1];
var wiki_id = d.split("wiki\/")[1].split("#")[0].replace("_", " ");
media.id = VMM.Util.toTitleCase(wiki_id).replace(" ", "%20");
trace("WIKIPEDIA " + media.id);
success = true; success = true;
} else if (d.indexOf('http://') == 0) { } else if (d.indexOf('http://') == 0) {
media.type = "website"; media.type = "website";

89
source/js/VMM.Slider.Slide.js
Unescape View File

@ -8,13 +8,20 @@ if (typeof VMM.Slider != 'undefined') {
var slide = {}; var slide = {};
var media = ""; var media = "";
var loaded = false; var loaded = false;
var preloaded = false;
var is_skinny = false;
var element = VMM.appendAndGetElement(_parent, "<div>", "slider-item"); var element = VMM.appendAndGetElement(_parent, "<div>", "slider-item");
var c = {slide:"", text: "", media: "", media_element: "", layout: "content-container layout", has: { headline: false, text: false, media: false }};
var $media, $text, $slide, $wrap;
/* PUBLIC /* PUBLIC
================================================== */ ================================================== */
this.show = function() { this.show = function(skinny) {
if (!loaded) { if (!loaded) {
render(); if (preloaded) {
reLayout(skinny);
} else {
render(skinny);
}
} }
}; };
@ -24,6 +31,12 @@ if (typeof VMM.Slider != 'undefined') {
} }
}; };
this.layout = function(skinny) {
if (loaded && preloaded) {
reLayout(skinny);
}
};
this.elem = function() { this.elem = function() {
return element; return element;
}; };
@ -36,7 +49,6 @@ if (typeof VMM.Slider != 'undefined') {
if(typeof p != 'undefined') { if(typeof p != 'undefined') {
VMM.Lib.css(element, "left", p); VMM.Lib.css(element, "left", p);
} else { } else {
trace("LEFT: " + VMM.Lib.position(element).left);
return VMM.Lib.position(element).left return VMM.Lib.position(element).left
} }
}; };
@ -61,23 +73,54 @@ if (typeof VMM.Slider != 'undefined') {
return VMM.Lib.height(element); return VMM.Lib.height(element);
}; };
this.content_height = function () {
var ch = VMM.Lib.find( element, ".content")[0];
if (ch != 'undefined' && ch != null) {
return VMM.Lib.height(ch);
} else {
return 0;
}
}
/* PRIVATE /* PRIVATE
================================================== */ ================================================== */
var render = function() { var render = function(skinny) {
VMM.attachElement(element, ""); buildSlide(skinny);
VMM.appendElement(element, buildSlide() );
loaded = true; loaded = true;
preloaded = true;
var timer = setTimeout(VMM.ExternalAPI.pushQues, 500); var timer = setTimeout(VMM.ExternalAPI.pushQues, 500);
}; };
var removeSlide = function() { var removeSlide = function() {
VMM.attachElement(element, ""); //VMM.attachElement(element, "");
loaded = false; loaded = false;
} }
var buildSlide = function() { var reLayout = function(skinny) {
var c = {slide:"", text: "", media: "", layout: "content-container layout", has: { headline: false, text: false, media: false }};
var b_slide, c_wrap; if (c.has.text) {
if (skinny) {
if (!is_skinny) {
VMM.Lib.removeClass($slide, "pad-left");
VMM.Lib.detach($text);
VMM.Lib.prepend($slide, $text);
is_skinny = true;
}
} else {
if (is_skinny) {
VMM.Lib.addClass($slide, "pad-left");
VMM.Lib.detach($text);
VMM.Lib.append($slide, $text);
is_skinny = false
}
}
}
}
var buildSlide = function(skinny) {
$wrap = VMM.appendAndGetElement(element, "<div>", "content");
$slide = VMM.appendAndGetElement($wrap, "<div>");
/* DATE /* DATE
================================================== */ ================================================== */
@ -115,7 +158,7 @@ if (typeof VMM.Slider != 'undefined') {
if (c.has.text || c.has.headline) { if (c.has.text || c.has.headline) {
c.text = VMM.createElement("div", c.text, "container"); c.text = VMM.createElement("div", c.text, "container");
c.text = VMM.createElement("div", c.text, "text"); $text = VMM.appendAndGetElement($slide, "<div>", "text", c.text);
} }
/* MEDIA /* MEDIA
@ -123,7 +166,7 @@ if (typeof VMM.Slider != 'undefined') {
if (data.asset != null && data.asset != "") { if (data.asset != null && data.asset != "") {
if (data.asset.media != null && data.asset.media != "") { if (data.asset.media != null && data.asset.media != "") {
c.has.media = true; c.has.media = true;
c.media = VMM.MediaElement.create(data.asset); $media = VMM.appendAndGetElement($slide, "<div>", "media", VMM.MediaElement.create(data.asset));
} }
} }
@ -132,13 +175,21 @@ if (typeof VMM.Slider != 'undefined') {
if (c.has.text) { c.layout += "-text" }; if (c.has.text) { c.layout += "-text" };
if (c.has.media){ c.layout += "-media" }; if (c.has.media){ c.layout += "-media" };
c.slide = VMM.createElement("div", c.text + c.media, c.layout); if (c.has.text) {
c_wrap = VMM.createElement("div", c.slide, "content"); if (skinny) {
VMM.Lib.addClass($slide, c.layout);
is_skinny = true;
} else {
VMM.Lib.addClass($slide, c.layout);
VMM.Lib.addClass($slide, "pad-left");
VMM.Lib.detach($text);
VMM.Lib.append($slide, $text);
}
} else {
VMM.Lib.addClass($slide, c.layout);
}
/* RETURN
================================================== */
// return c.slide;
return c_wrap;
}; };

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

@ -285,7 +285,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
var preloadTimeOutSlides = function() { var preloadTimeOutSlides = function() {
for(var j = 0; j < config.preload; j++) { for(var j = 0; j < config.preload; j++) {
if ( !((current_slide + j) >= slides.length - 1)) { if ( !((current_slide + j) > slides.length - 1)) {
slides[current_slide + j].show(); slides[current_slide + j].show();
} }
if ( !( (current_slide - j) < 0 ) ) { if ( !( (current_slide - j) < 0 ) ) {
@ -321,6 +321,9 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
} }
} }
VMM.master_config.sizes.api.width = mediasize.media.width;
VMM.master_config.sizes.api.height = mediasize.media.height;
mediasize.text_media.video = VMM.Util.ratio.fit(mediasize.text_media.width, mediasize.text_media.height, 16, 9); mediasize.text_media.video = VMM.Util.ratio.fit(mediasize.text_media.width, mediasize.text_media.height, 16, 9);
mediasize.media.video = VMM.Util.ratio.fit(mediasize.media.width, mediasize.media.height, 16, 9); mediasize.media.video = VMM.Util.ratio.fit(mediasize.media.width, mediasize.media.height, 16, 9);
@ -330,7 +333,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
// HANDLE SMALLER SIZES // HANDLE SMALLER SIZES
var is_skinny = false; var is_skinny = false;
if (current_width <= 650) { if (current_width <= 600) {
is_skinny = true; is_skinny = true;
} else if (VMM.Browser.device == "mobile" && VMM.Browser.orientation == "portrait") { } else if (VMM.Browser.device == "mobile" && VMM.Browser.orientation == "portrait") {
is_skinny = true; is_skinny = true;
@ -353,20 +356,13 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", config.slider.content.width ); VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", config.slider.content.width );
VMM.Lib.css(".slider-item .layout-text-media .media", "float", "none" ); VMM.Lib.css(".slider-item .layout-text-media .media", "float", "none" );
VMM.Lib.addClass(".slider-item .content-container", "pad-top");
VMM.Lib.css(".slider-item .media blockquote p", "line-height", "18px" ); VMM.Lib.css(".slider-item .media blockquote p", "line-height", "18px" );
VMM.Lib.css(".slider-item .media blockquote p", "font-size", "16px" ); VMM.Lib.css(".slider-item .media blockquote p", "font-size", "16px" );
VMM.Lib.css(".slider-item", "overflow-y", "auto" ); VMM.Lib.css(".slider-item", "overflow-y", "auto" );
// MAINTAINS VERTICAL CENTER IF IT CAN
for(var i = 0; i < slides.length; i++) {
if (VMM.Lib.height(VMM.Lib.find( slides[i], ".content")) > config.slider.height) {
slides[i].css("display", "block");
} else {
slides[i].css("display", "table");
}
}
} else { } else {
@ -375,6 +371,9 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
VMM.Lib.css(".slider-item .layout-text-media .text .container", "display", "table-cell" ); VMM.Lib.css(".slider-item .layout-text-media .text .container", "display", "table-cell" );
VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", "auto" ); VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", "auto" );
//VMM.Lib.addClass(".slider-item .content-container", "pad-left");
VMM.Lib.removeClass(".slider-item .content-container", "pad-top");
VMM.Lib.css(".slider-item .layout-text-media .media", "float", "left" ); VMM.Lib.css(".slider-item .layout-text-media .media", "float", "left" );
VMM.Lib.css(".slider-item .layout-text-media", "display", "table" ); VMM.Lib.css(".slider-item .layout-text-media", "display", "table" );
@ -425,7 +424,18 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
VMM.Lib.height( layout_text_media + ".doc", mediasize.text_media.height); VMM.Lib.height( layout_text_media + ".doc", mediasize.text_media.height);
VMM.Lib.height( layout_media + ".doc", mediasize.media.height); VMM.Lib.height( layout_media + ".doc", mediasize.media.height);
trace(mediasize); // MAINTAINS VERTICAL CENTER IF IT CAN
for(var i = 0; i < slides.length; i++) {
slides[i].layout(is_skinny);
if (slides[i].content_height() > config.slider.height + 20) {
slides[i].css("display", "block");
} else {
slides[i].css("display", "table");
}
}
} }
/* POSITION SLIDES /* POSITION SLIDES
@ -434,7 +444,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
var pos = 0; var pos = 0;
for(var i = 0; i < slides.length; i++) { for(var i = 0; i < slides.length; i++) {
pos = i * (config.slider.width+config.spacing); pos = i * (config.slider.width+config.spacing);
//VMM.Lib.css(slides[i], "left", pos);
slides[i].leftpos(pos); slides[i].leftpos(pos);
} }
} }
@ -445,13 +454,10 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
var _ease = "linear"; var _ease = "linear";
for(var i = 0; i < slides.length; i++) { for(var i = 0; i < slides.length; i++) {
if (i == current_slide) { if (i == current_slide) {
//VMM.Lib.animate(slides[i], config.duration, _ease, {"opacity": 1});
slides[i].animate(config.duration, _ease, {"opacity": 1}); slides[i].animate(config.duration, _ease, {"opacity": 1});
} else if (i == current_slide - 1 || i == current_slide + 1) { } else if (i == current_slide - 1 || i == current_slide + 1) {
//VMM.Lib.animate(slides[i], config.duration, _ease, {"opacity": 0.1});
slides[i].animate(config.duration, _ease, {"opacity": 0.1}); slides[i].animate(config.duration, _ease, {"opacity": 0.1});
} else { } else {
//VMM.Lib.css(slides[i], "opacity", n);
slides[i].opacity(n); slides[i].opacity(n);
} }
} }
@ -475,7 +481,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
var is_first = false; var is_first = false;
var _pos = slides[current_slide].leftpos(); var _pos = slides[current_slide].leftpos();
var _title = ""; var _title = "";
//var _pos = VMM.Lib.position(slides[current_slide]);
if (current_slide == 0) {is_first = true}; if (current_slide == 0) {is_first = true};
if (current_slide +1 >= slides.length) {is_last = true}; if (current_slide +1 >= slides.length) {is_last = true};
@ -484,7 +489,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
/* set proper nav titles and dates etc. /* set proper nav titles and dates etc.
================================================== */ ================================================== */
trace(data[current_slide]);
if (is_first) { if (is_first) {
VMM.Lib.visible(navigation.prevBtn, false); VMM.Lib.visible(navigation.prevBtn, false);
} else { } else {
@ -537,8 +541,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
/* SET Vertical Scoll /* SET Vertical Scoll
================================================== */ ================================================== */
//opacitySlides(0.85);
//if (VMM.Lib.height(slides[current_slide]) > config.slider_height) {
if (slides[current_slide].height() > config.slider_height) { if (slides[current_slide].height() > config.slider_height) {
VMM.Lib.css(".slider", "overflow-y", "scroll" ); VMM.Lib.css(".slider", "overflow-y", "scroll" );
} else { } else {
@ -547,7 +549,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
} }
preloadSlides(); preloadSlides();
//VMM.Lib.css(navigation.nextBtnContainer, "left", ( VMM.Lib.width(navigation.nextBtnContainer) - config.slider.nav.width) );
} }
/* BUILD NAVIGATION /* BUILD NAVIGATION

2
source/js/VMM.TImeline.Min.js
Unescape View File

@ -20,7 +20,7 @@
/* CodeKit Import /* CodeKit Import
http://incident57.com/codekit/ http://incident57.com/codekit/
================================================== */ ================================================== */
// @codekit-prepend "VMM.Timeline.License.js";
// @codekit-prepend "VMM.Timeline.js"; // @codekit-prepend "VMM.Timeline.js";
VMM.debug = false; VMM.debug = false;

5
source/js/VMM.Timeline.DataObj.js
Unescape View File

@ -10,7 +10,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.DataObj == 'undefin
model_array: [], model_array: [],
getData: function(raw_data) { getData: function(raw_data) {
VMM.Timeline.DataObj.data_obj = {};
data = VMM.Timeline.DataObj.data_obj; data = VMM.Timeline.DataObj.data_obj;
if (type.of(raw_data) == "object") { if (type.of(raw_data) == "object") {
@ -29,6 +29,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.DataObj == 'undefin
} else { } else {
VMM.fireEvent(global, "MESSEGE", VMM.Timeline.Config.language.messages.loading_timeline); VMM.fireEvent(global, "MESSEGE", VMM.Timeline.Config.language.messages.loading_timeline);
trace("DATA SOURCE: JSON"); trace("DATA SOURCE: JSON");
trace("raw data" + raw_data);
VMM.getJSON(raw_data, VMM.Timeline.DataObj.parseJSON); VMM.getJSON(raw_data, VMM.Timeline.DataObj.parseJSON);
} }
} else if (type.of(raw_data) == "html") { } else if (type.of(raw_data) == "html") {
@ -101,7 +102,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.DataObj == 'undefin
_date.startDate = VMM.Lib.html(VMM.Lib.find(this, "time")[0]); _date.startDate = VMM.Lib.html(VMM.Lib.find(this, "time")[0]);
if (VMM.Lib.find(this, "time")[1]) { if (VMM.Lib.find(this, "time")[1]) {
_date.endDate = VMM.Lib.html(VMM.Lib.find(this, "time")[0]); _date.endDate = VMM.Lib.html(VMM.Lib.find(this, "time")[1]);
} }
_date.headline = VMM.Lib.html(VMM.Lib.find(this, "h3")); _date.headline = VMM.Lib.html(VMM.Lib.find(this, "h3"));

2
source/js/VMM.Timeline.License.js
Unescape View File

@ -1,5 +1,5 @@
/*! /*!
Timeline TimelineJS
Designed and built by Zach Wise at VéritéCo Designed and built by Zach Wise at VéritéCo
This program is free software: you can redistribute it and/or modify This program is free software: you can redistribute it and/or modify

6
source/js/VMM.Timeline.TimeNav.js
Unescape View File

@ -22,7 +22,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
/* ELEMENTS /* ELEMENTS
================================================== */ ================================================== */
var $timenav, $content, $time, $timeintervalminor, $timeinterval, $timeintervalmajor, $timebackground, var $timenav, $content, $time, $timeintervalminor, $timeinterval, $timeintervalmajor, $timebackground,
$timeintervalbackground, $timenavline, $timeintervalminor_minor, $toolbar, $zoomin, $zoomout; $timeintervalbackground, $timenavline, $timenavindicator, $timeintervalminor_minor, $toolbar, $zoomin, $zoomout;
/* ADD to Config /* ADD to Config
================================================== */ ================================================== */
@ -98,6 +98,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
function reSize(firstrun) { function reSize(firstrun) {
VMM.Lib.css($timenavline, "left", Math.round(config.width/2)+2); VMM.Lib.css($timenavline, "left", Math.round(config.width/2)+2);
VMM.Lib.css($timenavindicator, "left", Math.round(config.width/2)-8);
goToMarker(config.current_slide, config.ease, config.duration, true, firstrun); goToMarker(config.current_slide, config.ease, config.duration, true, firstrun);
}; };
@ -746,7 +747,6 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
var _largest_pos = 0; var _largest_pos = 0;
VMM.attachElement(_element_parent, ""); VMM.attachElement(_element_parent, "");
_interval.date = new Date(data[0].startdate.getFullYear(), 0, 1, 0,0,0); _interval.date = new Date(data[0].startdate.getFullYear(), 0, 1, 0,0,0);
for(var i = 0; i < Math.ceil(_interval.number) + 1; i++) { for(var i = 0; i < Math.ceil(_interval.number) + 1; i++) {
@ -870,7 +870,6 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
}; };
_array.push(_obj); _array.push(_obj);
} }
VMM.Lib.width($timeintervalminor_minor, _largest_pos); VMM.Lib.width($timeintervalminor_minor, _largest_pos);
@ -895,6 +894,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin
$timeinterval = VMM.appendAndGetElement($time, "<div>", "time-interval"); $timeinterval = VMM.appendAndGetElement($time, "<div>", "time-interval");
$timebackground = VMM.appendAndGetElement(layout, "<div>", "timenav-background"); $timebackground = VMM.appendAndGetElement(layout, "<div>", "timenav-background");
$timenavline = VMM.appendAndGetElement($timebackground, "<div>", "timenav-line"); $timenavline = VMM.appendAndGetElement($timebackground, "<div>", "timenav-line");
$timenavindicator = VMM.appendAndGetElement($timebackground, "<div>", "timenav-indicator");
$timeintervalbackground = VMM.appendAndGetElement($timebackground, "<div>", "timenav-interval-background", "<div class='top-highlight'></div>"); $timeintervalbackground = VMM.appendAndGetElement($timebackground, "<div>", "timenav-interval-background", "<div class='top-highlight'></div>");
$toolbar = VMM.appendAndGetElement(layout, "<div>", "toolbar"); $toolbar = VMM.appendAndGetElement(layout, "<div>", "toolbar");

33
source/js/VMM.Timeline.js
Unescape View File

@ -19,9 +19,7 @@
/* CodeKit Import /* CodeKit Import
http://incident57.com/codekit/ http://incident57.com/codekit/
================================================== */ ================================================== */
// @codekit-prepend "VMM.Timeline.License.js"; // @codekit-prepend "VMM.Timeline.License.js";
// @codekit-prepend "VMM.js"; // @codekit-prepend "VMM.js";
// @codekit-prepend "VMM.Library.js"; // @codekit-prepend "VMM.Library.js";
// @codekit-prepend "VMM.Browser.js"; // @codekit-prepend "VMM.Browser.js";
@ -44,6 +42,9 @@
// @codekit-prepend "lib/AES.js"; // @codekit-prepend "lib/AES.js";
// @codekit-prepend "lib/bootstrap-tooltip.js"; // @codekit-prepend "lib/bootstrap-tooltip.js";
/* Timeline /* Timeline
================================================== */ ================================================== */
@ -61,13 +62,14 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
timeline_id = "#timeline"; timeline_id = "#timeline";
} }
version = "1.10"; version = "1.30";
trace("TIMELINE VERSION " + version); trace("TIMELINE VERSION " + version);
/* CONFIG /* CONFIG
================================================== */ ================================================== */
config = { config = {
embed: false,
id: timeline_id, id: timeline_id,
type: "timeline", type: "timeline",
maptype: "toner", maptype: "toner",
@ -219,7 +221,8 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
================================================== */ ================================================== */
function onDataReady(e, d) { function onDataReady(e, d) {
trace("onDataReady");
trace(d);
data = d.timeline; data = d.timeline;
if (type.of(data.era) == "array") { if (type.of(data.era) == "array") {
@ -320,7 +323,6 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
VMM.fireEvent(global, "MESSEGE", "Internet Explorer 7 is not supported by #Timeline."); VMM.fireEvent(global, "MESSEGE", "Internet Explorer 7 is not supported by #Timeline.");
} else { } else {
if (type.of(_data) == "string" || type.of(_data) == "object") { if (type.of(_data) == "string" || type.of(_data) == "object") {
trace("GET DATA 1")
VMM.Timeline.DataObj.getData(_data); VMM.Timeline.DataObj.getData(_data);
} else { } else {
VMM.Timeline.DataObj.getData(VMM.getElement(timeline_id)); VMM.Timeline.DataObj.getData(VMM.getElement(timeline_id));
@ -333,6 +335,13 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
trace("iframeLoaded"); trace("iframeLoaded");
}; };
this.reload = function(_d) {
trace("loadNewDates" + _d);
$messege = VMM.appendAndGetElement($feedback, "<div>", "messege", VMM.Timeline.Config.language.messages.loading_timeline);
data = {};
VMM.Timeline.DataObj.getData(_d);
}
/* DATA /* DATA
================================================== */ ================================================== */
var getData = function(url) { var getData = function(url) {
@ -406,7 +415,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
var buildDates = function() { var buildDates = function() {
updateSize(); updateSize();
_dates = [];
VMM.fireEvent(global, "MESSEGE", "Building Dates"); VMM.fireEvent(global, "MESSEGE", "Building Dates");
for(var i = 0; i < data.date.length; i++) { for(var i = 0; i < data.date.length; i++) {
@ -445,6 +454,10 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
_date.fulldate = _date.startdate.getTime(); _date.fulldate = _date.startdate.getTime();
_date.text = data.date[i].text; _date.text = data.date[i].text;
_date.content = ""; _date.content = "";
<<<<<<< HEAD
=======
>>>>>>> Canary
_dates.push(_date); _dates.push(_date);
@ -465,9 +478,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
var _date = {}; var _date = {};
var td_num = 0; var td_num = 0;
var td = _dates[0].startdate; var td = _dates[0].startdate;
_date.startdate = _dates[0].startdate; _date.startdate = new Date(_dates[0].startdate);
trace(_dates[0].startdate);
trace(_date.startdate);
if (td.getMonth() === 0 && td.getDate() == 1 && td.getHours() === 0 && td.getMinutes() === 0 ) { if (td.getMonth() === 0 && td.getDate() == 1 && td.getHours() === 0 && td.getMinutes() === 0 ) {
// trace("YEAR ONLY"); // trace("YEAR ONLY");
@ -496,6 +507,10 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
_date.asset = data.asset; _date.asset = data.asset;
_date.fulldate = _date.startdate.getTime(); _date.fulldate = _date.startdate.getTime();
if (config.embed) {
document.title = _date.headline;
}
_dates.push(_date); _dates.push(_date);
} }

22
source/js/VMM.Util.js
Unescape View File

@ -8,7 +8,7 @@ if(typeof VMM != 'undefined' && typeof VMM.Util == 'undefined') {
return this; return this;
}, },
/* CORRECT PROTOCOL /* CORRECT PROTOCOL (DOES NOT WORK)
================================================== */ ================================================== */
correctProtocol: function(url) { correctProtocol: function(url) {
var loc = (window.parent.location.protocol).toString(); var loc = (window.parent.location.protocol).toString();
@ -25,6 +25,18 @@ if(typeof VMM != 'undefined' && typeof VMM.Util == 'undefined') {
}, },
/* GET OBJECT ATTRIBUTE BY INDEX
================================================== */
getObjectAttributeByIndex: function(obj, index) {
var i = 0;
for (var attr in obj){
if (index === i){
return obj[attr];
}
i++;
}
return null;
},
/* RANDOM BETWEEN /* RANDOM BETWEEN
================================================== */ ================================================== */
//VMM.Util.randomBetween(1, 3) //VMM.Util.randomBetween(1, 3)
@ -404,6 +416,14 @@ if(typeof VMM != 'undefined' && typeof VMM.Util == 'undefined') {
.replace(twitterSearchPattern, "<a href='http://twitter.com/#search?q=%23$2' target='_blank' 'void(0)'>$1</a>"); .replace(twitterSearchPattern, "<a href='http://twitter.com/#search?q=%23$2' target='_blank' 'void(0)'>$1</a>");
}, },
linkify_wikipedia: function(text) {
var urlPattern = /<i[^>]*>(.*?)<\/i>/gim;
return text
.replace(urlPattern, "<a target='_blank' href='http://en.wikipedia.org/wiki/$&' onclick='void(0)'>$&</a>")
.replace(/<i\b[^>]*>/gim, "")
.replace(/<\/i>/gim, "");
},
/* Turns plain text links into real links /* Turns plain text links into real links
================================================== */ ================================================== */
// VMM.Util.unlinkify(); // VMM.Util.unlinkify();

23
source/js/VMM.js
Unescape View File

@ -103,6 +103,13 @@ if (typeof VMM == 'undefined') {
return this; return this;
}, },
sizes: {
api: {
width: 0,
height: 0
}
},
vp: "Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo", vp: "Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo",
api_keys_master: { api_keys_master: {
@ -111,6 +118,13 @@ if (typeof VMM == 'undefined') {
twitter: "" twitter: ""
}, },
flickr: {
active: false,
array: [],
api_loaded: false,
que: []
},
youtube: { youtube: {
active: false, active: false,
array: [], array: [],
@ -118,6 +132,13 @@ if (typeof VMM == 'undefined') {
que: [] que: []
}, },
vimeo: {
active: false,
array: [],
api_loaded: false,
que: []
},
googlemaps: { googlemaps: {
active: false, active: false,
map_active: false, map_active: false,
@ -168,7 +189,7 @@ if (typeof VMM == 'undefined') {
}; };
if (styles != null && styles != "") { if (styles != null && styles != "") {
ce += " " + styles; ce += " style='" + styles + "'";
}; };
ce += ">"; ce += ">";

31
source/js/locale/ja.js
Unescape View File

@ -0,0 +1,31 @@
// @codekit-prepend "VMM.Timeline.js";
/* LANGUAGE
================================================== */
if(typeof VMM != 'undefined') {
VMM.debug = false;
VMM.Language = {
date: {
month: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
month_abbr: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
day: ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"],
day_abbr: ["日", "月", "火", "水", "木", "金", "土"]
},
dateformats: {
year: "yyyy年",
month_short: "mmm",
month: "yyyy年 m月d日 (ddd)",
full_short: "yyyy年m月d日",
full: "yyyy年 m月d日 (ddd)",
time_no_seconds_short: "HH:MM",
time_no_seconds_small_date: "HH:MM'<br/><small>'yyyy年m月d日'</small>'",
full_long: "yyyy年m月d日 H時M分s秒",
full_long_small_date: "HH:MM:ss'<br/><small>'yyyy年m月d日'</small>'"
},
messages: {
loading_timeline: "Loading Timeline... ",
return_to_title: "Return to Title",
expand_timeline: "Expand Timeline",
contract_timeline: "Contract Timeline"
}
}
}

2
source/js/locale/pt-br.js
Unescape View File

@ -25,7 +25,7 @@ if(typeof VMM != 'undefined') {
loading_timeline: "Carregando Timeline... ", loading_timeline: "Carregando Timeline... ",
return_to_title: "Voltar para o título", return_to_title: "Voltar para o título",
expand_timeline: "Expandir Timeline", expand_timeline: "Expandir Timeline",
contract_timeline: "Contratar Timeline" contract_timeline: "Contrair Timeline"
} }
} }
} }

11
source/js/timeline-embed.js
Unescape View File

@ -20,7 +20,7 @@
/* CodeKit Import /* CodeKit Import
http://incident57.com/codekit/ http://incident57.com/codekit/
================================================== */ ================================================== */
// @codekit-prepend "Embed.LoadLib.js"; // @codekit-prepend "lib/Embed.LoadLib.js";
/* TIMELINE CDN LOADER /* TIMELINE CDN LOADER
@ -109,7 +109,7 @@
var isReady = false; var isReady = false;
var preload_checks = 0; var preload_checks = 0;
var timeout; var timeout;
var timeline; var timelinejs;
/* Add Timeline Div /* Add Timeline Div
================================================== */ ================================================== */
@ -150,7 +150,7 @@
/* Load Font CSS /* Load Font CSS
================================================== */ ================================================== */
if (embed_config.font.match("http://")) { if (embed_config.font.match("/")) {
font_css_url = embed_config.font; font_css_url = embed_config.font;
} else { } else {
font_css_url = font_css_url + embed_config.font + ".css"; font_css_url = font_css_url + embed_config.font + ".css";
@ -270,8 +270,9 @@
if (jsReady && cssReady && fontCSSReady && fontJSReady) { if (jsReady && cssReady && fontCSSReady && fontJSReady) {
if (!isReady) { if (!isReady) {
isReady = true; isReady = true;
timeline = new VMM.Timeline();
timeline.init(embed_config.source); timelinejs = new VMM.Timeline();
timelinejs.init(embed_config.source);
} }
} else { } else {
//alert("run timeout"); //alert("run timeout");

7
source/less/Font/Merriweather-NewsCycle.less
Unescape View File

@ -27,11 +27,16 @@
/* CONTENT /* CONTENT
------------------------------------------------------------------------------------------- */ ------------------------------------------------------------------------------------------- */
p, blockquote, blockquote p, .twitter blockquote p { p, blockquote, blockquote p, .twitter blockquote p {
font-family: @font-serif !important; font-family: @font-sans !important;
}
p {
font-size:16px;
line-height:22px;
} }
.feature { .feature {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: @font-serif; font-family: @font-serif;
font-weight: 900;
} }
} }
} }

10
source/less/gfx.less → source/less/GFX.less
Unescape View File

@ -123,6 +123,16 @@
background-position: -328px -72px; background-position: -328px -72px;
} }
/* Current Time Indicator
----------------------------------------------------------------- */
.icon-currenttime() {
.base-sprite();
background-repeat:no-repeat;
background-position: -160px -48px;
width:24px;
height:24px;
}
/* Time Tics /* Time Tics
----------------------------------------------------------------- */ ----------------------------------------------------------------- */
.background-time-tic() { .background-time-tic() {

6
source/less/mixins.less → source/less/Mixins.less
Unescape View File

@ -97,11 +97,7 @@
} }
// Drop shadows // Drop shadows
.box-shadow(@shadow: 1px 1px 7px rgba(0,0,0,.30)) {
-webkit-box-shadow: @shadow;
-moz-box-shadow: @shadow;
box-shadow: @shadow;
}
// Transitions // Transitions
.transition(@transition) { .transition(@transition) {

5
source/less/reset.less → source/less/Reset.less
Unescape View File

@ -8,6 +8,11 @@
Based on: http://github.com/necolas/normalize.css Based on: http://github.com/necolas/normalize.css
------------------------------------------------------------------------------------------- */ ------------------------------------------------------------------------------------------- */
div * {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td,

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

@ -135,13 +135,47 @@
height:100%; height:100%;
padding:0px; padding:0px;
margin:0px; margin:0px;
overflow: hidden; //overflow: hidden;
display:table; display:table;
overflow-x:hidden;
overflow-y:auto;
.content { .content {
display:table-cell; display:table-cell;
vertical-align:middle; vertical-align:middle;
/* All Slides /* All Slides
================================================== */ ================================================== */
.pad-top {
.text {
.container {
padding-top: @base-space;
}
}
}
.pad-right {
.text {
.container {
padding-right: @base-space;
}
}
}
.pad-left {
.text {
.container {
padding-left: @base-space*2;
}
}
.media.text-media {
.media-wrapper {
.media-container {
border: none;
background-color: @white;
}
}
}
}
.content-container { .content-container {
display:table; display:table;
vertical-align:middle; vertical-align:middle;
@ -155,7 +189,14 @@
display:table-cell; display:table-cell;
vertical-align:middle; vertical-align:middle;
text-align:left; text-align:left;
padding-right: @base-space; p {
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}
} }
} }
.media { .media {
@ -167,17 +208,69 @@
margin-right: auto; margin-right: auto;
.media-container { .media-container {
display:inline-block; display:inline-block;
overflow: hidden;
line-height:0px; line-height:0px;
padding:0px; padding:0px;
//max-height:400px; max-height:100%;
//overflow:hidden;
/* MEDIA SHADOWS AND BORDERS
================================================== */
.media-frame, .media-image img {
border: 1px solid;
border-color: @color-line @color-dark-fourth @color-dark-fourth @color-line;
background:@color-background;
}
.soundcloud {
border: 0;
}
.media-image {
display: inline-block;
}
.media-shadow {
position: relative;
z-index: 1;
background:@color-background;
}
.media-shadow:before, .media-shadow:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: @color-dark-fourth;
-webkit-box-shadow: 0 15px 10px @color-dark-fourth;
-moz-box-shadow: 0 15px 10px @color-dark-fourth;
box-shadow: 0 15px 10px @color-dark-fourth;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.media-shadow::after {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
right: 10px;
left: auto;
}
span.messege { span.messege {
display:block; display:block;
vertical-align:middle; vertical-align:middle;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
text-align:center; text-align:center;
margin-top:50%; background:@color-background;
//margin-top: 50%;
font-size: 28px; font-size: 28px;
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;
@ -195,19 +288,131 @@
} }
} }
} }
img, iframe { .twitter {
border: 1px solid @color-line; text-align:left;
//max-height:350px; margin-left: auto;
margin-right: auto;
margin-bottom:@base-space;
clear:both;
blockquote {
font-size: @base-font;
line-height: @base-line;
color:@color-feature-description;
p {
font-size: 28px;
line-height: 36px;
margin-bottom: 6px;
padding-top: 10px;
background-color:@white;
color:@color-feature-title;
//margin-left:10px;
}
.quote-mark {
color:@color-dark-third;
}
}
.created-at {
.icon-twitter();
width:24px;
height:24px;
overflow:hidden;
margin-left:@base-space;
display:inline-block;
float:right;
.opacity(25);
}
.created-at:hover {
.opacity(100);
}
.vcard {
float:right;
margin-bottom:@base-space;
//position: relative;
a {
color: @color-dark-second;
}
a:hover {
text-decoration: none;
.fn {
text-decoration: underline;
}
}
.fn, .nickname {
padding-left: 42px;
}
.fn {
display:block;
//display:inline;
font-weight: bold;
}
.nickname {
margin-top:3px;
display:block;
color: @color-dark-third;
}
.avatar {
float:left;
//position: absolute;
display: block;
width: 32px;
height: 32px;
img {
//border: 0px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
}
}
}
.wikipedia {
font-size: @base-font;
line-height: @base-line;
text-align:left;
margin-left: auto;
margin-right: auto;
margin-bottom:@base-space;
clear:both;
.wiki-source {
margin-bottom:@base-space;
font-size: 13px;
line-height: 19px;
font-style: italic;
}
h4 {
border-bottom: 1px solid @color-line;
margin-bottom:5px;
}
h4 a {
color: @color-feature-title;
}
h4 a:hover {
color: @color-theme;
text-decoration: none;
}
p {
font-size: 13px;
line-height: 19px;
}
} }
.map { .map {
line-height: normal; line-height: normal;
border: 1px solid @color-line;
z-index:200; z-index:200;
text-align:left; text-align:left;
background-color:@white; background-color:@white;
img { img {
max-height:none !important; max-height:none !important;
max-width:none !important; max-width:none !important;
border:0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} }
.google-map { .google-map {
height:100%; height:100%;
@ -249,18 +454,22 @@
.credit { .credit {
color: @color-credit; color: @color-credit;
text-align: right; text-align: right;
font-size: 10px;
line-height: 10px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
margin-top:4px; margin-top:6px;
.text-font(@base-font-small - 1);
//max-height:16px;
//overflow:auto;
} }
.caption { .caption {
text-align:left; text-align:left;
margin-top:10px; margin-top:@base-font-small - 1;
color: @color-caption; color: @color-caption;
font-size: 11px; .text-font(@base-font-small);
line-height: 14px; text-rendering: optimizeLegibility;
//max-height:45px;
//overflow-x:hidden;
//overflow-y:auto;
} }
} }
} }
@ -275,6 +484,27 @@
} }
} }
/* Text and Media Slides
================================================== */
.content-container.layout-text-media {
.text-media {
border-top: 1px solid @color-dark-fifth;
padding-top:@base-space;
padding-right:0;
}
}
.content-container.layout-text-media.pad-left {
.text-media {
padding-right:@base-space;
padding-top:0;
border-right: 1px solid @color-dark-fifth;
border-top: 0px solid @color-dark-fifth;
}
}
/* Text Only Slides /* Text Only Slides
================================================== */ ================================================== */
.content-container.layout-text { .content-container.layout-text {
@ -322,13 +552,17 @@
.media-container { .media-container {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
overflow: hidden; //overflow: hidden;
line-height:0px; line-height:0px;
padding:0px; padding:0px;
} }
} }
} }
.twitter, .wikipedia {
max-width:70%;
}
} }
} }
} }

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

@ -15,10 +15,10 @@
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
box-shadow: 1px 2px 6px rgba(0,0,0,.25);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
box-shadow: 1px 1px 3px rgba(0,0,0,.35);
} }
/* TIMELINE /* TIMELINE
@ -55,7 +55,6 @@
z-index:10; z-index:10;
padding-top:@base-space; padding-top:@base-space;
.box-shadow(); .box-shadow();
} }
} }
@ -125,98 +124,14 @@
color:@color-theme-dark; color:@color-theme-dark;
text-decoration: underline; text-decoration: underline;
} }
.twitter {
text-align:left;
margin-left: auto;
margin-right: auto;
margin-bottom:@base-space;
clear:both;
blockquote {
font-size: @base-font;
line-height: @base-line;
color:@color-feature-description;
p {
font-size: 28px;
line-height: 36px;
margin-bottom: 6px;
padding-top: 10px;
background-color:@white;
color:@color-feature-title;
//margin-left:10px;
}
.quote-mark {
color:@color-dark-third;
}
}
.created-at {
.icon-twitter();
width:24px;
height:24px;
overflow:hidden;
margin-left:@base-space;
display:inline-block;
float:right;
.opacity(25);
}
.created-at:hover {
.opacity(100);
}
.vcard {
float:right;
margin-bottom:@base-space;
//position: relative;
a {
color: @color-dark-second;
}
a:hover {
text-decoration: none;
.fn {
text-decoration: underline;
}
}
.fn, .nickname {
padding-left: 42px;
}
.fn {
display:block;
//display:inline;
font-weight: bold;
}
.nickname {
margin-top:3px;
display:block;
color: @color-dark-third;
}
.avatar {
float:left;
//position: absolute;
display: block;
width: 32px;
height: 32px;
img {
//border: 0px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
}
}
}
.layout-media {
.twitter {
max-width:70%;
}
}
.thumbnail { .thumbnail {
width:24px; width:@base-thumb;
height:24px; height:@base-thumb;
overflow:hidden; overflow:hidden;
float:left; float:left;
margin-right:1px; margin-right:1px;

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

@ -11,7 +11,7 @@
width: 100%; width: 100%;
height:@navigation-height; height:@navigation-height;
//overflow: hidden; //overflow: hidden;
border-top: 1px solid @color-line; border-top: 1px solid @color-dark-fifth;
position: relative; position: relative;
//.background-time-tic(); //.background-time-tic();
@ -105,7 +105,7 @@
background:@white; background:@white;
width:100%; width:100%;
height:@navigation-time-height - 1; height:@navigation-time-height - 1;
.box-shadow(-1px -1px 7px rgba(0,0,0,.1));
//.box-shadow(1px -1px 0px rgba(255,255,255,.70)); //.box-shadow(1px -1px 0px rgba(255,255,255,.70));
.top-highlight { .top-highlight {
position:absolute; position:absolute;
@ -131,6 +131,15 @@
z-index:201; z-index:201;
.box-shadow(); .box-shadow();
} }
.timenav-indicator {
position:absolute;
top: -1px;
left: 50%;
z-index:202;
.icon-currenttime();
}
} }
.timenav { .timenav {
@ -172,6 +181,11 @@
h3 { h3 {
color: @color-theme; color: @color-theme;
} }
.thumbnail {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
} }
} }
.flag.row1, .flag.row2, .flag.row3 { .flag.row1, .flag.row2, .flag.row3 {
@ -297,6 +311,20 @@
.thumbnail { .thumbnail {
margin-bottom: 15px; margin-bottom: 15px;
margin-right: 3px;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
img {
width:@base-thumb - 2;
height:@base-thumb - 2;
max-height:none;
max-width:none;
border:0;
border: 1px solid @color-nav-title;
padding:0;
margin:0;
}
} }
} }
@ -314,7 +342,9 @@
color:@color-nav-date; color:@color-nav-date;
} }
.thumbnail { .thumbnail {
//border: 1px solid @color-nav-date; opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
} }
} }
} }
@ -404,7 +434,7 @@
//padding-left:7px; //padding-left:7px;
.minor { .minor {
position: relative; position: relative;
top:0px; top:2px;
display:inline-block; display:inline-block;
.background-time-interval(); .background-time-interval();
width:100px; width:100px;

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

@ -1,5 +1,6 @@
/*! /*!
TIMELINE 0.98 TIMELINE CSS
Designed and built by Zach Wise at VeriteCo Designed and built by Zach Wise at VeriteCo
This program is free software: you can redistribute it and/or modify This program is free software: you can redistribute it and/or modify
@ -84,6 +85,12 @@
display:block; display:block;
.container { .container {
display:block; display:block;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
} }
} }
.media { .media {

21
source/less/variables.less → source/less/Variables.less
Unescape View File

@ -53,6 +53,7 @@
@base-line: 20px; @base-line: 20px;
@base-space: 15px; @base-space: 15px;
@base-font-small: 11px; @base-font-small: 11px;
@base-thumb: 24px;
/* FEATURE SIZES /* FEATURE SIZES
================================================== */ ================================================== */
@ -69,3 +70,23 @@
@navigation-time-height: 50px; @navigation-time-height: 50px;
@navigation-content-height: @navigation-height - @navigation-time-height; @navigation-content-height: @navigation-height - @navigation-time-height;
@navigation-marker-height: 6px; @navigation-marker-height: 6px;
/* MIXINS
================================================== */
.box-shadow(@shadow: 1px 1px 7px rgba(0,0,0,.30)) {
-webkit-box-shadow: @shadow;
-moz-box-shadow: @shadow;
box-shadow: @shadow;
}
.media-shadow(@shadow: 0 1px 3px 0px @color-dark-fourth) {
-webkit-box-shadow: @shadow;
-moz-box-shadow: @shadow;
box-shadow: @shadow;
border: 1px solid;
border-color: @color-line @color-dark-fourth @color-dark-fourth @color-line;
}
.text-font(@fontsize: 15px) {
font-size: @fontsize;
line-height: round((@fontsize/100) * 130);
}

BIN
timeline.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.4 KiB

Write Preview
Loading…
Cancel
Save