1
0
mirror of https://gitlab.com/redline-racing-division/car-show.git synced 2025-06-16 07:06:48 +00:00

update for our info

This commit is contained in:
Anson Biggs 2019-11-15 19:23:37 -07:00
parent 1fcd3d2d6b
commit c8cbc6c4fc
4 changed files with 701 additions and 403 deletions

View File

@ -6,7 +6,9 @@
body { body {
overflow-x: hidden; overflow-x: hidden;
font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
p { p {
@ -32,7 +34,9 @@ h4,
h5, h5,
h6 { h6 {
font-weight: 700; font-weight: 700;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
.page-section { .page-section {
@ -51,7 +55,9 @@ h6 {
font-style: italic; font-style: italic;
margin-bottom: 75px; margin-bottom: 75px;
text-transform: none; text-transform: none;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -83,7 +89,9 @@ img::-moz-selection {
} }
.btn { .btn {
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 700; font-weight: 700;
} }
@ -97,13 +105,16 @@ img::-moz-selection {
border-color: #fed136; border-color: #fed136;
} }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover { .btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
background-color: #fec810 !important; background-color: #fec810 !important;
border-color: #fec810 !important; border-color: #fec810 !important;
color: white; color: white;
} }
.btn-primary:active, .btn-primary:focus { .btn-primary:active,
.btn-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important; box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
} }
@ -119,15 +130,22 @@ img::-moz-selection {
color: white; color: white;
border: 0; border: 0;
background-color: #fed136; background-color: #fed136;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
#mainNav .navbar-brand { #mainNav .navbar-brand {
color: #fed136; color: #fed136;
font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Kaushan Script", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover { #mainNav .navbar-brand.active,
#mainNav .navbar-brand:active,
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
color: #fec503; color: #fec503;
} }
@ -137,10 +155,13 @@ img::-moz-selection {
padding: 0.75em 0; padding: 0.75em 0;
letter-spacing: 1px; letter-spacing: 1px;
color: white; color: white;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover { #mainNav .navbar-nav .nav-item .nav-link.active,
#mainNav .navbar-nav .nav-item .nav-link:hover {
color: #fed136; color: #fed136;
} }
@ -173,7 +194,12 @@ img::-moz-selection {
header.masthead { header.masthead {
text-align: center; text-align: center;
color: white; color: white;
background-image: url("../img/header-bg.jpg"); background-image: linear-gradient(
to top,
rgba(46, 49, 65, 0.8),
rgba(46, 49, 65, 0.8)
),
url("../img/header-bg.webp");
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: scroll; background-attachment: scroll;
background-position: center center; background-position: center center;
@ -190,7 +216,9 @@ header.masthead .intro-text .intro-lead-in {
font-style: italic; font-style: italic;
line-height: 22px; line-height: 22px;
margin-bottom: 25px; margin-bottom: 25px;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
header.masthead .intro-text .intro-heading { header.masthead .intro-text .intro-heading {
@ -198,7 +226,9 @@ header.masthead .intro-text .intro-heading {
font-weight: 700; font-weight: 700;
line-height: 50px; line-height: 50px;
margin-bottom: 25px; margin-bottom: 25px;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -211,14 +241,18 @@ header.masthead .intro-text .intro-heading {
font-style: italic; font-style: italic;
line-height: 40px; line-height: 40px;
margin-bottom: 25px; margin-bottom: 25px;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
header.masthead .intro-text .intro-heading { header.masthead .intro-text .intro-heading {
font-size: 75px; font-size: 75px;
font-weight: 700; font-weight: 700;
line-height: 75px; line-height: 75px;
margin-bottom: 50px; margin-bottom: 50px;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
} }
@ -253,7 +287,11 @@ header.masthead .intro-text .intro-heading {
opacity: 1; opacity: 1;
} }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { #portfolio
.portfolio-item
.portfolio-link
.portfolio-hover
.portfolio-hover-content {
font-size: 20px; font-size: 20px;
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -264,12 +302,27 @@ header.masthead .intro-text .intro-heading {
color: white; color: white;
} }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i { #portfolio
.portfolio-item
.portfolio-link
.portfolio-hover
.portfolio-hover-content
i {
margin-top: -12px; margin-top: -12px;
} }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 { .portfolio-item
.portfolio-link
.portfolio-hover
.portfolio-hover-content
h3,
#portfolio
.portfolio-item
.portfolio-link
.portfolio-hover
.portfolio-hover-content
h4 {
margin: 0; margin: 0;
} }
@ -290,7 +343,9 @@ header.masthead .intro-text .intro-heading {
font-size: 16px; font-size: 16px;
font-style: italic; font-style: italic;
margin: 0; margin: 0;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
#portfolio * { #portfolio * {
@ -326,7 +381,9 @@ header.masthead .intro-text .intro-heading {
font-size: 16px; font-size: 16px;
font-style: italic; font-style: italic;
margin: 20px 0 30px; margin: 20px 0 30px;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
.portfolio-modal .modal-content ul.list-inline { .portfolio-modal .modal-content ul.list-inline {
@ -390,7 +447,7 @@ header.masthead .intro-text .intro-heading {
left: 40px; left: 40px;
width: 2px; width: 2px;
margin-left: -1.5px; margin-left: -1.5px;
content: ''; content: "";
background-color: #e9ecef; background-color: #e9ecef;
} }
@ -400,9 +457,10 @@ header.masthead .intro-text .intro-heading {
margin-bottom: 50px; margin-bottom: 50px;
} }
.timeline > li:after, .timeline > li:before { .timeline > li:after,
.timeline > li:before {
display: table; display: table;
content: ' '; content: " ";
} }
.timeline > li:after { .timeline > li:after {
@ -620,25 +678,33 @@ section#contact .form-control:focus {
section#contact ::-webkit-input-placeholder { section#contact ::-webkit-input-placeholder {
font-weight: 700; font-weight: 700;
color: #ced4da; color: #ced4da;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
section#contact :-moz-placeholder { section#contact :-moz-placeholder {
font-weight: 700; font-weight: 700;
color: #ced4da; color: #ced4da;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
section#contact ::-moz-placeholder { section#contact ::-moz-placeholder {
font-weight: 700; font-weight: 700;
color: #ced4da; color: #ced4da;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
section#contact :-ms-input-placeholder { section#contact :-ms-input-placeholder {
font-weight: 700; font-weight: 700;
color: #ced4da; color: #ced4da;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
.footer { .footer {
@ -650,7 +716,9 @@ section#contact :-ms-input-placeholder {
font-size: 90%; font-size: 90%;
line-height: 40px; line-height: 40px;
text-transform: none; text-transform: none;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
.footer ul.quicklinks { .footer ul.quicklinks {
@ -658,7 +726,9 @@ section#contact :-ms-input-placeholder {
line-height: 40px; line-height: 40px;
margin-bottom: 0; margin-bottom: 0;
text-transform: none; text-transform: none;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
ul.social-buttons { ul.social-buttons {
@ -678,6 +748,8 @@ ul.social-buttons li a {
background-color: #212529; background-color: #212529;
} }
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover { ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
background-color: #fed136; background-color: #fed136;
} }

BIN
img/header-bg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 262 KiB

View File

Before

Width:  |  Height:  |  Size: 233 KiB

After

Width:  |  Height:  |  Size: 233 KiB

File diff suppressed because it is too large Load Diff