Lino/StickExporterTX
1
0
Fork 0
mirror of https://github.com/LinoSchmidt/StickExporterTX.git synced 2026-03-21 10:00:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed design

Browse Source
This commit is contained in:
Lino Schmidt
2022-06-15 02:21:37 +02:00
parent e4b758bb11
commit b6515aadf6
2 changed files with 6 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/index.css
View File

@@ -1,11 +1,3 @@
body {
margin: 0;
padding: 0;
background-color: #172336;
color: white;
font-family: sans-serif;
}
.dataDiv { .dataDiv {
display: flex; display: flex;
} }

12
src/toggle-switchy.css
View File

@@ -17,9 +17,9 @@ Releases: https://github.com/adamculpepper/toggle-switchy/releases
.toggle-switchy > input + .toggle:after {content:'OFF';} .toggle-switchy > input + .toggle:after {content:'OFF';}
.toggle-switchy > input + .toggle > .switch {background:#fff;} .toggle-switchy > input + .toggle > .switch {background:#fff;}
.toggle-switchy > input + .toggle + .label {color:#000;} .toggle-switchy > input + .toggle + .label {color:#000;}
.toggle-switchy > input:checked + .toggle {background:#3498db;} .toggle-switchy > input:checked + .toggle {background:#00c24a;}
.toggle-switchy > input:not(:checked) + .toggle {background:#ccc;} .toggle-switchy > input:not(:checked) + .toggle {background:#ccc;}
.toggle-switchy > input:checked + .toggle > .switch {border:3px solid #3498db;} .toggle-switchy > input:checked + .toggle > .switch {border:3px solid #00c24a;}
.toggle-switchy > input:not(:checked) + .toggle > .switch {border:3px solid #ccc;} .toggle-switchy > input:not(:checked) + .toggle > .switch {border:3px solid #ccc;}
.toggle-switchy > input:focus + .toggle, .toggle-switchy > input:focus + .toggle,
.toggle-switchy > input:active + .toggle {box-shadow:0 0 5px 3px rgba(0, 119, 200, 0.50);} .toggle-switchy > input:active + .toggle {box-shadow:0 0 5px 3px rgba(0, 119, 200, 0.50);}
@@ -149,7 +149,7 @@ CORE STYLES ABOVE - NO TOUCHY
/* Text: 1/2 */ /* Text: 1/2 */
.toggle-switchy[data-text='12'] > input + .toggle:before {content:'2';} .toggle-switchy[data-text='12'] > input + .toggle:before {content:'2';}
.toggle-switchy[data-text='12'] > input + .toggle:after {content:'1';} .toggle-switchy[data-text='12'] > input + .toggle:after {content:'1';}
.toggle-switchy[data-text='12'] > input:checked + .toggle {background:#3498db;} .toggle-switchy[data-text='12'] > input:checked + .toggle {background:#00c24a;}
.toggle-switchy[data-text='12'] > input:checked + .toggle > .switch {border-color:#3498db;} .toggle-switchy[data-text='12'] > input:checked + .toggle > .switch {border-color:#00c24a;}
.toggle-switchy[data-text='12'] > input:not(:checked) + .toggle > .switch {border-color:#3498db;} .toggle-switchy[data-text='12'] > input:not(:checked) + .toggle > .switch {border-color:#00c24a;}
.toggle-switchy[data-text='12'] > input:not(:checked) + .toggle {background:#3498db;} .toggle-switchy[data-text='12'] > input:not(:checked) + .toggle {background:#00c24a;}