Change css to use tabs

This commit is contained in:
Nick Krichevsky 2018-10-28 15:24:31 -04:00
parent 2550bc8bbf
commit e7c93da74c

View file

@ -8,79 +8,79 @@
nav ul a, nav ul a,
nav .brand-logo { nav .brand-logo {
color: #444; color: #444;
} }
p { p {
line-height: 2rem; line-height: 2rem;
} }
#logo-container { #logo-container {
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
height: 100%; height: 100%;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
.button-collapse { .button-collapse {
color: #26a69a; color: #26a69a;
} }
.sub-button { .sub-button {
margin-top: 5px; margin-top: 5px;
} }
.parallax-container { .parallax-container {
min-height: 380px; min-height: 380px;
line-height: 0; line-height: 0;
height: auto; height: auto;
color: rgba(255,255,255,.9); color: rgba(255,255,255,.9);
}
.parallax-container .section {
width: 100%;
} }
.parallax-container .section {
width: 100%;
}
@media only screen and (max-width : 992px) { @media only screen and (max-width : 992px) {
.parallax-container .section { .parallax-container .section {
top: 40%; top: 40%;
} }
#index-banner .section { #index-banner .section {
top: 10%; top: 10%;
} }
} }
@media only screen and (max-width : 600px) { @media only screen and (max-width : 600px) {
.parallax-container .section { .parallax-container .section {
height: auto; height: auto;
overflow: auto; overflow: auto;
} }
.container { .container {
height: auto; height: auto;
} }
#index-banner .section { #index-banner .section {
top: 0; top: 0;
} }
} }
#registration-banner { #registration-banner {
min-height: 100px; min-height: 100px;
max-height: 150px; max-height: 150px;
} }
#registration-banner .section{ #registration-banner .section{
top: auto; top: auto;
} }
.icon-block { .icon-block {
padding: 0 15px; padding: 0 15px;
} }
.icon-block .material-icons { .icon-block .material-icons {
font-size: inherit; font-size: inherit;
} }
footer.page-footer { footer.page-footer {
margin: 0; margin: 0;
} }
@ -90,14 +90,14 @@ footer.page-footer {
} }
#mlh-trust-badge { #mlh-trust-badge {
display: block; display: block;
max-width: 100px; max-width: 100px;
min-width: 60px; min-width: 60px;
position: fixed; position: fixed;
right: 50px; right: 50px;
top: 0; top: 0;
width: 10%; width: 10%;
z-index: 10000; z-index: 10000;
} }
.sponsors img { .sponsors img {