lba.gitea/WLED
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Indentation: Consistent use of Tab for CSS

Browse Source
This commit is contained in:
cschwinne 2022-03-01 11:20:10 +01:00
parent f333df181f
commit 17907589cc
2 changed files with 118 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

148
wled00/data/index.css
View File

@ -47,8 +47,8 @@ body {
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
scrollbar-width: 6px; scrollbar-width: 6px;
scrollbar-color: var(--c-sb) transparent; scrollbar-color: var(--c-sb) transparent;
} }
html, html,
@ -91,7 +91,7 @@ button {
bottom: calc(var(--bh) + 6px); bottom: calc(var(--bh) + 6px);
right: 4px; right: 4px;
color: var(--c-6); color: var(--c-6);
cursor: pointer; cursor: pointer;
writing-mode: vertical-rl; writing-mode: vertical-rl;
} }
@ -160,25 +160,25 @@ button {
} }
.edit-icon { .edit-icon {
position: absolute; position: absolute;
right: -26px; right: -26px;
top: 10px; top: 10px;
display: none; display: none;
} }
.search-icon { .search-icon {
position: absolute; position: absolute;
left: 8px; left: 8px;
top: 10px; top: 10px;
pointer-events: none; pointer-events: none;
} }
.search-cancel-icon { .search-cancel-icon {
position: absolute; position: absolute;
right: 8px; right: 8px;
top: 9px; top: 9px;
cursor: pointer; cursor: pointer;
display: none; display: none;
} }
.flr { .flr {
@ -279,7 +279,7 @@ button {
padding-top: 0; padding-top: 0;
margin-top: 11px; margin-top: 11px;
height: calc(100% - 11px); height: calc(100% - 11px);
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.smooth { transition: transform calc(var(--f, 1)*.5s) ease-out } .smooth { transition: transform calc(var(--f, 1)*.5s) ease-out }
@ -325,7 +325,7 @@ button {
#fxb0 { #fxb0 {
margin-bottom: 2px; margin-bottom: 2px;
filter: drop-shadow(0 0 1px #000); filter: drop-shadow(0 0 1px #000);
} }
.first { .first {
@ -375,7 +375,7 @@ button {
} }
.modal button:hover { .modal button:hover {
background-color: var(--c-4); background-color: var(--c-4);
} }
#info { #info {
@ -387,7 +387,7 @@ button {
} }
#ndlt { #ndlt {
margin: 12px 0; margin: 12px 0;
} }
.valtd i { .valtd i {
@ -423,7 +423,7 @@ button {
} }
#kn td { #kn td {
padding-bottom: 12px; padding-bottom: 12px;
} }
#lv { #lv {
@ -462,27 +462,27 @@ img {
border-radius: 17px; border-radius: 17px;
pointer-events: none; pointer-events: none;
z-index: -1; z-index: -1;
--bg: var(--c-f); --bg: var(--c-f);
} }
#rwrap .sliderdisplay { --bg: #f00; } #rwrap .sliderdisplay { --bg: #f00; }
#gwrap .sliderdisplay { --bg: #0f0; } #gwrap .sliderdisplay { --bg: #0f0; }
#bwrap .sliderdisplay { --bg: #00f; } #bwrap .sliderdisplay { --bg: #00f; }
#wbal .sliderdisplay, #kwrap .sliderdisplay { #wbal .sliderdisplay, #kwrap .sliderdisplay {
background: linear-gradient(90deg, #ff8f1f 0%, #fff 50%, #cbdbff); background: linear-gradient(90deg, #ff8f1f 0%, #fff 50%, #cbdbff);
} }
.sliderbubble { .sliderbubble {
width: 36px; width: 36px;
line-height: 24px; line-height: 24px;
background: var(--c-3); background: var(--c-3);
position: absolute; position: absolute;
transform: translateX(-50%); transform: translateX(-50%);
border-radius: 12px; border-radius: 12px;
margin-left: 12px; margin-left: 12px;
margin-top: 3px; margin-top: 3px;
padding: 0px; padding: 0px;
display: inline; display: inline;
} }
.hidden { .hidden {
@ -577,7 +577,7 @@ input[type=range]:active + .sliderbubble {
font-size: 19px; font-size: 19px;
background-color: var(--c-3); background-color: var(--c-3);
color: var(--c-f); color: var(--c-f);
cursor: pointer; cursor: pointer;
border: 0px solid white; border: 0px solid white;
border-radius: 25px; border-radius: 25px;
transition-duration: 0.5s; transition-duration: 0.5s;
@ -630,7 +630,7 @@ input[type=range]:active + .sliderbubble {
display: none; display: none;
} }
#tt { #tt {
text-align: center; text-align: center;
} }
.cl { .cl {
@ -638,14 +638,14 @@ input[type=range]:active + .sliderbubble {
} }
.sel-pl { .sel-pl {
width: 192px; width: 192px;
background-position: 168px 16px; background-position: 168px 16px;
margin: 8px 3px 0 0; margin: 8px 3px 0 0;
} }
.sel-ple { .sel-ple {
width: 216px; width: 216px;
background-position: 192px 16px; background-position: 192px 16px;
} }
select { select {
@ -698,7 +698,7 @@ textarea {
} }
::selection { ::selection {
background: var(--c-b); background: var(--c-b);
} }
input[type=text] { input[type=text] {
@ -712,7 +712,7 @@ input[type=text] {
} }
.stxt { .stxt {
display: none; display: none;
margin-top: 6px !important; margin-top: 6px !important;
} }
@ -746,7 +746,7 @@ input[type=number]::-webkit-outer-spin-button {
} }
.segn { .segn {
border-radius: 5px !important; border-radius: 5px !important;
margin: 3px 0 6px 0 !important; margin: 3px 0 6px 0 !important;
} }
@ -759,9 +759,9 @@ input[type=number]::-webkit-outer-spin-button {
} }
.segntxt { .segntxt {
max-width: 160px; max-width: 160px;
overflow: hidden; overflow: hidden;
text-overflow: clip; text-overflow: clip;
} }
.segname { .segname {
@ -783,13 +783,13 @@ input[type=number]::-webkit-outer-spin-button {
} }
.pid { .pid {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
padding: 11px 0px 0px 11px; padding: 11px 0px 0px 11px;
font-size: 16px; font-size: 16px;
width: 20px; width: 20px;
text-align: center; text-align: center;
color: var(--c-b); color: var(--c-b);
} }
@ -867,9 +867,9 @@ input[type=number]::-webkit-outer-spin-button {
} }
.fxchkl { .fxchkl {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 8px; left: 8px;
} }
.check input, .radio input { .check input, .radio input {
@ -981,7 +981,7 @@ input[type=number]::-webkit-outer-spin-button {
border-radius: 20px; border-radius: 20px;
text-align: left; text-align: left;
transition: background-color 0.5s; transition: background-color 0.5s;
filter: brightness(1); filter: brightness(1);
} }
.selected { .selected {
@ -999,19 +999,19 @@ input[type=number]::-webkit-outer-spin-button {
.list { .list {
position: relative; position: relative;
transition: background-color 0.5s; transition: background-color 0.5s;
margin: auto auto 10px; margin: auto auto 10px;
padding-bottom: 10px; padding-bottom: 10px;
width: 230px; width: 230px;
} }
.lstI { .lstI {
position: sticky; position: sticky;
overflow: hidden; overflow: hidden;
} }
.fxbtn { .fxbtn {
margin: 20px auto; margin: 20px auto;
padding: 8px 0; padding: 8px 0;
} }
.lstI:hover { .lstI:hover {
@ -1038,7 +1038,7 @@ input[type=number]::-webkit-outer-spin-button {
.lstI.selected { .lstI.selected {
background: var(--c-5); background: var(--c-5);
top: 95px; top: 95px;
bottom: -11px; bottom: -11px;
} }
.lstI.sticky { .lstI.sticky {
@ -1049,16 +1049,16 @@ input[type=number]::-webkit-outer-spin-button {
margin: 3px 0; margin: 3px 0;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
font-size: 19px; font-size: 19px;
} }
.lstIprev { .lstIprev {
width: 220px; width: 220px;
height: 5px; height: 5px;
margin: auto; margin: auto;
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
left: 5px; left: 5px;
} }
input[type="text"].search { input[type="text"].search {
@ -1106,9 +1106,9 @@ input[type="text"].search:not(:placeholder-shown) {
} }
.hrz { .hrz {
width: auto; width: auto;
height: 2px; height: 2px;
background-color: var(--c-b); background-color: var(--c-b);
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
@ -1128,8 +1128,8 @@ input[type="text"].search:not(:placeholder-shown) {
@media all and (max-width: 335px) { @media all and (max-width: 335px) {
.sliderbubble { .sliderbubble {
display: none; display: none;
} }
} }
@media all and (max-width: 550px) and (min-width: 374px) { @media all and (max-width: 550px) and (min-width: 374px) {
@ -1154,6 +1154,6 @@ input[type="text"].search:not(:placeholder-shown) {
@media all and (max-width: 1249px) { @media all and (max-width: 1249px) {
#buttonPcm { #buttonPcm {
display: none; display: none;
} }
} }

88
wled00/data/style.css
View File

@ -1,83 +1,83 @@
body { body {
font-family: Verdana, sans-serif; font-family: Verdana, sans-serif;
text-align: center; text-align: center;
background: #222; background: #222;
color: #fff; color: #fff;
line-height: 200%%; /* %% because of AsyncWebServer */ line-height: 200%%; /* %% because of AsyncWebServer */
margin: 0; margin: 0;
} }
hr { hr {
border-color: #666; border-color: #666;
} }
a { a {
color: #28f; color: #28f;
text-decoration: none; text-decoration: none;
} }
button, .btn { button, .btn {
background: #333; background: #333;
color: #fff; color: #fff;
font-family: Verdana, sans-serif; font-family: Verdana, sans-serif;
border: 0.3ch solid #333; border: 0.3ch solid #333;
display: inline-block; display: inline-block;
font-size: 20px; font-size: 20px;
margin: 12px 8px 8px; margin: 12px 8px 8px;
padding: 1px 6px; padding: 1px 6px;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
} }
.lnk { .lnk {
border: 0; border: 0;
} }
.helpB { .helpB {
text-align: left; text-align: left;
position: absolute; position: absolute;
width: 60px; width: 60px;
} }
input { input {
background: #333; background: #333;
color: #fff; color: #fff;
font-family: Verdana, sans-serif; font-family: Verdana, sans-serif;
border: 0.5ch solid #333; border: 0.5ch solid #333;
} }
input:disabled { input:disabled {
color: #888; color: #888;
} }
input[type="number"] { input[type="number"] {
width: 4em; width: 4em;
margin: 2px; margin: 2px;
} }
input[type="number"].xxl { input[type="number"].xxl {
width: 100px; width: 100px;
} }
input[type="number"].xl { input[type="number"].xl {
width: 85px; width: 85px;
} }
input[type="number"].l { input[type="number"].l {
width: 63px; width: 63px;
} }
input[type="number"].m { input[type="number"].m {
width: 56px; width: 56px;
} }
input[type="number"].s { input[type="number"].s {
width: 49px; width: 49px;
} }
input[type="number"].xs { input[type="number"].xs {
width: 42px; width: 42px;
} }
input[type="checkbox"] { input[type="checkbox"] {
transform: scale(1.5); transform: scale(1.5);
} }
select { select {
background: #333; background: #333;
color: #fff; color: #fff;
font-family: Verdana, sans-serif; font-family: Verdana, sans-serif;
border: 0.5ch solid #333; border: 0.5ch solid #333;
} }
td { td {
padding: 2px; padding: 2px;
} }
.d5 { .d5 {
width: 4.5em !important; width: 4.5em !important;
} }
#toast { #toast {
opacity: 0; opacity: 0;
@ -92,7 +92,7 @@ td {
text-align: center; text-align: center;
z-index: 5; z-index: 5;
transform: translateX(-50%%); /* %% because of AsyncWebServer */ transform: translateX(-50%%); /* %% because of AsyncWebServer */
max-width: 90%%; /* %% because of AsyncWebServer */ max-width: 90%%; /* %% because of AsyncWebServer */
left: 50%%; /* %% because of AsyncWebServer */ left: 50%%; /* %% because of AsyncWebServer */
} }