Skip to content

Instantly share code, notes, and snippets.

@loganhasson
Created November 15, 2013 05:45
Show Gist options
  • Save loganhasson/7479701 to your computer and use it in GitHub Desktop.
Save loganhasson/7479701 to your computer and use it in GitHub Desktop.
.explore {
pointer-events: none;
font-family: "klinicslabmedium", "Memphis", Georgia, serif;
font-weight: normal;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fccb45', EndColorStr='#ff5208', gradientType='1');
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.21, rgb(104, 206, 192)),
color-stop(0.73, rgb(57, 204, 162))
);
background-image: -o-linear-gradient(right, rgb(104, 206, 192) 21%, rgb(57, 204, 162) 73%);
background-image: -moz-linear-gradient(right, rgb(104, 206, 192) 21%, rgb(57, 204, 162) 73%);
background-image: -webkit-linear-gradient(right, rgb(104, 206, 192) 21%, rgb(57, 204, 162) 73%);
background-image: -ms-linear-gradient(right, rgb(104, 206, 192) 21%, rgb(57, 204, 162) 73%);
background-image: linear-gradient(to right, rgb(104, 206, 192) 21%, rgb(57, 204, 162) 73%);
-webkit-background-size: 200%;
-moz-background-size: 200%;
-o-background-size: 200%;
background-size: 200%;
-webkit-animation-name: none;
-moz-animation-name: none;
-ms-animation-name: none;
-o-animation-name: none;
animation-name: none;
text-align: center;
text-transform: uppercase;
font-weight: 700;
width: 100%;
position: absolute;
bottom: 0em;
}
/* line 236, css/sass/_home.sass */
.explore.active {
pointer-events: auto;
}
/* line 239, css/sass/_home.sass */
.explore .explore-the-story {
padding-top: 2em;
-webkit-transition: 0.5s ease opacity;
-moz-transition: 0.5s ease opacity;
-o-transition: 0.5s ease opacity;
transition: 0.5s ease opacity;
}
/* line 242, css/sass/_home.sass */
.explore .explore-the-story.fadeOut {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
/* line 244, css/sass/_home.sass */
.explore .explore-link {
line-height: 1;
display: block;
color: white;
height: 80px;
-webkit-font-smoothing: antialiased;
}
/* line 251, css/sass/_home.sass */
.explore .explore-link:hover {
color: white;
}
/* line 255, css/sass/_home.sass */
.explore .down-arrow {
display: block;
height: 0;
width: 0;
content: "";
border-top: 10px solid white;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
display: block;
margin: 0.5em auto 0 auto;
-webkit-transition: 0.5s ease opacity;
-moz-transition: 0.5s ease opacity;
-o-transition: 0.5s ease opacity;
transition: 0.5s ease opacity;
}
/* line 260, css/sass/_home.sass */
.explore .down-arrow.fadeOut {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
/* line 263, css/sass/_home.sass */
.explore .social {
display: block;
position: absolute;
top: 2em;
right: 3em;
z-index: 3;
}
/* line 270, css/sass/_home.sass */
.explore .social a {
float: left;
-webkit-transition: 0.5s ease opacity;
-moz-transition: 0.5s ease opacity;
-o-transition: 0.5s ease opacity;
transition: 0.5s ease opacity;
}
/* line 273, css/sass/_home.sass */
.explore .social .facebook {
background-position: -29px -42px;
}
/* line 275, css/sass/_home.sass */
.explore .social .facebook:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
/* line 277, css/sass/_home.sass */
.explore .social .twitter {
background-position: 0 -42px;
}
/* line 279, css/sass/_home.sass */
.explore .social .twitter:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment