colors
This commit is contained in:
parent
1e066555fe
commit
1a64fe46e2
@ -31,25 +31,28 @@ $font_2: 'Open Sans Bold';
|
|||||||
letter-spacing: .08em;
|
letter-spacing: .08em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//@import url('http://fonts.googleapis.com/css?family=Oswald:300,400:latin,latin-ext');
|
|
||||||
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600');
|
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600');
|
||||||
body {
|
body {
|
||||||
color: $color_storm_dust_approx;
|
color: $color_storm_dust_approx;
|
||||||
background-color: #FAFAFA;
|
background-color: #FAFAFA;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family: $font_0, $font_1, $font_2;
|
font-family: $font_0, $font_1, $font_2;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family: $font_0, $font_1, $font_2;
|
font-family: $font_0, $font_1, $font_2;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-family: $font_0, $font_1, $font_2;
|
font-family: $font_0, $font_1, $font_2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight {
|
.highlight {
|
||||||
font-family: $font_0, $font_1, $font_2;
|
font-family: $font_0, $font_1, $font_2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
a {
|
a {
|
||||||
font-family: $font_0, $font_1, $font_2;
|
font-family: $font_0, $font_1, $font_2;
|
||||||
@ -60,6 +63,7 @@ h3 {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#masthead {
|
#masthead {
|
||||||
min-height: 311px;
|
min-height: 311px;
|
||||||
background-color: #1D84FB;
|
background-color: #1D84FB;
|
||||||
@ -87,12 +91,14 @@ h3 {
|
|||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
background-color: $color_celeste_approx;
|
background-color: $color_celeste_approx;
|
||||||
}
|
}
|
||||||
|
|
||||||
#topPanel {
|
#topPanel {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
padding-left: 22px;
|
padding-left: 22px;
|
||||||
@ -101,10 +107,12 @@ footer {
|
|||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-spacer {
|
.top-spacer {
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color_ebony_clay_approx;
|
color: $color_ebony_clay_approx;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -113,14 +121,17 @@ a {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-bar {
|
.icon-bar {
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) {
|
@media screen and (min-width: 768px) {
|
||||||
#masthead h1 {
|
#masthead h1 {
|
||||||
font-size: 80px;
|
font-size: 80px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-bright {
|
.navbar-bright {
|
||||||
background-color: $color_arapawa_approx;
|
background-color: $color_arapawa_approx;
|
||||||
color: $white;
|
color: $white;
|
||||||
@ -136,12 +147,15 @@ a {
|
|||||||
background-color: $color_stratos_approx;
|
background-color: $color_stratos_approx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
min-width: 250px;
|
min-width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.caret {
|
.caret {
|
||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-toggle {
|
.navbar-toggle {
|
||||||
color: $white;
|
color: $white;
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
@ -149,6 +163,7 @@ a {
|
|||||||
background-color: $white;
|
background-color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
clear: both;
|
clear: both;
|
||||||
margin-top: -120px;
|
margin-top: -120px;
|
||||||
@ -157,16 +172,17 @@ a {
|
|||||||
padding: 15px;
|
padding: 15px;
|
||||||
box-shadow: 2px 2px 3px #aaaaaa;
|
box-shadow: 2px 2px 3px #aaaaaa;
|
||||||
|
|
||||||
|
|
||||||
.lead {
|
.lead {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.thumbnail {
|
.thumbnail {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-container {
|
.img-container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 170px;
|
height: 170px;
|
||||||
@ -177,10 +193,12 @@ a {
|
|||||||
max-height: 280px;
|
max-height: 280px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.txt-container {
|
.txt-container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-float {
|
.label-float {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -191,9 +209,11 @@ a {
|
|||||||
padding: 6px;
|
padding: 6px;
|
||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-form input {
|
.navbar-form input {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-inline input {
|
.form-inline input {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
@ -13,7 +13,7 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-7">
|
<div class="col-md-7">
|
||||||
<h1><%= link_to "Roadmap", root_path %>
|
<h1>Roadmap
|
||||||
<p class="lead"></p>
|
<p class="lead"></p>
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user