body {
font-family: 'Source Sans Pro',Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 1.75;
}
#timeline {
display: flex;
background-color: #031625;
&:hover {
.tl-item {
width: 23.3333%;
}
}
}
.tl-item {
transform: translate3d(0, 0, 0);
position: relative;
width: 25%;
height: 100vh;
min-height: 600px;
color: #fff;
overflow: hidden;
transition: width 0.5s ease;
&:before, &:after {
transform: translate3d(0, 0, 0);
content: '';
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
}
&:after {
background: transparentize(#031625, 0.15);
opacity: 1;
transition: opacity 0.5s ease;
}
&:before {
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 75%);
z-index: 1;
opacity: 0;
transform: translate3d(0, 0, 0) translateY(50%);
transition: opacity 0.5s ease, transform 0.5s ease;
}
&:hover {
width: 30% !important;
&:after {
opacity: 0;
}
&:before {
opacity: 1;
transform: translate3d(0, 0, 0) translateY(0);
transition: opacity 1s ease, transform 1s ease 0.25s;
}
.tl-content {
opacity: 1;
transform: translateY(0);
transition: all 0.75s ease 0.5s;
}
.tl-bg {
filter: grayscale(0);
}
}
}
.tl-content {
transform: translate3d(0, 0, 0) translateY(25px);
position: relative;
z-index: 1;
text-align: center;
margin: 0 1.618em;
top: 55%;
opacity: 0;
h1 {
font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
text-transform: uppercase;
color: #1779cf;
font-size: 1.44rem;
font-weight: normal;
}
}
.tl-year {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
p {
font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 1.728rem;
line-height: 0;
}
}
.tl-bg {
transform: translate3d(0, 0, 0);
position: absolute;
width: 100%; height: 100%;
top: 0; left: 0;
background-size: cover;
background-position: center center;
transition: filter 0.5s ease;
filter: grayscale(100%);
}
2011
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.
2013
Vestibulum laoreet lorem
Suspendisse potenti. Sed sollicitudin eros lorem, eget accumsan risus dictum id. Maecenas dignissim ipsum vel mi rutrum egestas. Donec mauris nibh, facilisis ut hendrerit vel, fringilla sed felis. Morbi sed nisl et arcu.
2014
Phasellus mauris elit
Mauris cursus magna at libero lobortis tempor. Suspendisse potenti. Aliquam interdum vulputate neque sit amet varius. Maecenas ac pulvinar nisi. Fusce vitae nunc ultrices, tristique dolor at, porttitor dolor. Etiam id cursus arcu, in dapibus nibh. Pellentesque non porta leo. Nulla eros odio, egestas quis efficitur vel, pretium sed.
2016
Mauris vitae nunc elem
Suspendisse ac mi at dolor sodales faucibus. Nunc sagittis ornare purus non euismod. Donec vestibulum efficitur tortor, eget efficitur enim facilisis consequat. Vivamus laoreet laoreet elit. Ut ut varius metus, bibendum imperdiet ex. Curabitur diam quam, blandit at risus nec, pulvinar porttitor lorem. Pellentesque dolor elit.
About moffett field historical society museum
As reflected by our mission statement below, the Moffett Field Historical Society is dedicated to education about and preservation of the heritage of one of Northern California’s most significant historic sites ... Moffett Field. This section tells the Society’s story: our history, how you can contribute to helping us achieve our mission through membership and/or donations, keeping informed through our Sparrowhawk newsletter, and the services — Library, docent tours, speakers, and more — that we provide.
We recognize Moffett Field’s namesake, Rear Admiral William Moffett, who lost his life in the crash of the Macon’s sister ship, the dirigible Akron.
our missionTo acquire and display artifacts which illustrate the roles performed by and tell the stories of the various military and NASA commands assigned to, or operating out of Moffett Field, and thereby to educate the public about and preserve for future generations the airfield's rich and important heritage. |