Anson/Redline-Racing-Website
1
0
Fork 0
mirror of https://gitlab.com/redline-racing-division/redline-racing-website.git synced 2025-06-16 07:06:50 +00:00
Code Releases Activity

not goin so hot chief

Browse Source
This commit is contained in:
Anson 2019-09-24 23:47:40 -07:00
parent 765ede0202
commit c5a44d55e4
1 changed files with 40 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
assets/css/main.css
View File

@ -191,11 +191,11 @@ html {
} }
body { body {
background-color: #2e3141; background-color: #201f2c;
background-image: linear-gradient( background-image: linear-gradient(
to top, to top,
rgba(46, 49, 65, 0.8), rgba(75, 50, 50, 0.8),
rgba(46, 49, 65, 0.8) rgba(75, 50, 50, 0.8)
), ),
url("../../images/bg.webp"); url("../../images/bg.webp");
background-size: auto, cover; background-size: auto, cover;
@ -280,7 +280,7 @@ a {
border-bottom-color 0.2s ease-in-out; border-bottom-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
border-bottom: dotted 1px rgba(255, 255, 255, 0.35); border-bottom: dotted 1px rgba(255, 200, 200, 0.35);
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
} }
@ -2339,7 +2339,7 @@ select {
select option { select option {
color: #ffffff; color: #ffffff;
background: #2e3141; background: #201f2c;
} }
select:focus::-ms-value { select:focus::-ms-value {
@ -2427,12 +2427,12 @@ input[type="radio"]:checked + label:before {
background: #ffffff; background: #ffffff;
border-color: #ffffff; border-color: #ffffff;
content: "\f00c"; content: "\f00c";
color: #2e3141; color: #201f2c;
} }
input[type="checkbox"]:focus + label:before, input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before { input[type="radio"]:focus + label:before {
border-color: #4c5c96; border-color: #be5556;
} }
input[type="checkbox"] + label:before { input[type="checkbox"] + label:before {
@ -2444,22 +2444,22 @@ input[type="radio"] + label:before {
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.35) !important; color: rgba(255, 200, 200, 0.35) !important;
opacity: 1; opacity: 1;
} }
:-moz-placeholder { :-moz-placeholder {
color: rgba(255, 255, 255, 0.35) !important; color: rgba(255, 200, 200, 0.35) !important;
opacity: 1; opacity: 1;
} }
::-moz-placeholder { ::-moz-placeholder {
color: rgba(255, 255, 255, 0.35) !important; color: rgba(255, 200, 200, 0.35) !important;
opacity: 1; opacity: 1;
} }
:-ms-input-placeholder { :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.35) !important; color: rgba(255, 200, 200, 0.35) !important;
opacity: 1; opacity: 1;
} }
@ -2855,7 +2855,7 @@ ul.pagination li > .page:hover {
} }
ul.pagination li > .page.active { ul.pagination li > .page.active {
background-color: #4c5c96; background-color: #be5556;
} }
ul.pagination li:first-child { ul.pagination li:first-child {
@ -3013,7 +3013,7 @@ input[type="button"].icon:before,
button.icon:before, button.icon:before,
.button.icon:before { .button.icon:before {
margin-right: 0.5em; margin-right: 0.5em;
color: rgba(255, 255, 255, 0.35); color: rgba(255, 200, 200, 0.35);
} }
input[type="submit"].primary, input[type="submit"].primary,
@ -3021,7 +3021,7 @@ input[type="reset"].primary,
input[type="button"].primary, input[type="button"].primary,
button.primary, button.primary,
.button.primary { .button.primary {
background-color: #4c5c96; background-color: #be5556;
box-shadow: none; box-shadow: none;
} }
@ -3038,7 +3038,7 @@ input[type="reset"].primary:active,
input[type="button"].primary:active, input[type="button"].primary:active,
button.primary:active, button.primary:active,
.button.primary:active { .button.primary:active {
background-color: #45558d; background-color: #be5556;
} }
input[type="submit"].primary.icon:before, input[type="submit"].primary.icon:before,
@ -3356,7 +3356,7 @@ button:disabled,
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(46, 49, 65, 0.8); background: rgba(75, 50, 50, 0.8);
cursor: default; cursor: default;
height: 100%; height: 100%;
left: 0; left: 0;
@ -3379,7 +3379,7 @@ button:disabled,
-ms-transition: opacity 0.35s ease, -ms-transform 0.35s ease; -ms-transition: opacity 0.35s ease, -ms-transform 0.35s ease;
transition: opacity 0.35s ease, transform 0.35s ease; transition: opacity 0.35s ease, transform 0.35s ease;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
background: #4c5c96; background: #be5556;
border-radius: 5px; border-radius: 5px;
display: block; display: block;
max-width: 100%; max-width: 100%;
@ -3435,7 +3435,7 @@ button:disabled,
} }
#menu .links li a:hover { #menu .links li a:hover {
background: #45558d; background: #be5556;
} }
@media screen and (max-width: 736px) { @media screen and (max-width: 736px) {
@ -3566,11 +3566,11 @@ body.is-menu-visible #menu .inner {
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
#banner { #banner {
padding: 7em 0 8.25em 0; padding: 7em 0 8.25em 0;
background-color: #2e3141; background-color: #201f2c;
background-image: linear-gradient( background-image: linear-gradient(
to top, to top,
rgba(46, 49, 65, 0.8), rgba(75, 50, 50, 0.8),
rgba(46, 49, 65, 0.8) rgba(75, 50, 50, 0.8)
), ),
url("../../images/bg-min.webp"); url("../../images/bg-min.webp");
background-size: auto, cover; background-size: auto, cover;
@ -3675,11 +3675,11 @@ body.is-preload #banner p {
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
#wrapper > header { #wrapper > header {
padding: 9em 0 6.25em 0; padding: 9em 0 6.25em 0;
background-color: #2e3141; background-color: #201f2c;
background-image: linear-gradient( background-image: linear-gradient(
to top, to top,
rgba(46, 49, 65, 0.8), rgba(75, 50, 50, 0.8),
rgba(46, 49, 65, 0.8) rgba(75, 50, 50, 0.8)
), ),
url("../../images/bg-min.webp"); url("../../images/bg-min.webp");
background-size: auto, cover; background-size: auto, cover;
@ -3718,7 +3718,7 @@ body.is-preload #banner p {
} }
.wrapper { .wrapper {
background-color: #2e3141; background-color: #201f2c;
margin: 6.5em 0; margin: 6.5em 0;
position: relative; position: relative;
} }
@ -3729,11 +3729,11 @@ body.is-preload #banner p {
} }
.wrapper:before { .wrapper:before {
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141; box-shadow: inset 0 -1px 0 0 #201f2c, 0 1px 0 0 #201f2c;
} }
.wrapper:after { .wrapper:after {
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141; box-shadow: inset 0 -1px 0 0 #201f2c, 0 1px 0 0 #201f2c;
} }
.wrapper:before, .wrapper:before,
@ -3867,7 +3867,7 @@ body.is-preload #banner p {
} }
.wrapper.spotlight { .wrapper.spotlight {
background-color: #4c5c96; background-color: #be5556;
} }
.wrapper.spotlight:before, .wrapper.spotlight:before,
@ -3876,11 +3876,11 @@ body.is-preload #banner p {
} }
.wrapper.spotlight:before { .wrapper.spotlight:before {
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96; box-shadow: inset 0 -1px 0 0 #be5556, 0 1px 0 0 #be5556;
} }
.wrapper.spotlight:after { .wrapper.spotlight:after {
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96; box-shadow: inset 0 -1px 0 0 #be5556, 0 1px 0 0 #be5556;
} }
.wrapper.spotlight .inner { .wrapper.spotlight .inner {
@ -3929,7 +3929,7 @@ body.is-preload #banner p {
} }
.wrapper.spotlight.style2 { .wrapper.spotlight.style2 {
background-color: #45558d; background-color: #be5556;
} }
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:before,
@ -3938,15 +3938,15 @@ body.is-preload #banner p {
} }
.wrapper.spotlight.style2:before { .wrapper.spotlight.style2:before {
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d; box-shadow: inset 0 -1px 0 0 #be5556, 0 1px 0 0 #be5556;
} }
.wrapper.spotlight.style2:after { .wrapper.spotlight.style2:after {
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d; box-shadow: inset 0 -1px 0 0 #be5556, 0 1px 0 0 #be5556;
} }
.wrapper.spotlight.style3 { .wrapper.spotlight.style3 {
background-color: #3f4e85; background-color: #be5556;
} }
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:before,
@ -3955,11 +3955,11 @@ body.is-preload #banner p {
} }
.wrapper.spotlight.style3:before { .wrapper.spotlight.style3:before {
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85; box-shadow: inset 0 -1px 0 0 #be5556, 0 1px 0 0 #be5556;
} }
.wrapper.spotlight.style3:after { .wrapper.spotlight.style3:after {
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85; box-shadow: inset 0 -1px 0 0 #be5556, 0 1px 0 0 #be5556;
} }
.wrapper.spotlight.style4 { .wrapper.spotlight.style4 {
@ -4148,7 +4148,7 @@ body.is-preload #banner p {
#footer .inner .copyright li { #footer .inner .copyright li {
border-left: solid 2px rgba(255, 255, 255, 0.125); border-left: solid 2px rgba(255, 255, 255, 0.125);
color: rgba(255, 255, 255, 0.35); color: rgba(255, 200, 200, 0.35);
display: inline-block; display: inline-block;
font-size: 0.9em; font-size: 0.9em;
line-height: 1; line-height: 1;
@ -4169,11 +4169,11 @@ body.is-preload #banner p {
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
#footer { #footer {
background-color: #2e3141; background-color: #201f2c;
background-image: linear-gradient( background-image: linear-gradient(
to top, to top,
rgba(46, 49, 65, 0.8), rgba(75, 50, 50, 0.8),
rgba(46, 49, 65, 0.8) rgba(75, 50, 50, 0.8)
), ),
url("../../images/bg-min.webp"); url("../../images/bg-min.webp");
background-size: auto, cover; background-size: auto, cover;