GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 13:21:41 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
Kyle
2019-04-19 13:49:51 -07:00
parent 265186d681
commit fc1aac578a
1 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

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