Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

style

Browse Source
This commit is contained in:
Kyle
2019-01-12 17:34:30 -08:00
parent da8c6d5451
commit adf1c09a46
3 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/background-original.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 MiB

After

Width:  |  Height:  |  Size: 13 MiB

BIN
images/background.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 603 KiB

After

Width:  |  Height:  |  Size: 5.9 MiB

35
index.html
View File

@@ -541,12 +541,11 @@
/*Color Palette*/ /*Color Palette*/
:root { :root {
/*Regular*/ /*Regular*/
--color-a: #073c00; --color-hover-grid: #0b6b00;
--color-b: #073c0020; /*073c0020*/ --color-border-selection-grid: #0f820040;
--color-c: #095700; --color-gray: #00000088;
--color-d: #0e720040; /*0e720040*/ --color-border-main: #073c00;
--color-e: #0e7200; --color-input: #073c00;
--color-gray: #0002;
} }
/*Page-wide styling*/ /*Page-wide styling*/
@@ -576,11 +575,11 @@ body {
grid-gap: 0px 0px; grid-gap: 0px 0px;
} }
.mainGrid > div, body, footer, .title { .mainGrid > div, body, footer, .title {
border: 3px solid var(--color-a); border: 3px solid var(--color-border-main);
} }
.canvasContainer { .canvasContainer {
text-align: center; text-align: center;
background-color: var(--color-b) !important; background-color: none !important;
width: calc(100% - 18px); width: calc(100% - 18px);
} }
.selectionGrid { .selectionGrid {
@@ -599,17 +598,17 @@ body {
font-family: belerenbsc; font-family: belerenbsc;
cursor: pointer; cursor: pointer;
border-radius: 36px; border-radius: 36px;
border: 4px solid var(--color-d); border: 4px solid var(--color-border-selection-grid);
background-color: #0008 !important; /*background-color: #0008 !important;*/
} }
.selectionGrid > div:hover { .selectionGrid > div:hover {
border-color: var(--color-c); border-color: var(--color-hover-grid);
} }
.cardManipulationMenu, .extrasMenu { .cardManipulationMenu, .extrasMenu {
margin-top: 4px; margin-top: 4px;
padding: 24px; padding: 24px;
border-radius: 36px; border-radius: 36px;
border: 4px solid var(--color-d); border: 4px solid var(--color-border-selection-grid);
background-color: var(--color-gray); background-color: var(--color-gray);
} }
.cmm, .extras { .cmm, .extras {
@@ -633,7 +632,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-a); background-color: var(--color-input);
border: none; border: none;
cursor: pointer; cursor: pointer;
-moz-appearance: none; -moz-appearance: none;
@@ -665,7 +664,7 @@ body {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
background: var(--color-a); background: var(--color-input);
cursor: pointer; cursor: pointer;
} }
.checkbox input:checked ~ label:after { .checkbox input:checked ~ label:after {
@@ -691,7 +690,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-a); background: var(--color-input);
border-radius: 0.25em; border-radius: 0.25em;
padding-left: 0.25em; padding-left: 0.25em;
} }
@@ -699,7 +698,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-a); background: var(--color-input);
} }
/*Hyperlinks*/ /*Hyperlinks*/
@@ -780,9 +779,9 @@ a:hover, a:active {
text-align: center; text-align: center;
} }
.symbolGrid > div { .symbolGrid > div {
border: 4px solid var(--color-a); border: 4px solid var(--color-border-main);
border-radius: 36px; border-radius: 36px;
background-color: var(--color-d) !important; background-color: var(--color-border-selection-grid) !important;
} }
/*Sitewide text (bottom of the page)*/ /*Sitewide text (bottom of the page)*/