Update index.html

This commit is contained in:
Kyle
2019-04-19 15:14:27 -07:00
parent fc1aac578a
commit 72af09b994

View File

@@ -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)*/