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:
22
index.html
22
index.html
@@ -517,12 +517,10 @@
|
||||
/*Color Palette*/
|
||||
:root {
|
||||
/*Regular*/
|
||||
--color-hover-grid: #0b6b00;
|
||||
--color-border-selection-grid: #0f820040;
|
||||
--color-gray: #00000077;
|
||||
--color-gray-darker: #000000aa;
|
||||
--color-border-main: #073c00;
|
||||
--color-input: #073c00;
|
||||
--color-select: #0b6b00;
|
||||
}
|
||||
|
||||
/*Page-wide styling*/
|
||||
@@ -580,19 +578,17 @@ body {
|
||||
font-family: belerenbsc;
|
||||
cursor: pointer;
|
||||
padding: 3px;
|
||||
border: 1px solid var(--color-border-selection-grid);
|
||||
border: 1px solid var(--color-border-main);
|
||||
background-color: var(--color-gray);
|
||||
-webkit-transition: 0.3333s;
|
||||
transition: 0.3333s;
|
||||
}
|
||||
.selectionGrid > div:hover {
|
||||
border: 4px solid var(--color-hover-grid);
|
||||
/*background-color: var(--color-border-selection-grid);*/
|
||||
border: 4px solid var(--color-select);
|
||||
padding: 0px;
|
||||
}
|
||||
.selectionGridTarget {
|
||||
padding: 24px;
|
||||
/*border: 4px solid var(--color-border-selection-grid);*/
|
||||
}
|
||||
.cmm, .extras {
|
||||
display: none;
|
||||
@@ -618,7 +614,7 @@ body {
|
||||
border-radius: 0.25em;
|
||||
padding-left: 0.25em;
|
||||
width: inherit;
|
||||
background-color: var(--color-input);
|
||||
background-color: var(--color-border-main);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
-moz-appearance: none;
|
||||
@@ -646,7 +642,7 @@ body {
|
||||
display: inline-block;
|
||||
width: calc(1.2em - 6px);
|
||||
height: calc(1.2em - 6px);
|
||||
border: 3px solid var(--color-input);
|
||||
border: 3px solid var(--color-border-main);
|
||||
border-radius: 0.25em;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
@@ -656,7 +652,7 @@ body {
|
||||
transition: 0.5s;
|
||||
}
|
||||
.checkbox input:checked ~ label {
|
||||
background: var(--color-hover-grid);
|
||||
background: var(--color-select);
|
||||
}
|
||||
.checkbox > input {
|
||||
opacity: 0;
|
||||
@@ -671,7 +667,7 @@ body {
|
||||
input[type="text"], input[type="number"], textarea, input[type="file"] {
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: var(--color-input);
|
||||
background: var(--color-border-main);
|
||||
border-radius: 0.25em;
|
||||
padding-left: 0.25em;
|
||||
}
|
||||
@@ -679,7 +675,7 @@ input[type="text"], input[type="number"], textarea, input[type="file"] {
|
||||
input[type="color"] {
|
||||
padding: 0px;
|
||||
border: none;
|
||||
background: var(--color-input);
|
||||
background: var(--color-border-main);
|
||||
}
|
||||
|
||||
/*Hyperlinks*/
|
||||
@@ -788,7 +784,7 @@ header, .info {
|
||||
.symbolGrid > div {
|
||||
border: 4px solid var(--color-border-main);
|
||||
border-radius: 36px;
|
||||
background-color: var(--color-border-selection-grid);
|
||||
background-color: var(--color-border-main);
|
||||
}
|
||||
|
||||
/*Sitewide text (bottom of the page)*/
|
||||
|
Reference in New Issue
Block a user