mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-26 21:04:58 -05:00
Update index.html
This commit is contained in:
28
index.html
28
index.html
@@ -517,9 +517,9 @@
|
||||
/*Color Palette*/
|
||||
:root {
|
||||
/*Regular*/
|
||||
--color-gray: #00000077;
|
||||
--color-gray-darker: #000000aa;
|
||||
--color-border-main: #073c00;
|
||||
--color-background: #00000077;
|
||||
--color-background-darker: #000000aa;
|
||||
--color-primary: #073c00;
|
||||
--color-select: #0b6b00;
|
||||
}
|
||||
|
||||
@@ -543,7 +543,7 @@ body {
|
||||
}
|
||||
.mainGrid > div {
|
||||
border-style: solid;
|
||||
border-color: var(--color-border-main);
|
||||
border-color: var(--color-primary);
|
||||
border-width: 1px 1px 0px 1px;
|
||||
width: calc(100% - 2px);
|
||||
}
|
||||
@@ -551,10 +551,10 @@ body {
|
||||
padding: 8px 0px;
|
||||
}
|
||||
.mainGrid > div:nth-child(odd) {
|
||||
background: var(--color-gray);
|
||||
background: var(--color-background);
|
||||
}
|
||||
.mainGrid > div:nth-child(even) {
|
||||
background: var(--color-gray-darker);
|
||||
background: var(--color-background-darker);
|
||||
}
|
||||
.selectionGrid {
|
||||
grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
|
||||
@@ -578,8 +578,8 @@ body {
|
||||
font-family: belerenbsc;
|
||||
cursor: pointer;
|
||||
padding: 3px;
|
||||
border: 1px solid var(--color-border-main);
|
||||
background-color: var(--color-gray);
|
||||
border: 1px solid var(--color-primary);
|
||||
background-color: var(--color-background);
|
||||
-webkit-transition: 0.3333s;
|
||||
transition: 0.3333s;
|
||||
}
|
||||
@@ -614,7 +614,7 @@ body {
|
||||
border-radius: 0.25em;
|
||||
padding-left: 0.25em;
|
||||
width: inherit;
|
||||
background-color: var(--color-border-main);
|
||||
background-color: var(--color-primary);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
-moz-appearance: none;
|
||||
@@ -642,7 +642,7 @@ body {
|
||||
display: inline-block;
|
||||
width: calc(1.2em - 6px);
|
||||
height: calc(1.2em - 6px);
|
||||
border: 3px solid var(--color-border-main);
|
||||
border: 3px solid var(--color-primary);
|
||||
border-radius: 0.25em;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
@@ -667,7 +667,7 @@ body {
|
||||
input[type="text"], input[type="number"], textarea, input[type="file"] {
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: var(--color-border-main);
|
||||
background: var(--color-primary);
|
||||
border-radius: 0.25em;
|
||||
padding-left: 0.25em;
|
||||
}
|
||||
@@ -675,7 +675,7 @@ input[type="text"], input[type="number"], textarea, input[type="file"] {
|
||||
input[type="color"] {
|
||||
padding: 0px;
|
||||
border: none;
|
||||
background: var(--color-border-main);
|
||||
background: var(--color-primary);
|
||||
}
|
||||
|
||||
/*Hyperlinks*/
|
||||
@@ -782,9 +782,9 @@ header, .info {
|
||||
text-align: center;
|
||||
}
|
||||
.symbolGrid > div {
|
||||
border: 4px solid var(--color-border-main);
|
||||
border: 4px solid var(--color-primary);
|
||||
border-radius: 36px;
|
||||
background-color: var(--color-border-main);
|
||||
background-color: var(--color-primary);
|
||||
}
|
||||
|
||||
/*Sitewide text (bottom of the page)*/
|
||||
|
Reference in New Issue
Block a user