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