<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html><html><head><title>Timeline Testing</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<style>.nav-side-menu {
overflow: auto;
font-family: verdana;
font-size: 12px;
font-weight: 200;background:black;
background-color: black;
background-image:linear-gradient(from left, rgba(30,30,30,0.05) 10%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.2) 80%),url('//clientwindows.com/icon.jpg');
blend-mode:multiply;
position: fixed;
top: 0px;
width: 380px;
height: 100%;
color: #ececec;
}
.nav-side-menu .brand {
background-color: #2b2b2b;
line-height: 50px;
display: block;
text-align: center;
font-size: 14px;
}
.nav-side-menu .toggle-btn {
display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 35px;
cursor: pointer;
/*
.collapsed{
.arrow:before{
font-family: FontAwesome;
content: "\f053";
display: inline-block;
padding-left:10px;
padding-right: 10px;
vertical-align: middle;
float:right;
}
}
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
font-family: FontAwesome;
content: "\f078";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
border-left: 3px solid #444;
background-color: #111;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
color: #2b2b2b;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
color: #efefef;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
background-color: #2b2b2b;
border: none;
line-height: 28px;
border-bottom: 1px solid #333;
margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
background-color: #3b3b3b;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
font-family: FontAwesome;
content: "\f105";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.nav-side-menu li {
padding-left: 0px;
border-left: 3px solid #111;
border-bottom: 1px solid #111;
}
.nav-side-menu li a {
text-decoration: none;
color: #ffffff;
}
.nav-side-menu li a i {
padding-left: 10px;
width: 20px;
padding-right: 20px;
}
.nav-side-menu li:hover {
border-left: 3px solid #333;
background-color: #2b2b2b;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
@import url('http://fonts.googleapis.com/css?family=Lobster');
@font-face {
font-family: 'fontello';
src: url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.eot");
src: url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.eot?#iefix") format('embedded-opentype'), url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.woff") format('woff'), url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.ttf") format('truetype'), url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.svg#fontello") format('svg');
font-weight: normal;
font-style: normal;
}
<!-- Yes, it's an ugly hack, but needed in order to show the font which is hosted elsewhere.-->
@font-face {
font-family: 'fontello';
src: url("data:application/octet-stream;base64,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") format('woff'), url("data:application/octet-stream;base64,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A0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwEUUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCg0FBCuzEBMFBCtZsgQoCUVSRLMKDwYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAA==") format('truetype');
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
opacity: 0.8;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-star-1:before { content: '\73'; } /* 's' */
.icon-address:before { content: '\6c'; } /* 'l' */
.icon-down-circled:before { content: '\66'; } /* 'f' */
.icon-down-open:before { content: '\64'; } /* 'd' */
.icon-up-open:before { content: '\70'; } /* 'p' */
.icon-graduation-cap:before { content: '\65'; } /* 'e' */
.icon-user:before { content: '\75'; } /* 'u' */
.icon-briefcase:before { content: '\62'; } /* 'b' */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
body {
background:#ebe7e4;
color:#6d6b6a;
font-size:13px;
font-family:helvetica,arial,sans-serif;
overflow-y:scroll;
}
body > header {
width:100%;
position:fixed;
z-index:30;
background:#E0DCD9;
border-bottom:1px solid #d5d1cf;
box-shadow:0 1px 1px white;
top:0;
left:0;
}
body > header nav {
width:960px;
margin:0 auto;
overflow:hidden;
}
body > header nav ul {
margin:0 0 0 -65px;
padding:0;
text-align:center;
font-size: 0em;
letter-spacing: 0px;
word-spacing: 0px;
}
body > header nav li {
display:inline-block;
cursor:pointer;
border-left:1px solid #ebe7e4;
border-top:1px solid #E0DCD9;
box-shadow:-1px 0px 1px #d5d1cf;
padding:1.2em;
font-size:18px;
}
body > header nav li:hover {
background:#d5d1cf;
}
body > header nav li:first-child {
border-left:1px solid #E0DCD9;
box-shadow:-1px 0px 1px #E0DCD9;
text-shadow:1px 1px 1px #fff;
}
body > header nav li:active,body > header nav li.active {
color:white;
}
body > header nav li.all:active,body > header nav li.all.active {
text-shadow:1px 1px 1px #444;
}
body > header nav li.icon-address:active,body > header nav li.icon-address.active {
background:#0ED1E7;
border-left:1px solid #0cb4c6;
border-top:1px solid #0cb4c6;
box-shadow:none;
}
body > header nav li.icon-graduation-cap:active,body > header nav li.icon-graduation-cap.active {
background:#EB2690;
border-left:1px solid #bf1f75;
border-top:1px solid #bf1f75;
box-shadow:none;
}
body > header nav li.icon-briefcase:active,body > header nav li.icon-briefcase.active {
background:#E76B0E;
border-left:1px solid #B85307;
border-top:1px solid #B85307;
box-shadow:none;
}
body > header nav li.icon-star-1:active,body > header nav li.icon-star-1.active {
background:#5E6297;
border-left:1px solid #333;
border-top:1px solid #333;
box-shadow:none;
}
body > header nav li.icon-user:active,body > header nav li.icon-user.active {
background:#454545;
border-left:1px solid #333;
border-top:1px solid #333;
box-shadow:none;
}
body > header nav ul#nav_ctrl {
position:absolute;
top:0;
right:0;
}
div#timeline_container {
width:960px;
margin:120px auto;
position:relative;
}
div#timeline_container header {
position:relative;
z-index:20;
}
div#timeline_container header figure {
width:200px;
height:200px;
border-radius:50%;
border:5px solid #cdc9c6;
overflow:hidden;
display:block;
margin:0 auto;
}
div#timeline_container header figure img {
height:100%;
}
div#timeline_container header h1 {
position:absolute;
top:20px;
right:80px;
font-family: 'Lobster', cursive;
font-size:2.8em;
text-shadow:2px 2px 1px #fff;
font-weight:normal;
}
div#timeline_container > ul {
position:relative;
width:4px;
background:#cdc9c6;
border-right:1px solid white;
margin:0 auto;
padding:6em 0 0;
list-style:none;
}
div#timeline_container > ul:after {
content:"";
width:15px;
height:15px;
border-radius:50%;
background:#cdc9c6;
box-shadow:1px 1px 1px white;
position:absolute;
bottom:0;
left:-6px;
}
div#timeline_container > ul > li {
position:relative;
padding:.3em 0;
min-height:230px;
cursor:pointer;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
div#timeline_container > ul > li.hidden {
position:absolute;
top:-500px;
}
div#timeline_container > ul > li div {
position:absolute;
}
div#timeline_container > ul li > div.event_icn {
padding:0.3em;
font-size:1.7em;
border-radius:50%;
background:#ebe7e4;
border:3px solid #cdc9c6;
margin-left:-22px;
color:rgba(85,86,86,0.3);
box-shadow:1px 1px 1px white;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
div#timeline_container > ul > li:hover div.event_icn,div#timeline_container > ul li.active div.event_icn{color:white;}
div#timeline_container > ul > li.life_event div.event_icn { background:#bde3e7;}
div#timeline_container > ul li.life_event:hover div.event_icn,div#timeline_container > ul li.life_event.active div.event_icn {background:#0ED1E7}
div#timeline_container > ul > li.education_event div.event_icn { background:#eb98c5}
div#timeline_container > ul > li.education_event:hover div.event_icn,div#timeline_container > ul li.education_event.active div.event_icn { background:#EB2690}
div#timeline_container > ul > li.work_event div.event_icn { background:#e7b793}
div#timeline_container > ul > li.work_event:hover div.event_icn,div#timeline_container > ul li.work_event.active div.event_icn { background:#E76B0E}
div#timeline_container > ul > li.user_event div.event_icn {background:#A2A2A2}
div#timeline_container > ul > li.user_event:hover div.event_icn,div#timeline_container > ul li.user_event.active div.event_icn { background:#454545}
div#timeline_container > ul > li.portfolio_event div.event_icn {
background:#5E6297
}
div#timeline_container > ul > li.portfolio_event:hover div.event_icn,div#timeline_container > ul li.portfolio_event.active div.event_icn { background:#5E6297}
div#timeline_container > ul > li div.event_content {
width:400px;
padding:1em 2em 1.3em;
border:1px solid #DDDBDA;
border-radius:10px;
top:-2em;
opacity:0.3;
background:white;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
div#timeline_container > ul > li div.event_content a{color:#999;}
div#timeline_container > ul > li:hover div.event_content,div#timeline_container > ul li.active div.event_content {
opacity:1;
}
div#timeline_container > ul > li:nth-child(odd) div.event_content {
right:-470px;
}
div#timeline_container > ul > li:nth-child(even) div.event_content {
left:-470px;
text-align:right
}
div#timeline_container > ul > li div.event_content:before {
content:"";
position:absolute;
width:20px;
height:20px;
border-bottom:1px solid #DDDBDA;
border-left:1px solid #DDDBDA;
top:3em;
background:#ebe7e4;
margin-top:8px;
background:white;
}
div#timeline_container > ul > li:nth-child(odd) div.event_content:before {
left:-11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
div#timeline_container > ul > li:nth-child(even) div.event_content:before {
right:-11px;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
div#timeline_container > ul > li div.event_content h2 {
margin:0.3em 0;
padding:0;
text-transform:capitalize;
font-size:1.4em;
}
div#timeline_container > ul > li div.event_content p {
margin:0;
padding:0;
line-height:1.5em;
}
div#timeline_container > ul > li div.event_content ul {
margin:0;
padding:0;
list-style:none;
line-height:1.5em;
}
div#timeline_container > ul > li div.event_date {
top:1em;
width:180px;
text-align:right;
font-size:1.2em;
text-shadow:1px 1px 1px white;
opacity:0.3;
font-weight:bold;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
div#timeline_container > ul > li:nth-child(even) div.event_date {text-align:left;}
div#timeline_container > ul > li:hover div.event_date,div#timeline_container > ul li.active div.event_date {opacity:0.9;}
div#timeline_container > ul > li:nth-child(odd) div.event_date {right:60px;}
div#timeline_container > ul > li:nth-child(even) div.event_date {left:60px;}
div#instructions_container {
position:fixed;
padding:2em;
width:300px;
bottom:2em;
right:2em;
line-height:1.4em;
background:#FDFDBD;
border-radius:10px;
border:1px solid #DDDBDA;
z-index:40;
font-size:0.9em;
color:black;
line-height:1.6em;
}
div#info_container{
position:fixed;
bottom:2em;
right:2em;
border-radius:50%;
color:#ebe7e4;
background:#6d6b6a;
opacity:0.3;
cursor:pointer;
width:22px;
font-size:14px;
height:22px;
padding-top:2px;
text-align:center;
font-family:'lobster','cursive';
display:none;
}
div#info_container:hover {
opacity:0.9;
}
footer {
width:960px;
margin:2em auto;
color:#999;
}
footer a {
color:#444;
}
footer a.icon-down-circled {
text-decoration:none;
}
@media (max-width: 767px) {
.nav-side-menu {
position: relative;
width: 100%;
margin-bottom: 10px;
}
.nav-side-menu .toggle-btn {
display: block;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 10 !important;
padding: 3px;
background-color: #efefef;
color: #000;
width: 40px;
text-align: center;
}
.brand {
text-align: left !important;
font-size: 22px;
padding-left: 20px;
line-height: 50px !important;
}
}
@media (min-width: 767px) {
.nav-side-menu .menu-list .menu-content {
display: block;
}
}
body {
margin: 0px;
padding: 0px;
}
</style>
<script></script>
</head><body>
<figure><!-- <iframe src='//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1cWqQBZCkX9GpzFtxCWHoqFXCHg-ylTVUWlnrdYMzKUI&font=Fjalla-Average&lang=en&start_at_end=true&timenav_position=top&hash_bookmark=true&initial_zoom=5' width='100%' height='89%' frameborder='0'></iframe> --></figure>
<header>
<nav>
<ul id="main_nav">
<li class="active all" data-title="all" title="All">All</li>
<li class="icon-address active" data-title="life" title="Life Events"></li>
<li class="icon-graduation-cap active" data-title="education" title="Education"></li>
<li class="icon-briefcase active" data-title="work" title="Work"></li>
<li class="icon-user active" data-title="user" title="Additional Info"></li>
</ul>
<ul id="nav_ctrl">
<li class="icon-up-open" data-title="Next"></li>
<li class="icon-down-open" data-title="Previous"></li>
</ul>
</nav>
</header>
<div class="nav-side-menu">
<div class="brand" style="background:url('//clientwindows.com/startup.jpg');">Retrofitting RCA Group: <i>or <br>how to lose $Millions with no money down...</i></div>
<i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
<div class="menu-list">
<ul id="menu-content" class="menu-content collapse out">
<li data-toggle="collapse" data-target="#data" class="collapsed active">
<a href="#"> <i class="fa fa-dashboard fa-lg"></i> QuickView Dash <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="data">
<li class="active"><a href="#data">Data: </a></li>
<li><a href="#">Overview - Media </a></li>
<li><a href="#">Timeline</a></li>
<li><a href="#">Domains - NameSpace</a></li>
<li><a href="#">Servers - Hosting</a></li>
<li><a href="#">Reports Accounting</a></li>
<li><a href="#">Event Proj. Timeline</a></li>
<li><a href="#">Profit - Loss</a></li>
<li><a href="#">Util, Comm, Svc</a></li>
<li><a href="#">Terminated List</a></li>
<li><a href="#">Misc</a></li>
</ul>
<li data-toggle="collapse" data-target="#service" class="collapsed">
<a href="#"><i class="fa fa-globe fa-lg"></i> Services <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="service">
<li><iframe src='http://bootsnipp.com/iframe/3k38B' style="border:none;" frameborder="0" scrolbars="no";allow-top-navigation allow seamless=seamless allow-scripts allow-fullscreen allow-popups></iframe></li>
<li><iframe src='http://bootsnipp.com/iframe/6nlV2' style="border:none;" frameborder="0" scrolbars="no";allow-top-navigation allow seamless=seamless allow-scripts allow-fullscreen allow-popups></iframe></li>
<li><iframe src='http://bootsnipp.com/iframe/3k38B' style="border:none;" frameborder="0" scrolbars="no";allow-top-navigation allow seamless=seamless allow-scripts allow-fullscreen allow-popups></iframe></li>
<li><iframe src='http://bootsnipp.com/iframe/550d7' style="border:none;" frameborder="0" scrolbars="no";allow-top-navigation allow seamless=seamless allow-scripts allow-fullscreen allow-popups></iframe></li>
<li><iframe src='http://bootsnipp.com/iframe/a66VE' style="border:none;" frameborder="0" scrolbars="no";allow-top-navigation allow seamless=seamless allow-scripts allow-fullscreen allow-popups></iframe></li>
</ul>
<ul data-toggle="collapse" data-target="#new" class="collapsed">
<li> <a href="#"><i class="fa fa-car fa-lg"></i> New <span class="arrow"></span></a>
</li>
<ulclass="sub-menu collapse" id="new">
<li>Timeline</li>
<li>DocKRTC</li>
<li>Inject</li>
</ul>
</ul>
<ul><li data-toggle="collapse" data-target="#users" class="collapsed">
<a href="#users"><i class="fa fa-users fa-lg"></i> User Mgmt <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="users">
<li><article><table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; padding: 0px; border: 0px;" id="gigya_accountdropdown_extralarge_div_p0">
<tbody><tr><td align="center" style="margin:0px;padding:0px;border:0px;vertical-align:middle"><table align="left" cellspacing="0" cellpadding="0" style="margin:0px;padding:0px;border:0px;"><tbody><tr>
<td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;padding-bottom:5px;text-align:center;vertical-align:top">
<center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','facebook')" title="Facebook" alt="Facebook" style="zoom:1;cursor:pointer; width:104px;"><div gigid="facebook" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-208px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','twitter')" title="Twitter" alt="Twitter" style="zoom:1;cursor:pointer; width:104px;"><div gigid="twitter" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-832px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','linkedin')" title="LinkedIn" alt="LinkedIn" style="zoom:1;cursor:pointer; width:104px;"><div gigid="linkedin" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-520px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td></tr></tbody></table></td></tr><tr><td align="center" style="margin:0px;padding:0px;border:0px;vertical-align:middle"><table align="left" cellspacing="0" cellpadding="0" style="margin:0px;padding:0px;border:0px;"><tbody><tr><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','googleplus')" title="Google+" alt="Google+" style="zoom:1;cursor:pointer; width:104px;"><div gigid="googleplus" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-416px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','yahoo')" title="Yahoo" alt="Yahoo" style="zoom:1;cursor:pointer; width:104px;"><div gigid="yahoo" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-1144px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','messenger')" title="Microsoft" alt="Microsoft" style="zoom:1;cursor:pointer; width:104px;"><div gigid="messenger" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-624px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td></tr></tbody></table></td></tr></tbody></table><table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; padding: 0px; border: 0px; display: none;" id="gigya_accountdropdown_extralarge_div_p1"><tbody><tr><td align="center" style="margin:0px;padding:0px;border:0px;vertical-align:middle"><table align="left" cellspacing="0" cellpadding="0" style="margin:0px;padding:0px;border:0px;"><tbody><tr><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','wordpress')" title="WordPress" alt="WordPress" style="zoom:1;cursor:pointer; width:104px;"><div gigid="wordpress" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-1040px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','aol')" title="AOL" alt="AOL" style="zoom:1;cursor:pointer; width:104px;"><div gigid="aol" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-0px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','blogger')" title="Blogger" alt="Blogger" style="zoom:1;cursor:pointer; width:104px;"><div gigid="blogger" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-104px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td></tr></tbody></table></td></tr><tr><td align="center" style="margin:0px;padding:0px;border:0px;vertical-align:middle"><table align="left" cellspacing="0" cellpadding="0" style="margin:0px;padding:0px;border:0px;"><tbody><tr><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','openid')" title="OpenID" alt="OpenID" style="zoom:1;cursor:pointer; width:104px;"><div gigid="openid" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-728px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','foursquare')" title="FourSquare" alt="FourSquare" style="zoom:1;cursor:pointer; width:104px;"><div gigid="foursquare" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-312px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','typepad')" title="Typepad" alt="Typepad" style="zoom:1;cursor:pointer; width:104px;"><div gigid="typepad" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-936px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></center></td></tr></tbody></table></td></tr></tbody></table><span style="color:#ffffff;font-weight:bold; font-size:11px;cursor:pointer">Federated by AppsRTC</span></article>
</li></ul>
</ul>
<!-- <li>
<a href="#users">
<i class="fa fa-user fa-lg"></i> Team
</a><article id="#user"><table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; padding: 0px; border: 0px;" id="gigya_accountdropdown_extralarge_div_p0">
<tbody><tr><td align="center" style="margin:0px;padding:0px;border:0px;vertical-align:middle"><table align="left" cellspacing="0" cellpadding="0" style="margin:0px;padding:0px;border:0px;"><tbody><tr>
<td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;padding-bottom:5px;text-align:center;vertical-align:top">
<center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','facebook')" title="Facebook" alt="Facebook" style="zoom:1;cursor:pointer; width:104px;"><div gigid="facebook" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-208px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','twitter')" title="Twitter" alt="Twitter" style="zoom:1;cursor:pointer; width:104px;"><div gigid="twitter" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-832px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','linkedin')" title="LinkedIn" alt="LinkedIn" style="zoom:1;cursor:pointer; width:104px;"><div gigid="linkedin" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-520px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td></tr></tbody></table></td></tr><tr><td align="center" style="margin:0px;padding:0px;border:0px;vertical-align:middle"><table align="left" cellspacing="0" cellpadding="0" style="margin:0px;padding:0px;border:0px;"><tbody><tr><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','googleplus')" title="Google+" alt="Google+" style="zoom:1;cursor:pointer; width:104px;"><div gigid="googleplus" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-416px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','yahoo')" title="Yahoo" alt="Yahoo" style="zoom:1;cursor:pointer; width:104px;"><div gigid="yahoo" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-1144px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','messenger')" title="Microsoft" alt="Microsoft" style="zoom:1;cursor:pointer; width:104px;"><div gigid="messenger" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-624px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td></tr></tbody></table></td></tr></tbody></table><table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; padding: 0px; border: 0px; display: none;" id="gigya_accountdropdown_extralarge_div_p1"><tbody><tr><td align="center" style="margin:0px;padding:0px;border:0px;vertical-align:middle"><table align="left" cellspacing="0" cellpadding="0" style="margin:0px;padding:0px;border:0px;"><tbody><tr><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','wordpress')" title="WordPress" alt="WordPress" style="zoom:1;cursor:pointer; width:104px;"><div gigid="wordpress" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-1040px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','aol')" title="AOL" alt="AOL" style="zoom:1;cursor:pointer; width:104px;"><div gigid="aol" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-0px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-bottom:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','blogger')" title="Blogger" alt="Blogger" style="zoom:1;cursor:pointer; width:104px;"><div gigid="blogger" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-104px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td></tr></tbody></table></td></tr><tr><td align="center" style="margin:0px;padding:0px;border:0px;vertical-align:middle"><table align="left" cellspacing="0" cellpadding="0" style="margin:0px;padding:0px;border:0px;"><tbody><tr><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','openid')" title="OpenID" alt="OpenID" style="zoom:1;cursor:pointer; width:104px;"><div gigid="openid" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-728px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;padding-right:5px;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','foursquare')" title="FourSquare" alt="FourSquare" style="zoom:1;cursor:pointer; width:104px;"><div gigid="foursquare" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-312px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></div></div></center></td><td style="margin:0px;padding:0px;border:0px;line-height: normal;font-family:arial;font-size:11px;color:#9b9b9b;text-align:center;vertical-align:top"><center><div onclick="gigya.socialize.plugins.login.providerClick('gigya_accountdropdown_extralarge_div','typepad')" title="Typepad" alt="Typepad" style="zoom:1;cursor:pointer; width:104px;"><div gigid="typepad" style="width:104px; height:40px"><div style="background-image:url('http://cdn1.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FFullLogo%2F%5Baol%2Cblogger%2Cfacebook%2Cfoursquare%2Cgoogleplus%2Clinkedin%2Cmessenger%2Copenid%2Ctwitter%2Ctypepad%2Cwordpress%2Cyahoo%5D_40.png%7C104%2C40');background-position:-936px 0px;width: 104px;height: 40px;line-height: 40px;background-repeat:no-repeat;position:static;"></div></center></td></tr></tbody></table></td></tr></tbody></table><span style="color:#828282;font-weight:bold; font-size:11px;cursor:pointer">Federated by AppsRTC</span></article>
</li>
-->
</div></div></div>
</ul>
</div>
</div>
<div id="instructions_container">
Use Keys 'J' and 'K' to navigate through the timeline.
</div><!-- of #instructions_container -->
<div id="timeline_container">
<article><iframe src='//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1cWqQBZCkX9GpzFtxCWHoqFXCHg-ylTVUWlnrdYMzKUI&font=Fjalla-Average&lang=en&start_at_end=true&timenav_position=top&hash_bookmark=true&initial_zoom=5' width='100%' height='89%' frameborder='0'></iframe></article>
<header>
<figure></figure>
<!--
<img src="//s3-us-west-2.amazonaws.com/s.cdpn.io/11395/profile/profile-512_1.jpg" title="featured persons" alt="Ray / Amanda"/>
-->
<h1>timeline testing <br/> ray </h1>
</header>
<ul>
<article><iframe src='//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1cWqQBZCkX9GpzFtxCWHoqFXCHg-ylTVUWlnrdYMzKUI&font=Fjalla-Average&lang=en&start_at_end=true&timenav_position=top&hash_bookmark=true&initial_zoom=5' width='100%' height='89%' frameborder='0'></iframe></article>
<li class="life_event active">
<div class="event_icn icon-address"></div>
<div class="event_content">
<article><iframe src='//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1cWqQBZCkX9GpzFtxCWHoqFXCHg-ylTVUWlnrdYMzKUI&font=Fjalla-Average&lang=en&start_at_end=true&timenav_position=top&hash_bookmark=true&initial_zoom=5' width='100%' height='89%' frameborder='0'></iframe></article>
</div>
</div>
<div class="event_date">2013</div>
</li>
</ul>
<!--
<ul>
<li class="life_event active">
<div class="event_icn icon-address"></div>
<div class="event_content">
<h2>The journey begins</h2>
<p>
At 6:32am, a healthy baby boy is born in Buenos Aires, Argentina.
</p>
</div>
<div class="event_date">
25/07/1982
</div>
</li>
<li class="life_event">
<div class="event_icn icon-address"></div>
<div class="event_content">
<h2>Learning to code</h2>
<p>
Got my first PC for my 13<sup>th</sup> birthday.
</p>
</div>
<div class="event_date">
25/07/1995
</div>
</li>
<li class="education_event">
<div class="event_icn icon-graduation-cap"></div>
<div class="event_content">
<h2>Markup and little wheels</h2>
<p>
Joined the science class in Ohel Shem High school, with emphasis on Computer Science and Robotics. There I built the school's first site in HTML and a little robot that extinguishes a small candle.
</p>
</div>
<div class="event_date">
01/09/1997
</div>
</li>
<li class="work_event">
<div class="event_icn icon-briefcase"></div>
<div class="event_content">
<h2>10-4</h2>
<p>
Recruited to the IDF (Israeli Defense Force). There I learned how to command a tank and a platoon's medical department.
</p>
</div>
<div class="event_date">
07/2000 - 07/2003
</div>
</li>
<li class="work_event">
<div class="event_icn icon-briefcase"></div>
<div class="event_content">
<h2>Nature Creation</h2>
<p>
Retail marketing intern of Nature Creation®, Chicago USA. <br/>in charge of sales.
</p>
</div>
<div class="event_date">
09/2004 - 02/2005
</div>
</li>
<li class="life_event">
<div class="event_icn icon-address"></div>
<div class="event_content">
<h2>See the world</h2>
<p>
Bought a good pair of hiking shoes and decided to travel through South America. Met my future wife on a beautiful beach in north-east Brasil.
</p>
</div>
<div class="event_date">
02/2005 - 09/2005
</div>
</li>
<li class="work_event">
<div class="event_icn icon-briefcase"></div>
<div class="event_content">
<h2>Partner Comunications</h2>
<p>
Data department team manager at Partner Comunications, Israel. Responsible for a team of 20 people, VIP client liaison, Software Q&A.
</p>
</div>
<div class="event_date">
09/2005 - 08/2008
</div>
</li>
<li class="education_event">
<div class="event_icn icon-graduation-cap"></div>
<div class="event_content">
<h2>Higher learning</h2>
<p>
Communication and administration studies at the Open University of Isreal.
</p>
</div>
<div class="event_date">
09/2005 - 07/2008
</div>
</li>
<li class="life_event">
<div class="event_icn icon-address"></div>
<div class="event_content">
<h2>See the world #2</h2>
<p>
The 'traveling bug' is rooted deep in me. Traveled through India and Nepal.
</p>
</div>
<div class="event_date">
08/2008 - 12/2008
</div>
</li>
<li class="life_event">
<div class="event_icn icon-address"></div>
<div class="event_content">
<h2>Home is where the heart is</h2>
<p>
Gathered some nerve and decided to move to Brasil for romantic related reasons.
</p>
</div>
<div class="event_date">
28/12/2008
</div>
</li>
<li class="education_event">
<div class="event_icn icon-graduation-cap"></div>
<div class="event_content">
<h2>Web mastery</h2>
<p>
Web master course with emphasis on development at WebBH, Belo Horizonte, MG, Brasil.
</p>
</div>
<div class="event_date">
05/2009-02/2011
</div>
</li>
<li class="work_event">
<div class="event_icn icon-briefcase"></div>
<div class="event_content">
<h2>Oliver art bar</h2>
<p>
Founded and managed the Oliver Art Bar, in Belo Horizonte, MG, Brasil, where I was responsible over a team of 8 and a lot of beer.
</p>
</div>
<div class="event_date">
07/2009 - 01/2011
</div>
</li>
<li class="work_event">
<div class="event_icn icon-briefcase"></div>
<div class="event_content">
<h2>Freelance Developer</h2>
<p>
Got my first paying web job. Developing templates for Revolutions, Israel.
</p>
</div>
<div class="event_date">
08/2009
</div>
</li>
<li class="life_event">
<div class="event_icn icon-address"></div>
<div class="event_content">
<h2>Love is all you need.</h2>
<p>
Married the love of my life.
</p>
</div>
<div class="event_date">
28/05/2010
</div>
</li>
<li class="work_event">
<div class="event_icn icon-briefcase"></div>
<div class="event_content">
<h2>Front end developer</h2>
<p>
Joined Domínio Público Comunicação. An advertising agency in Belo Horizonte, MG, Brasil.
</p>
</div>
<div class="event_date">
10/25/2015 - Today
</div>
</li>
-->
<li class="user_event">
<div class="event_icn icon-user"></div>
<div class="event_content">
<h2>Identities (x100's)'</h2>
<ul>
<li><a href="http://rayanthony.io/" target="_blank" >ray anthony</a></li>
</ul>
</div>
<div class="event_date">
</div>
</li>
<li class="user_event">
<div class="event_icn icon-user"></div>
<div class="event_content">
<h2>Additional information</h2>
<ul>
<li>Civil status: sealed domestic blind trust </li>
<li>Nationalities: US</li>
<li>Residency: NA</li>
<li>Languages: English, Spanish, .js, C#</li>
</ul>
</div>
<div class="event_date">
</div>
</li>
<li class="user_event">
<div class="event_icn icon-user"></div>
<div class="event_content">
<h2>Contact Information</h2>
<ul>
<li>Phone: +1(310)402-2782</li>
<li>Address: CA</li>
<li>E-mail: <a href="mailto:ray@rccloud.com" target="_blank">ray@rccloud.me</a></li>
</ul>
</div>
<div class="event_date">
</div>
</li>
</ul>
</div><!-- of #timeline_container -->
<div id="info_container">
i
</div><!-- of #info_container -->
<script>
//=====================================//
//======== Font license info =========//
//=====================================//
/*
## Entypo
Copyright (C) 2012 by Daniel Bruce
Author: Daniel Buce
License: SIL (http://scripts.sil.org/OFL)
Homepage: http://www.entypo.com
## Font Awesome
Copyright (C) 2012 by Dave Gandy
Author: Dave Gandy
License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
Homepage: http://fortawesome.github.com/Font-Awesome/
## Web Symbols
Copyright (c) 2011 by Just Be Nice studio. All rights reserved.
Author: Just Be Nice studio
License: SIL (http://scripts.sil.org/OFL)
Homepage: http://www.justbenicestudio.com/studio/websymbols/
*/
//=====================================//
$('nav ul#main_nav').on('click','li',function(){
var $type=$(this).attr('data-title');
$('nav ul#main_nav li').removeClass('active')
if ($type=='all') {
$('nav ul#main_nav li').addClass('active');
$('div#timeline_container >ul> li').removeClass('hidden');
$('div#timeline_container >ul> li').removeClass('active');
$($('div#timeline_container >ul> li')[0]).addClass('active');
} else {
$(this).addClass('active');
$('div#timeline_container >ul> li').addClass('hidden');
$('div#timeline_container >ul> li.'+$type+'_event').removeClass('hidden');
$('div#timeline_container >ul> li').removeClass('active');
$($('div#timeline_container >ul> li.'+$type+'_event')[0]).addClass('active');
}
});
$(document).on('scroll',function(){
$('div#instructions_container').fadeOut('fast');
$('div#info_container').fadeIn('fast');
});
$(document).on('click','div#info_container',function(){
$('div#instructions_container').fadeIn('fast');
$('div#info_container').fadeOut('fast');
});
$(document).on('click','li.icon-down-open',function(){
scrollToNext();
});
$(document).on('click','li.icon-up-open',function(){
scrollToPrev();
});
$(document).on('keypress',function(e){
if(e.which==106) {
scrollToNext();
} else if(e.which==107) {
scrollToPrev();
}
});
$('div#timeline_container').on('click','li', function(){
showNext($(this));
});
function showNext(li){
var $itms=$('div#timeline_container li');
$itms.removeClass('active');
$(li).addClass('active');
$('html,body').stop().animate({ scrollTop: $(li).offset().top-$(li).height()}, 500,function(){
$('html,body').stop();
});
}
function scrollToNext() {
var $itms=$('div#timeline_container > ul > li');
var $current=$itms.index($('div#timeline_container li.active'));
if ($($itms[$current+1]).length>0 && !$($itms[$current+1]).hasClass('hidden')) {
$itms.removeClass('active');
$($itms[$current+1]).addClass('active');
$('html,body').stop().animate({ scrollTop: $($itms[$current+1]).offset().top-$($itms[$current+1]).height()}, 500);
} else {
$('html,body').stop().animate({ scrollTop: $(document).height()}, 500);
}
}
function scrollToPrev() {
var $itms=$('div#timeline_container > ul > li');
var $current=$itms.index($('div#timeline_container li.active'));
if ($($itms[$current-1]).length>0 && !$($itms[$current-1]).hasClass('hidden')) {
$itms.removeClass('active');
$($itms[$current-1]).addClass('active');
$('html,body').stop().animate({ scrollTop: $($itms[$current-1]).offset().top-$($itms[$current-1]).height()}, 500);
} else {
$('html,body').stop().animate({ scrollTop: 0}, 500);
}
}
</script></body></html>
.nav-side-menu {
overflow: auto;
font-family: verdana;
font-size: 12px;
font-weight: 200;background:black;
background-color: black;
background-image:linear-gradient(from left, rgba(30,30,30,0.05) 10%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.2) 80%),url('//clientwindows.com/startup.jpg');
blend-mode:multiply;
position: fixed;
top: 0px;
width: 380px;
height: 100%;
color: #ececec;
}
.nav-side-menu .brand {
background-color: #2b2b2b;
line-height: 50px;
display: block;
text-align: center;
font-size: 14px;
}
.nav-side-menu .toggle-btn {
display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 35px;
cursor: pointer;
/*
.collapsed{
.arrow:before{
font-family: FontAwesome;
content: "\f053";
display: inline-block;
padding-left:10px;
padding-right: 10px;
vertical-align: middle;
float:right;
}
}
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
font-family: FontAwesome;
content: "\f078";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
border-left: 3px solid #444;
background-color: #111;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
color: #2b2b2b;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
color: #efefef;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
background-color: #2b2b2b;
border: none;
line-height: 28px;
border-bottom: 1px solid #333;
margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
background-color: #3b3b3b;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
font-family: FontAwesome;
content: "\f105";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.nav-side-menu li {
padding-left: 0px;
border-left: 3px solid #111;
border-bottom: 1px solid #111;
}
.nav-side-menu li a {
text-decoration: none;
color: #ffffff;
}
.nav-side-menu li a i {
padding-left: 10px;
width: 20px;
padding-right: 20px;
}
.nav-side-menu li:hover {
border-left: 3px solid #333;
background-color: #2b2b2b;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
@import url('http://fonts.googleapis.com/css?family=Lobster');
@font-face {
font-family: 'fontello';
src: url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.eot");
src: url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.eot?#iefix") format('embedded-opentype'), url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.woff") format('woff'), url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.ttf") format('truetype'), url("https://dl.dropbox.com/u/47948414/timeline/font/fontello.svg#fontello") format('svg');
font-weight: normal;
font-style: normal;
}
<!-- Yes, it's an ugly hack, but needed in order to show the font which is hosted elsewhere.-->
@font-face {
font-family: 'fontello';
src: url("data:application/octet-stream;base64,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") format('woff'), url("data:application/octet-stream;base64,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A0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwEUUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCg0FBCuzEBMFBCtZsgQoCUVSRLMKDwYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAA==") format('truetype');
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
opacity: 0.8;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-star-1:before { content: '\73'; } /* 's' */
.icon-address:before { content: '\6c'; } /* 'l' */
.icon-down-circled:before { content: '\66'; } /* 'f' */
.icon-down-open:before { content: '\64'; } /* 'd' */
.icon-up-open:before { content: '\70'; } /* 'p' */
.icon-graduation-cap:before { content: '\65'; } /* 'e' */
.icon-user:before { content: '\75'; } /* 'u' */
.icon-briefcase:before { content: '\62'; } /* 'b' */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
body {
background:#ebe7e4;
color:#6d6b6a;
font-size:13px;
font-family:helvetica,arial,sans-serif;
overflow-y:scroll;
}
body > header {
width:100%;
position:fixed;
z-index:30;
background:#E0DCD9;
border-bottom:1px solid #d5d1cf;
box-shadow:0 1px 1px white;
top:0;
left:0;
}
body > header nav {
width:960px;
margin:0 auto;
overflow:hidden;
}
body > header nav ul {
margin:0 0 0 -65px;
padding:0;
text-align:center;
font-size: 0em;
letter-spacing: 0px;
word-spacing: 0px;
}
body > header nav li {
display:inline-block;
cursor:pointer;
border-left:1px solid #ebe7e4;
border-top:1px solid #E0DCD9;
box-shadow:-1px 0px 1px #d5d1cf;
padding:1.2em;
font-size:18px;
}
body > header nav li:hover {
background:#d5d1cf;
}
body > header nav li:first-child {
border-left:1px solid #E0DCD9;
box-shadow:-1px 0px 1px #E0DCD9;
text-shadow:1px 1px 1px #fff;
}
body > header nav li:active,body > header nav li.active {
color:white;
}
body > header nav li.all:active,body > header nav li.all.active {
text-shadow:1px 1px 1px #444;
}
body > header nav li.icon-address:active,body > header nav li.icon-address.active {
background:#0ED1E7;
border-left:1px solid #0cb4c6;
border-top:1px solid #0cb4c6;
box-shadow:none;
}
body > header nav li.icon-graduation-cap:active,body > header nav li.icon-graduation-cap.active {
background:#EB2690;
border-left:1px solid #bf1f75;
border-top:1px solid #bf1f75;
box-shadow:none;
}
body > header nav li.icon-briefcase:active,body > header nav li.icon-briefcase.active {
background:#E76B0E;
border-left:1px solid #B85307;
border-top:1px solid #B85307;
box-shadow:none;
}
body > header nav li.icon-star-1:active,body > header nav li.icon-star-1.active {
background:#5E6297;
border-left:1px solid #333;
border-top:1px solid #333;
box-shadow:none;
}
body > header nav li.icon-user:active,body > header nav li.icon-user.active {
background:#454545;
border-left:1px solid #333;
border-top:1px solid #333;
box-shadow:none;
}
body > header nav ul#nav_ctrl {
position:absolute;
top:0;
right:0;
}
div#timeline_container {
width:960px;
margin:120px auto;
position:relative;
}
div#timeline_container header {
position:relative;
z-index:20;
}
div#timeline_container header figure {
width:200px;
height:200px;
border-radius:50%;
border:5px solid #cdc9c6;
overflow:hidden;
display:block;
margin:0 auto;
}
div#timeline_container header figure img {
height:100%;
}
div#timeline_container header h1 {
position:absolute;
top:20px;
right:80px;
font-family: 'Lobster', cursive;
font-size:2.8em;
text-shadow:2px 2px 1px #fff;
font-weight:normal;
}
div#timeline_container > ul {
position:relative;
width:4px;
background:#cdc9c6;
border-right:1px solid white;
margin:0 auto;
padding:6em 0 0;
list-style:none;
}
div#timeline_container > ul:after {
content:"";
width:15px;
height:15px;
border-radius:50%;
background:#cdc9c6;
box-shadow:1px 1px 1px white;
position:absolute;
bottom:0;
left:-6px;
}
div#timeline_container > ul > li {
position:relative;
padding:.3em 0;
min-height:230px;
cursor:pointer;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
div#timeline_container > ul > li.hidden {
position:absolute;
top:-500px;
}
div#timeline_container > ul > li div {
position:absolute;
}
div#timeline_container > ul li > div.event_icn {
padding:0.3em;
font-size:1.7em;
border-radius:50%;
background:#ebe7e4;
border:3px solid #cdc9c6;
margin-left:-22px;
color:rgba(85,86,86,0.3);
box-shadow:1px 1px 1px white;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
div#timeline_container > ul > li:hover div.event_icn,div#timeline_container > ul li.active div.event_icn{color:white;}
div#timeline_container > ul > li.life_event div.event_icn { background:#bde3e7;}
div#timeline_container > ul li.life_event:hover div.event_icn,div#timeline_container > ul li.life_event.active div.event_icn {background:#0ED1E7}
div#timeline_container > ul > li.education_event div.event_icn { background:#eb98c5}
div#timeline_container > ul > li.education_event:hover div.event_icn,div#timeline_container > ul li.education_event.active div.event_icn { background:#EB2690}
div#timeline_container > ul > li.work_event div.event_icn { background:#e7b793}
div#timeline_container > ul > li.work_event:hover div.event_icn,div#timeline_container > ul li.work_event.active div.event_icn { background:#E76B0E}
div#timeline_container > ul > li.user_event div.event_icn {background:#A2A2A2}
div#timeline_container > ul > li.user_event:hover div.event_icn,div#timeline_container > ul li.user_event.active div.event_icn { background:#454545}
div#timeline_container > ul > li.portfolio_event div.event_icn {
background:#5E6297
}
div#timeline_container > ul > li.portfolio_event:hover div.event_icn,div#timeline_container > ul li.portfolio_event.active div.event_icn { background:#5E6297}
div#timeline_container > ul > li div.event_content {
width:400px;
padding:1em 2em 1.3em;
border:1px solid #DDDBDA;
border-radius:10px;
top:-2em;
opacity:0.3;
background:white;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
div#timeline_container > ul > li div.event_content a{color:#999;}
div#timeline_container > ul > li:hover div.event_content,div#timeline_container > ul li.active div.event_content {
opacity:1;
}
div#timeline_container > ul > li:nth-child(odd) div.event_content {
right:-470px;
}
div#timeline_container > ul > li:nth-child(even) div.event_content {
left:-470px;
text-align:right
}
div#timeline_container > ul > li div.event_content:before {
content:"";
position:absolute;
width:20px;
height:20px;
border-bottom:1px solid #DDDBDA;
border-left:1px solid #DDDBDA;
top:3em;
background:#ebe7e4;
margin-top:8px;
background:white;
}
div#timeline_container > ul > li:nth-child(odd) div.event_content:before {
left:-11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
div#timeline_container > ul > li:nth-child(even) div.event_content:before {
right:-11px;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
div#timeline_container > ul > li div.event_content h2 {
margin:0.3em 0;
padding:0;
text-transform:capitalize;
font-size:1.4em;
}
div#timeline_container > ul > li div.event_content p {
margin:0;
padding:0;
line-height:1.5em;
}
div#timeline_container > ul > li div.event_content ul {
margin:0;
padding:0;
list-style:none;
line-height:1.5em;
}
div#timeline_container > ul > li div.event_date {
top:1em;
width:180px;
text-align:right;
font-size:1.2em;
text-shadow:1px 1px 1px white;
opacity:0.3;
font-weight:bold;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
div#timeline_container > ul > li:nth-child(even) div.event_date {text-align:left;}
div#timeline_container > ul > li:hover div.event_date,div#timeline_container > ul li.active div.event_date {opacity:0.9;}
div#timeline_container > ul > li:nth-child(odd) div.event_date {right:60px;}
div#timeline_container > ul > li:nth-child(even) div.event_date {left:60px;}
div#instructions_container {
position:fixed;
padding:2em;
width:300px;
bottom:2em;
right:2em;
line-height:1.4em;
background:#FDFDBD;
border-radius:10px;
border:1px solid #DDDBDA;
z-index:40;
font-size:0.9em;
color:black;
line-height:1.6em;
}
div#info_container{
position:fixed;
bottom:2em;
right:2em;
border-radius:50%;
color:#ebe7e4;
background:#6d6b6a;
opacity:0.3;
cursor:pointer;
width:22px;
font-size:14px;
height:22px;
padding-top:2px;
text-align:center;
font-family:'lobster','cursive';
display:none;
}
div#info_container:hover {
opacity:0.9;
}
footer {
width:960px;
margin:2em auto;
color:#999;
}
footer a {
color:#444;
}
footer a.icon-down-circled {
text-decoration:none;
}
@media (max-width: 767px) {
.nav-side-menu {
position: relative;
width: 100%;
margin-bottom: 10px;
}
.nav-side-menu .toggle-btn {
display: block;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 10 !important;
padding: 3px;
background-color: #efefef;
color: #000;
width: 40px;
text-align: center;
}
.brand {
text-align: left !important;
font-size: 22px;
padding-left: 20px;
line-height: 50px !important;
}
}
@media (min-width: 767px) {
.nav-side-menu .menu-list .menu-content {
display: block;
}
}
body {
margin: 0px;
padding: 0px;
}
