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

Update index.html

Browse Source
This commit is contained in:
Kyle
2019-04-19 15:14:27 -07:00
parent fc1aac578a
commit 72af09b994
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
index.html
View File

@@ -517,9 +517,9 @@
/*Color Palette*/ /*Color Palette*/
:root { :root {
/*Regular*/ /*Regular*/
--color-gray: #00000077; --color-background: #00000077;
--color-gray-darker: #000000aa; --color-background-darker: #000000aa;
--color-border-main: #073c00; --color-primary: #073c00;
--color-select: #0b6b00; --color-select: #0b6b00;
} }
@@ -543,7 +543,7 @@ body {
} }
.mainGrid > div { .mainGrid > div {
border-style: solid; border-style: solid;
border-color: var(--color-border-main); border-color: var(--color-primary);
border-width: 1px 1px 0px 1px; border-width: 1px 1px 0px 1px;
width: calc(100% - 2px); width: calc(100% - 2px);
} }
@@ -551,10 +551,10 @@ body {
padding: 8px 0px; padding: 8px 0px;
} }
.mainGrid > div:nth-child(odd) { .mainGrid > div:nth-child(odd) {
background: var(--color-gray); background: var(--color-background);
} }
.mainGrid > div:nth-child(even) { .mainGrid > div:nth-child(even) {
background: var(--color-gray-darker); background: var(--color-background-darker);
} }
.selectionGrid { .selectionGrid {
grid-template-columns: repeat(auto-fit, minmax(6em, 1fr)); grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
@@ -578,8 +578,8 @@ body {
font-family: belerenbsc; font-family: belerenbsc;
cursor: pointer; cursor: pointer;
padding: 3px; padding: 3px;
border: 1px solid var(--color-border-main); border: 1px solid var(--color-primary);
background-color: var(--color-gray); background-color: var(--color-background);
-webkit-transition: 0.3333s; -webkit-transition: 0.3333s;
transition: 0.3333s; transition: 0.3333s;
} }
@@ -614,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-border-main); background-color: var(--color-primary);
border: none; border: none;
cursor: pointer; cursor: pointer;
-moz-appearance: none; -moz-appearance: none;
@@ -642,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-border-main); border: 3px solid var(--color-primary);
border-radius: 0.25em; border-radius: 0.25em;
position: absolute; position: absolute;
top: 0px; top: 0px;
@@ -667,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-border-main); background: var(--color-primary);
border-radius: 0.25em; border-radius: 0.25em;
padding-left: 0.25em; padding-left: 0.25em;
} }
@@ -675,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-border-main); background: var(--color-primary);
} }
/*Hyperlinks*/ /*Hyperlinks*/
@@ -782,9 +782,9 @@ header, .info {
text-align: center; text-align: center;
} }
.symbolGrid > div { .symbolGrid > div {
border: 4px solid var(--color-border-main); border: 4px solid var(--color-primary);
border-radius: 36px; border-radius: 36px;
background-color: var(--color-border-main); background-color: var(--color-primary);
} }
/*Sitewide text (bottom of the page)*/ /*Sitewide text (bottom of the page)*/