mirror of
https://github.com/9001/copyparty.git
synced 2025-08-17 17:12:13 -06:00
gridview lightmode
This commit is contained in:
parent
5752b6db48
commit
c880cd848c
|
@ -189,16 +189,19 @@ a, #files tbody div a:last-child {
|
||||||
text-shadow: 0 0 .3em #b80;
|
text-shadow: 0 0 .3em #b80;
|
||||||
}
|
}
|
||||||
#files tbody tr.sel td,
|
#files tbody tr.sel td,
|
||||||
#ggrid a.sel {
|
#ggrid a.sel,
|
||||||
|
html.light #ggrid a.sel {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #925;
|
background: #925;
|
||||||
border-color: #c37;
|
border-color: #c37;
|
||||||
}
|
}
|
||||||
#files tbody tr.sel:hover td,
|
#files tbody tr.sel:hover td,
|
||||||
#ggrid a.sel:hover {
|
#ggrid a.sel:hover,
|
||||||
|
html.light #ggrid a.sel:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #a36;
|
background: #a36;
|
||||||
border-color: #d48;
|
border-color: #d48;
|
||||||
|
text-shadow: 1px 1px 0 #804;
|
||||||
}
|
}
|
||||||
#ggrid a.sel {
|
#ggrid a.sel {
|
||||||
box-shadow: 0 .1em .7em #b36;
|
box-shadow: 0 .1em .7em #b36;
|
||||||
|
@ -736,7 +739,11 @@ input[type="checkbox"]:checked+label {
|
||||||
padding: .5em;
|
padding: .5em;
|
||||||
margin: 0 1.5em 1em .4em;
|
margin: 0 1.5em 1em .4em;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: -.3em;
|
||||||
|
}
|
||||||
|
html.light #ghead {
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-color: #ddd;
|
||||||
}
|
}
|
||||||
#ghead .btn {
|
#ghead .btn {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -757,6 +764,7 @@ input[type="checkbox"]:checked+label {
|
||||||
border-radius: .3em;
|
border-radius: .3em;
|
||||||
padding: .3em;
|
padding: .3em;
|
||||||
margin: .5em;
|
margin: .5em;
|
||||||
|
transition: all 0.2s cubic-bezier(.4, 2, .7, 1); /* https://cubic-bezier.com/#.4,2,.7,1 */
|
||||||
}
|
}
|
||||||
#ggrid a img {
|
#ggrid a img {
|
||||||
border-radius: .2em;
|
border-radius: .2em;
|
||||||
|
@ -774,6 +782,17 @@ input[type="checkbox"]:checked+label {
|
||||||
border-color: #555;
|
border-color: #555;
|
||||||
color: #fd9;
|
color: #fd9;
|
||||||
}
|
}
|
||||||
|
html.light #ggrid a {
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-color: #ddd;
|
||||||
|
box-shadow: 0 .1em .2em #ddd;
|
||||||
|
}
|
||||||
|
html.light #ggrid a:hover {
|
||||||
|
background: #fff;
|
||||||
|
border-color: #ccc;
|
||||||
|
color: #015;
|
||||||
|
box-shadow: 0 .1em .5em #aaa;
|
||||||
|
}
|
||||||
#pvol,
|
#pvol,
|
||||||
#barbuf,
|
#barbuf,
|
||||||
#barpos,
|
#barpos,
|
||||||
|
|
|
@ -951,8 +951,6 @@ document.onkeydown = function (e) {
|
||||||
if (k == 'KeyD')
|
if (k == 'KeyD')
|
||||||
return QSA('#ghead>a[z]')[1].click();
|
return QSA('#ghead>a[z]')[1].click();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue