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

css

Browse Source
This commit is contained in:
Kyle
2018-11-07 18:12:29 -08:00
parent 32112242f8
commit 6075a05e21
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@@ -417,6 +417,7 @@
} }
/*Specific input element styles*/ /*Specific input element styles*/
.input { .input {
border-radius: 10px;
text-align: left; text-align: left;
border: none; border: none;
background-color: var(--section-border-color); background-color: var(--section-border-color);
@@ -424,6 +425,7 @@
width: 100%; width: 100%;
} }
input[type="color"] { input[type="color"] {
border-radius: 10px;
border: none; border: none;
background-color: var(--section-border-color); background-color: var(--section-border-color);
padding-top: 0px; padding-top: 0px;
@@ -431,14 +433,15 @@ input[type="color"] {
} }
/*Custom checkboxes!*/ /*Custom checkboxes!*/
.checkbox { .checkbox {
top: 4px; padding-top: 12px;
top: 7px;
position: relative; position: relative;
} }
.checkbox label { .checkbox label {
display: inline-block; display: inline-block;
width: 20px; width: 20px;
height: 20px; height: 20px;
border-radius: 100%; border-radius: 33%;
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
@@ -454,7 +457,7 @@ input[type="color"] {
.checkbox div { .checkbox div {
white-space: pre; white-space: pre;
position: absolute; position: absolute;
top: -8px; top: -9px;
left: 18px; left: 18px;
} }
/*Custom select box (dropdown)*/ /*Custom select box (dropdown)*/
@@ -465,6 +468,7 @@ input[type="color"] {
padding: 0px; padding: 0px;
} }
.dropdown select { .dropdown select {
border-radius: 10px;
width: inherit; width: inherit;
background-color: var(--section-border-color); background-color: var(--section-border-color);
color: var(--title-text-color); color: var(--title-text-color);
@@ -474,6 +478,7 @@ input[type="color"] {
appearance: none; appearance: none;
} }
.dropdown select option { .dropdown select option {
border-radius: 10px;
color: var(--title-text-color); color: var(--title-text-color);
background-color: var(--solid-border-color); background-color: var(--solid-border-color);
} }