mirror of
https://gitlab.com/redline-racing-division/redline-racing-website.git
synced 2025-07-22 22:21:26 +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);
|
||||
}
|
||||
5
css/one-page-wonder.min.css
vendored
Normal file
5
css/one-page-wonder.min.css
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
/*!
|
||||
* 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:.9rem;font-weight:700;letter-spacing:.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,.7)}.navbar-custom .navbar-brand{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:700}.navbar-custom .navbar-nav .nav-item .nav-link{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1rem}header.masthead{position:relative;overflow:hidden;padding-top:calc(7rem + 72px);padding-bottom:7rem;background:linear-gradient(0deg,#ff6a00 0,#ee0979 100%);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 .2rem rgba(238,9,121,.5)}.btn-secondary{background-color:#ff6a00;border-color:#ff6a00}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#c50!important;border-color:#c50!important}.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,106,0,.5)}
|
||||
Reference in New Issue
Block a user