userbogd/WebguiappTemplate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some small fixes and improvements of styles

Browse Source
This commit is contained in:
Bogdan Pilyugin 2023-05-30 07:38:01 +02:00
parent ae2f1b9702
commit 5aff687cec
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
HTML/res/appstyles.css
View File

@ -7,8 +7,8 @@
--text-color: ~fntclr~; --text-color: ~fntclr~;
--border-color: ~brdclr~; --border-color: ~brdclr~;
--neutral-grey: #b0b0b0; --light-grey: #b0b0b0;
--light-grey: #d8d8d8; --white: #f0f0f0;
/*========== Font and typography ==========*/ /*========== Font and typography ==========*/
--body-font: 'Consolas','Roboto', monospace; --body-font: 'Consolas','Roboto', monospace;
@ -69,7 +69,7 @@ input[type="radio"] { margin-top: -1px; vertical-align: middle;}
.stg table{margin: 5px auto} .stg table{margin: 5px auto}
.dot {height: 30px; .dot {height: 30px;
width: 30px; width: 30px;
background-color: #d0d0d0; background-color: var(--light-grey);
border-radius: 40%; border-radius: 40%;
display: inline-block; display: inline-block;
margin: 7px 20px} margin: 7px 20px}
@ -102,7 +102,7 @@ div label input {margin-right: 100px;}
.cat input:checked + span { .cat input:checked + span {
color: var(--text-color); color: var(--text-color);
text-shadow: 0 0 6px rgba(0, 0, 0, 0.8); /*text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);*/
} }
input:checked + span{background-color: var(--accent-color);} input:checked + span{background-color: var(--accent-color);}
@ -174,7 +174,7 @@ input:checked + span{background-color: var(--accent-color);}
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: var(--neutral-grey); background-color: var(--light-grey);
-webkit-transition: .4s; -webkit-transition: .4s;
transition: .4s; transition: .4s;
} }
@ -186,7 +186,7 @@ input:checked + span{background-color: var(--accent-color);}
width: 18px; width: 18px;
left: 3px; left: 3px;
bottom: 3px; bottom: 3px;
background-color: var(--light-grey); background-color: var(--white);
-webkit-transition: .4s; -webkit-transition: .4s;
transition: .4s; transition: .4s;
} }