You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
1.4 KiB
117 lines
1.4 KiB
/* |
|
* Globals |
|
*/ |
|
|
|
/* Links */ |
|
a, |
|
a:focus, |
|
a:hover { |
|
color: #fff; |
|
} |
|
|
|
.cover-container { |
|
position:relative; |
|
} |
|
|
|
/* |
|
* Base structure |
|
*/ |
|
|
|
html, |
|
body { |
|
height: 100%; |
|
margin:0; |
|
padding:0; |
|
overflow: hidden; |
|
/* background-color: #333; */ |
|
} |
|
|
|
body { |
|
display: -ms-flexbox; |
|
display: -webkit-box; |
|
display: flex; |
|
-ms-flex-pack: center; |
|
-webkit-box-pack: center; |
|
justify-content: center; |
|
color: #fff; |
|
/* text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); */ |
|
/* box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); */ |
|
} |
|
|
|
.cover-container { |
|
max-width: 42em; |
|
} |
|
|
|
|
|
/* |
|
* Header |
|
*/ |
|
.masthead { |
|
margin-bottom: 2rem; |
|
} |
|
|
|
.masthead-brand { |
|
margin-bottom: 0; |
|
} |
|
|
|
.nav-masthead .nav-link { |
|
padding: .25rem 0; |
|
font-weight: 700; |
|
color: rgba(255, 255, 255, .5); |
|
background-color: transparent; |
|
border-bottom: .25rem solid transparent; |
|
} |
|
|
|
.nav-masthead .nav-link:hover, |
|
.nav-masthead .nav-link:focus { |
|
border-bottom-color: rgba(255, 255, 255, .25); |
|
} |
|
|
|
.nav-masthead .nav-link + .nav-link { |
|
margin-left: 1rem; |
|
} |
|
|
|
.nav-masthead .active { |
|
color: #fff; |
|
border-bottom-color: #fff; |
|
} |
|
|
|
@media (min-width: 48em) { |
|
.masthead-brand { |
|
float: left; |
|
} |
|
.nav-masthead { |
|
float: right; |
|
} |
|
} |
|
|
|
|
|
/* |
|
* Cover |
|
*/ |
|
.cover { |
|
padding: 0 1.5rem; |
|
} |
|
.cover .btn-lg { |
|
padding: .75rem 1.25rem; |
|
font-weight: 700; |
|
} |
|
|
|
|
|
/* |
|
* Footer |
|
*/ |
|
.mastfoot { |
|
color: rgba(255, 255, 255, .5); |
|
} |
|
|
|
.social { |
|
width:35px; |
|
margin:20px; |
|
} |
|
|
|
#canvas { |
|
position: absolute; |
|
top:0; |
|
left:0; |
|
} |