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

color theme update

Browse Source
This commit is contained in:
Anson
2019-10-06 22:18:16 -07:00
parent a328ced794
commit 183334fda9
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
assets/css/main.css
View File

@@ -2432,7 +2432,7 @@ input[type="radio"]:checked + label:before {
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: #ba2328;
} }
input[type="checkbox"] + label:before { input[type="checkbox"] + label:before {
@@ -2855,7 +2855,7 @@ ul.pagination li > .page:hover {
} }
ul.pagination li > .page.active { ul.pagination li > .page.active {
background-color: #4c5c96; background-color: #ba2328;
} }
ul.pagination li:first-child { ul.pagination li:first-child {
@@ -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: #ba2328;
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: #422b2d;
} }
input[type="submit"].primary.icon:before, input[type="submit"].primary.icon:before,
@@ -3177,7 +3177,7 @@ button:disabled,
-webkit-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out;
background-color: rgba(53, 56, 73, 0.95); background-color: #422b2d;
height: 3.5em; height: 3.5em;
left: 0; left: 0;
line-height: 3.5em; line-height: 3.5em;
@@ -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: #ba2328;
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: #422b2d;
} }
@media screen and (max-width: 736px) { @media screen and (max-width: 736px) {
@@ -3868,20 +3868,20 @@ body.is-preload #banner p {
} }
.wrapper.spotlight { .wrapper.spotlight {
background-color: #4c5c96; background-color: #ba2328;
} }
.wrapper.spotlight:before, .wrapper.spotlight:before,
.wrapper.spotlight:after { .wrapper.spotlight:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E"); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23BA2328%3B' /%3E%3C/svg%3E");
} }
.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 #ba2328, 0 1px 0 0 #ba2328;
} }
.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 #ba2328, 0 1px 0 0 #ba2328;
} }
.wrapper.spotlight .inner { .wrapper.spotlight .inner {
@@ -3930,37 +3930,37 @@ body.is-preload #banner p {
} }
.wrapper.spotlight.style2 { .wrapper.spotlight.style2 {
background-color: #45558d; background-color: #422b2d;
} }
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:before,
.wrapper.spotlight.style2:after { .wrapper.spotlight.style2:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E"); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23422B2D%3B' /%3E%3C/svg%3E");
} }
.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 #422b2d, 0 1px 0 0 #422b2d;
} }
.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 #422b2d, 0 1px 0 0 #422b2d;
} }
.wrapper.spotlight.style3 { .wrapper.spotlight.style3 {
background-color: #3f4e85; background-color: #ba2328;
} }
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:before,
.wrapper.spotlight.style3:after { .wrapper.spotlight.style3:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E"); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23BA2328%3B' /%3E%3C/svg%3E");
} }
.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 #ba2328, 0 1px 0 0 #ba2328;
} }
.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 #ba2328, 0 1px 0 0 #ba2328;
} }
.wrapper.spotlight.style4 { .wrapper.spotlight.style4 {