mirror of
https://gitlab.com/redline-racing-division/redline-racing-website.git
synced 2025-07-25 23:51:28 +00:00
complete redo
This commit is contained in:
168
css/one-page-wonder.css
Normal file
168
css/one-page-wonder.css
Normal file
@@ -0,0 +1,168 @@
|
||||
/*!
|
||||
* Start Bootstrap - One Page Wonder v5.0.7 (https://startbootstrap.com/template-overviews/one-page-wonder)
|
||||
* Copyright 2013-2019 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
body {
|
||||
font-family: "Lato";
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: "Catamaran";
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
|
||||
.btn-xl {
|
||||
text-transform: uppercase;
|
||||
padding: 1.5rem 3rem;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.1rem;
|
||||
}
|
||||
|
||||
.bg-black {
|
||||
background-color: #000 !important;
|
||||
}
|
||||
|
||||
.rounded-pill {
|
||||
border-radius: 5rem;
|
||||
}
|
||||
|
||||
.navbar-custom {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand {
|
||||
text-transform: uppercase;
|
||||
font-size: 1rem;
|
||||
letter-spacing: 0.1rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-nav .nav-item .nav-link {
|
||||
text-transform: uppercase;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.1rem;
|
||||
}
|
||||
|
||||
header.masthead {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-top: calc(7rem + 72px);
|
||||
padding-bottom: 7rem;
|
||||
background: linear-gradient(
|
||||
to top,
|
||||
rgb(255, 255, 255),
|
||||
rgba(46, 49, 65, 0.8)
|
||||
);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: scroll;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
header.masthead .masthead-content {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header.masthead .masthead-content .masthead-heading {
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
header.masthead .masthead-content .masthead-subheading {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
header.masthead .bg-circle {
|
||||
z-index: 0;
|
||||
position: absolute;
|
||||
border-radius: 100%;
|
||||
/* background: linear-gradient(0deg, #ee0979 0%, #ff6a00 100%); */
|
||||
}
|
||||
|
||||
header.masthead .bg-circle-1 {
|
||||
height: 90rem;
|
||||
width: 90rem;
|
||||
bottom: -55rem;
|
||||
left: -55rem;
|
||||
}
|
||||
|
||||
header.masthead .bg-circle-2 {
|
||||
height: 50rem;
|
||||
width: 50rem;
|
||||
top: -25rem;
|
||||
right: -25rem;
|
||||
}
|
||||
|
||||
header.masthead .bg-circle-3 {
|
||||
height: 20rem;
|
||||
width: 20rem;
|
||||
bottom: -10rem;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
header.masthead .bg-circle-4 {
|
||||
height: 30rem;
|
||||
width: 30rem;
|
||||
top: -5rem;
|
||||
right: 35%;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
header.masthead {
|
||||
padding-top: calc(10rem + 55px);
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
header.masthead .masthead-content .masthead-heading {
|
||||
font-size: 6rem;
|
||||
}
|
||||
header.masthead .masthead-content .masthead-subheading {
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: #ee0979 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #ee0979;
|
||||
border-color: #ee0979;
|
||||
}
|
||||
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:hover {
|
||||
background-color: #bd0760 !important;
|
||||
border-color: #bd0760 !important;
|
||||
}
|
||||
|
||||
.btn-primary:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(238, 9, 121, 0.5);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background-color: #ff6a00;
|
||||
border-color: #ff6a00;
|
||||
}
|
||||
|
||||
.btn-secondary:active,
|
||||
.btn-secondary:focus,
|
||||
.btn-secondary:hover {
|
||||
background-color: #cc5500 !important;
|
||||
border-color: #cc5500 !important;
|
||||
}
|
||||
|
||||
.btn-secondary:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
|
||||
}
|
Reference in New Issue
Block a user