ARCHBLOX
/
website
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

fixed tab colours in light theme

This commit is contained in:
Thomas G 2022-08-08 03:25:06 +10:00
parent 56095d7bda
commit a69fe5c5aa
2 changed files with 686 additions and 666 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
public/css/app.css
View File

@ -22,7 +22,8 @@
}
}
.catalogitem, .catalogitemimage {
.catalogitem,
.catalogitemimage {
width: 126px;
padding: 5px;
}
@ -65,7 +66,8 @@
font-weight: bold;
}
#alert, #success {
#alert,
#success {
height: fit-content;
margin: 0px;
animation: alertanim;
@ -97,27 +99,33 @@
#logo_full {
display: none;
}
#logo_small {
display: block;
}
@media (min-width: 1688px) {
#logo_full {
display: block;
}
#logo_small {
display: none;
}
}
@media (max-width: 730px) {
.navbarbuttoncontainer a {
position: relative;
}
}
@media (max-width: 970px) {
.navbarbuttoncontainer a {
font-size: 14px;
}
}
@media (max-width: 640px) {
.navbarbuttoncontainer a {
font-size: 12px;
@ -230,6 +238,7 @@
color: red;
font-weight: bold;
}
#yes,
#no {
width: 50%;
@ -436,9 +445,11 @@
min-height: fit-content;
}
/*Button gradients by TersisWilvin*/
.tab {
background: #747474;
background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
background: rgb(255, 255, 255);
background: linear-gradient(0deg, #fff 0%, #b8b8b8 49%, #e3e3e3 50%, #f2f2f2 95%, #fff 100%);
font-weight: 400;
text-align: center;
height: 20px;
@ -447,12 +458,12 @@
font-family: "Helvetica";
padding-left: 5px;
padding-right: 5px;
color: #fff !important;
color: rgb(0, 0, 0) !important;
}
.tab_selected {
background: #2362DE;
background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
background: rgb(35, 98, 222);
background: linear-gradient(0deg, #00a2ff 0%, #0074bd 49%, #08f 50%, #57c2fe 95%, #99daff 100%);
font-weight: 400;
text-align: center;
height: 20px;
@ -464,12 +475,10 @@
color: #fff !important;
}
/*Button gradients by TersisWilvin*/
button {
background: rgb(45, 45, 45);
background: rgb(255, 255, 255);
/*Fallback for IE 11*/
background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
background: linear-gradient(0deg, #fff 0%, #b8b8b8 49%, #e3e3e3 50%, #f2f2f2 95%, #fff 100%);
font-weight: 400;
text-align: center;
height: 20px;
@ -499,7 +508,8 @@
background: linear-gradient(0deg, #32b5ff 0%, #0074bd 49%, #2c99f8 50%, #71c9fa 95%, #b6e5ff 100%);
}
button:active.bluebutton, button:focus.bluebutton {
button:active.bluebutton,
button:focus.bluebutton {
background: linear-gradient(0deg, #32b5ff 0%, #0074bd 49%, #2c99f8 50%, #71c9fa 95%, #b6e5ff 100%);
}

16
public/css/appdark.css
View File

@ -22,7 +22,8 @@
}
}
.catalogitem, .catalogitemimage {
.catalogitem,
.catalogitemimage {
width: 126px;
padding: 5px;
}
@ -65,7 +66,8 @@
font-weight: bold;
}
#alert, #success {
#alert,
#success {
height: fit-content;
margin: 0px;
animation: alertanim;
@ -97,27 +99,33 @@
#logo_full {
display: none;
}
#logo_small {
display: block;
}
@media (min-width: 1688px) {
#logo_full {
display: block;
}
#logo_small {
display: none;
}
}
@media (max-width: 730px) {
.navbarbuttoncontainer a {
position: relative;
}
}
@media (max-width: 970px) {
.navbarbuttoncontainer a {
font-size: 14px;
}
}
@media (max-width: 640px) {
.navbarbuttoncontainer a {
font-size: 12px;
@ -230,6 +238,7 @@
color: red;
font-weight: bold;
}
#yes,
#no {
width: 50%;
@ -494,7 +503,8 @@ button:hover.bluebutton {
background: linear-gradient(0deg, #32b5ff 0%, #0074bd 49%, #2c99f8 50%, #71c9fa 95%, #b6e5ff 100%);
}
button:active.bluebutton, button:focus.bluebutton {
button:active.bluebutton,
button:focus.bluebutton {
background: linear-gradient(0deg, #32b5ff 0%, #0074bd 49%, #2c99f8 50%, #71c9fa 95%, #b6e5ff 100%);
}