@import 'simple-texture/home/variables'; @import 'simple-texture/common/normalize'; @import 'simple-texture/common/animate'; @import 'simple-texture/common/fonts'; @import 'simple-texture/common/helper'; @import 'simple-texture/common/pace'; @import 'simple-texture/common/social-icons'; @import 'simple-texture/home/fullpage';
body {
font-family: $fonts-body; font-size: 18px; line-height: 36px; color: $color-text-dark;
}
h1 {
font-size: 5em; text-transform: uppercase;
}
h2 {
font-size: 2.225em;
}
h3 {
font-size: 1.725em;
}
.small, aside, small {
font-size: .75em;
}
a:hover, a:link, a:visited {
text-decoration: none;
}
button, input, optgroup, select, textarea {
font-family: $fonts-body;
}
.site-notice {
top: 0; width: 100%; text-align: center; background: $color-background-dark; a { color: $color-hover; &:hover { color: $color-hover-transparent; } }
}
menu {
display: none;
}
.section {
text-align: center; span { padding: 0 10px 0 10px; }
}
section0 {
background: url('../images/theme/noisy_texture_section0-200x200.png') repeat 0 0 #F0F0F0;
}
section1 {
background: url('../images/theme/noisy_texture_section1-200x200.png') repeat 0 0 #150E1F;
}
fullPage-nav {
span { border: 1px solid #8A8A8A; } li .active span { background: #707070; }
}
.btn-light, .btn-dark {
-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-decoration: none; color: $color-text-light; border: 1px solid #150E1F; outline: none; &:hover { border: 1px solid $color-text-light; }
}
.btn-dark {
background-color: $color-background-dark !important; &:hover, &:focus { background-color: $color-background-light !important; }
}
.btn-light {
background-color: $color-background-light !important; &:hover, &:focus { background-color: $color-background-dark !important; }
}
.btn-enter {
padding: 4px 6px 0 4px;
}
.btn-continue {
position: absolute; z-index: 2; bottom: 0; left: 50%; display: inline-block; width: 32px; height: 32px; margin-left: -30px; padding: 12px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-indent: -9999em; outline: none; background-image: url('../images/theme/btn-more.png'); background-repeat: no-repeat; background-position: center center; -webkit-tap-highlight-color: rgba(0,0,0,0); &:hover { -webkit-animation-name: bounce; animation-name: bounce; }
}
.social-links {
$icon-size: 64px; a { display: inline-block; width: $icon-size; height: $icon-size; margin: 18px; background-size: $icon-size $icon-size; }
}
@import 'simple-texture/home/responsive';