mirror of
https://github.com/9001/copyparty.git
synced 2026-06-19 12:42:51 -06:00
swap --b-radius for pre-existing --radius
This commit is contained in:
Til Schmitter
parent
bc29be3f17
commit
9eea2761db
|
|
@ -12,7 +12,7 @@
|
|||
--bg-max: #080808;
|
||||
--a: #fc5;
|
||||
accent-color: var(--a);
|
||||
--b-radius: .3em;
|
||||
--radius: .3em;
|
||||
|
||||
/* accent color in everything */
|
||||
--fg-max: color-mix(#fefefe 95%, var(--a) 5%);
|
||||
|
|
@ -610,7 +610,7 @@ html .ayjump:focus-visible {
|
|||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
background: var(--bg-u2);
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
#pathBar #folder_search {
|
||||
margin: 0;
|
||||
|
|
@ -630,7 +630,7 @@ html .ayjump:focus-visible {
|
|||
width: 1em;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
#qs_btns a:hover {
|
||||
background: var(--bg);
|
||||
|
|
@ -769,11 +769,11 @@ html.y #files tr.fade a {
|
|||
box-shadow: 1px 0 0 0 rgba(128,128,128,var(--f-sh1)) inset, 0 1px 0 rgba(0,0,0,var(--f-sh3)) inset, 0 -1px 0 rgba(0,0,0,var(--f-sh3)) inset;
|
||||
}
|
||||
#files td:first-child {
|
||||
border-radius: var(--b-radius) 0 0 var(--b-radius);
|
||||
border-radius: var(--radius) 0 0 var(--radius);
|
||||
white-space: nowrap;
|
||||
}
|
||||
#files td:last-child {
|
||||
border-radius: 0 var(--b-radius) var(--b-radius) 0;
|
||||
border-radius: 0 var(--radius) var(--radius) 0;
|
||||
}
|
||||
#files tbody td:nth-child(3) {
|
||||
font-family: 'scp', monospace, monospace;
|
||||
|
|
@ -853,7 +853,7 @@ html.y #path a:hover {
|
|||
background: var(--bgg);
|
||||
border: 1px solid var(--bgg);
|
||||
border-width: 0 .3em 0 .3em;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
visibility: hidden;
|
||||
margin: 0 -.3em;
|
||||
width: 100%;
|
||||
|
|
@ -1002,7 +1002,7 @@ html.dz #flogout {
|
|||
width: var(--grid-sz);
|
||||
vertical-align: top;
|
||||
overflow-wrap: break-word;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
padding: .3em;
|
||||
margin: .5em;
|
||||
color: var(--g-fg);
|
||||
|
|
@ -1020,7 +1020,7 @@ html.dz #flogout {
|
|||
}
|
||||
#ggrid>a img {
|
||||
z-index: 1;
|
||||
border-radius: calc(var(--b-radius) / 3 * 2);
|
||||
border-radius: calc(var(--radius) / 3 * 2);
|
||||
max-width: 10em;
|
||||
max-width: calc(var(--grid-sz) - 4px);
|
||||
max-height: 8em;
|
||||
|
|
@ -1041,7 +1041,7 @@ html.dz #flogout {
|
|||
display: flex;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
box-sizing: border-box;
|
||||
margin: -3px -2px;
|
||||
padding: 4px 3px;
|
||||
|
|
@ -1086,7 +1086,7 @@ html.dz #flogout {
|
|||
margin: -.4em;
|
||||
text-shadow: 0 0 .1em var(--bg-max);
|
||||
background: linear-gradient(135deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2));
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
font-size: 2em;
|
||||
transition: font-size .15s, margin .15s;
|
||||
}
|
||||
|
|
@ -1268,7 +1268,7 @@ html.dz #flogout {
|
|||
text-align: center;
|
||||
text-shadow: none;
|
||||
box-shadow: 0 0 .5em var(--mp-sh);
|
||||
border-radius: calc(var(--b-radius) * 0.7) 0 0 0;
|
||||
border-radius: calc(var(--radius) * 0.7) 0 0 0;
|
||||
padding: 0 0 0 .1em;
|
||||
color: var(--fg-max);
|
||||
}
|
||||
|
|
@ -1288,7 +1288,7 @@ html.dz #flogout {
|
|||
font-weight: bold;
|
||||
box-shadow: 0 0 .5em var(--mp-sh);
|
||||
transition: all .15s;
|
||||
border-radius: calc(var(--b-radius) * 1.2);
|
||||
border-radius: calc(var(--radius) * 1.2);
|
||||
text-align: right;
|
||||
}
|
||||
#up_quick_more {
|
||||
|
|
@ -1311,7 +1311,7 @@ html.dz #flogout {
|
|||
text-wrap-mode: nowrap;
|
||||
padding: .5em;
|
||||
cursor: pointer;
|
||||
border-radius: calc(var(--b-radius) * 1.6);
|
||||
border-radius: calc(var(--radius) * 1.6);
|
||||
}
|
||||
#up_quick .overlay_plus {
|
||||
right: .3em;
|
||||
|
|
@ -1586,7 +1586,7 @@ html.a #up_quick .btn.on {
|
|||
#ops a {
|
||||
/* fallback if emojis don't render */
|
||||
border: #777 solid 1px;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
|
||||
border: var(--transparent) solid 1px;
|
||||
color: var(--a);
|
||||
|
|
@ -1599,7 +1599,7 @@ html.a #up_quick .btn.on {
|
|||
color: var(--op-aa-fg);
|
||||
background: #000;
|
||||
background: var(--op-aa-bg);
|
||||
border-radius: 0 0 var(--b-radius) var(--b-radius);
|
||||
border-radius: 0 0 var(--radius) var(--radius);
|
||||
border-bottom: .3em solid var(--a);
|
||||
box-shadow: var(--op-aa-sh);
|
||||
margin: -.2em 0 -.6em 0;
|
||||
|
|
@ -1637,7 +1637,7 @@ html.y #ops svg circle {
|
|||
white-space: nowrap;
|
||||
display: flex;
|
||||
height: 2em;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
background: var(--bg-u2);
|
||||
}
|
||||
#noie {
|
||||
|
|
@ -1656,7 +1656,7 @@ html.y #ops svg circle {
|
|||
color: var(--bg);
|
||||
|
||||
border: var(--btn-bg-a) solid 1px;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
text-shadow: none;
|
||||
|
|
@ -1666,7 +1666,7 @@ html.y #ops svg circle {
|
|||
}
|
||||
.opbox {
|
||||
padding: .5em;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
border-width: 1px;
|
||||
max-width: 41em;
|
||||
}
|
||||
|
|
@ -1676,7 +1676,7 @@ html.y #ops svg circle {
|
|||
}
|
||||
#op_bup {
|
||||
margin: 0;
|
||||
border-radius: 0 0 var(--b-radius) var(--b-radius);
|
||||
border-radius: 0 0 var(--radius) var(--radius);
|
||||
}
|
||||
#op_cfg {
|
||||
display: none;
|
||||
|
|
@ -1692,7 +1692,7 @@ html.y #ops svg circle {
|
|||
box-shadow: 0 0 2px var(--txt-sh);
|
||||
border-bottom: 1px solid #999;
|
||||
border-color: var(--a);
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
padding: .2em .3em;
|
||||
font-size: medium;
|
||||
min-width: 3em;
|
||||
|
|
@ -1933,7 +1933,7 @@ html {
|
|||
box-shadow: var(--btn-bs);
|
||||
border: 1px solid var(--bg-u3);
|
||||
border-bottom: var(--btn-bb);
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
padding: .2em .4em;
|
||||
font-size: 1.2em;
|
||||
margin: .2em;
|
||||
|
|
@ -1950,7 +1950,7 @@ html {
|
|||
}
|
||||
html.c .btn,
|
||||
html.a .btn {
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
.btn:hover {
|
||||
color: var(--btn-h-fg);
|
||||
|
|
@ -2035,7 +2035,7 @@ html.a .btn {
|
|||
color: var(--fg-max);
|
||||
}
|
||||
#tree ul a {
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
display: inline-block;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
|
@ -2097,7 +2097,7 @@ html.y #tree.nowrap .ntree a+a:hover {
|
|||
#files th:hover .cfg {
|
||||
display: block;
|
||||
width: 1em;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
margin: -1.2em auto 0 auto;
|
||||
background: var(--bg-u5);
|
||||
}
|
||||
|
|
@ -2171,7 +2171,7 @@ html.y #tree.nowrap .ntree a+a:hover {
|
|||
.ghead {
|
||||
background: #fff;
|
||||
background: var(--bg-u2);
|
||||
border-radius: calc(var(--b-radius) * 1.3);
|
||||
border-radius: calc(var(--radius) * 1.3);
|
||||
padding: 0 .2em;
|
||||
line-height: 2.3em;
|
||||
margin-bottom: 1.5em;
|
||||
|
|
@ -2303,7 +2303,7 @@ input[type="text"].invalid {
|
|||
background: var(--bg);
|
||||
margin: -1em 0 .5em 0;
|
||||
padding: 1em 0 1em 0;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
#doc.wrap {
|
||||
white-space: pre-wrap;
|
||||
|
|
@ -2340,7 +2340,7 @@ html.y #doc {
|
|||
line-height: 1.5em;
|
||||
}
|
||||
#doc .line-highlight {
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
box-shadow: 0 0 .5em rgba(128,128,128,0.2);
|
||||
background: linear-gradient(90deg, var(--bg-d3), var(--bg));
|
||||
}
|
||||
|
|
@ -2535,7 +2535,7 @@ html.bb_fsc figcaption {
|
|||
}
|
||||
#bbox-overlay figcaption a {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
padding: .3em .6em;
|
||||
}
|
||||
html.y #bbox-overlay figcaption a {
|
||||
|
|
@ -2707,7 +2707,7 @@ html.y #bbox-overlay figcaption a {
|
|||
display: grid;
|
||||
grid-template-rows: max-content auto;
|
||||
margin: 5vh 5vw;
|
||||
border-radius: calc(var(--b-radius) * 1.6);
|
||||
border-radius: calc(var(--radius) * 1.6);
|
||||
border: var(--a) solid 1px;
|
||||
background: #fff;
|
||||
background: var(--bg);
|
||||
|
|
@ -2799,7 +2799,7 @@ html.c .modalcontent {
|
|||
}
|
||||
#s_list h3{
|
||||
background-color: var(--bg-u5);
|
||||
border-radius: var(--b-radius) var(--b-radius) 0 0;
|
||||
border-radius: var(--radius) var(--radius) 0 0;
|
||||
padding: .5em;
|
||||
margin: 0 0 1.3em 0;
|
||||
}
|
||||
|
|
@ -2840,7 +2840,7 @@ html.c .modalcontent {
|
|||
background: rgba(224, 224, 224, 0.2);
|
||||
box-shadow: 0 0 0 #999;
|
||||
border: .5em solid var(--ud-b1);
|
||||
border-radius: calc(var(--b-radius) * 1.6);
|
||||
border-radius: calc(var(--radius) * 1.6);
|
||||
border-width: 1vw;
|
||||
color: #fff;
|
||||
transition: all 0.12s;
|
||||
|
|
@ -2918,7 +2918,7 @@ html.c .modalcontent {
|
|||
background: #490;
|
||||
border-bottom: .3em solid #6d2;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
padding: .4em .8em;
|
||||
font-size: .4em;
|
||||
}
|
||||
|
|
@ -2955,7 +2955,7 @@ html.c .modalcontent {
|
|||
#u2btn {
|
||||
line-height: 1.3em;
|
||||
border: .15em dashed var(--u2-btn-b1);
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
text-align: center;
|
||||
font-size: 1.3em;
|
||||
padding: 1em 2em;
|
||||
|
|
@ -3094,15 +3094,15 @@ html.c .modalcontent {
|
|||
border-width: 0 0 1px 0;
|
||||
}
|
||||
#u2cards a:first-child {
|
||||
border-radius: var(--b-radius) 0 0 0;
|
||||
border-radius: var(--radius) 0 0 0;
|
||||
}
|
||||
#u2cards a:last-child {
|
||||
border-radius: 0 var(--b-radius) 0 0;
|
||||
border-radius: 0 var(--radius) 0 0;
|
||||
}
|
||||
#u2cards a.act {
|
||||
padding-bottom: .5em;
|
||||
border-width: 1px 1px .1em 1px;
|
||||
border-radius: var(--b-radius) var(--b-radius) 0 0;
|
||||
border-radius: var(--radius) var(--radius) 0 0;
|
||||
margin-left: -1px;
|
||||
background: var(--u2-tab-1-bg);
|
||||
box-shadow: 0 -.17em .67em var(--u2-tab-1-sh);
|
||||
|
|
@ -3125,7 +3125,7 @@ html.c .modalcontent {
|
|||
}
|
||||
#u2conf details[open] {
|
||||
border-bottom: none;
|
||||
border-radius: var(--b-radius) var(--b-radius) 0 0;
|
||||
border-radius: var(--radius) var(--radius) 0 0;
|
||||
}
|
||||
#u2conf .setting {
|
||||
margin: 0;
|
||||
|
|
@ -3182,7 +3182,7 @@ html.b #u2conf a.b:hover {
|
|||
height: 1em;
|
||||
padding: .4em 0;
|
||||
display: block;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
#u2conf input[type="checkbox"] {
|
||||
position: absolute;
|
||||
|
|
@ -3286,7 +3286,7 @@ html.b #u2conf a.b:hover {
|
|||
#u2tab span.err {
|
||||
color: #fff;
|
||||
padding: .22em;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
border: 2px solid #f0f;
|
||||
}
|
||||
#u2tab span.inf {
|
||||
|
|
@ -3317,7 +3317,7 @@ html.b #u2conf a.b:hover {
|
|||
}
|
||||
details {
|
||||
border: var(--bg-u3) solid 1px;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
margin: .3em 0;
|
||||
}
|
||||
details:not(.open) .setting {
|
||||
|
|
@ -3329,7 +3329,7 @@ summary {
|
|||
background: var(--bg-u1);
|
||||
color: var(--a);
|
||||
padding: .3em;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
font-size: large;
|
||||
}
|
||||
summary:hover {
|
||||
|
|
@ -3447,7 +3447,7 @@ html.a #u2etas {
|
|||
background: var(--bg-d1);
|
||||
border: 1px solid var(--bg-u1);
|
||||
border-width: 2px;
|
||||
border-radius: calc(var(--b-radius) * 1.6);
|
||||
border-radius: calc(var(--radius) * 1.6);
|
||||
}
|
||||
html.c #u2foot:empty,
|
||||
html.a #u2foot:empty {
|
||||
|
|
@ -4427,9 +4427,9 @@ html.e #ghead {
|
|||
margin: 0;
|
||||
justify-content: flex-end;
|
||||
gap: 0.4em;
|
||||
padding: 0;
|
||||
padding-top: .2em;
|
||||
overflow: auto;
|
||||
top: 2.5em;
|
||||
top: 2.3em;
|
||||
border-radius: 0px;
|
||||
}
|
||||
html.e #ghead a {
|
||||
|
|
@ -4712,7 +4712,7 @@ html.e #detree {
|
|||
background: var(--bg-u2);
|
||||
border: 1px solid var(--bg-u5);
|
||||
outline: none;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
box-shadow: 0 0 .3rem var(--bg-d3);
|
||||
z-index: 3;
|
||||
}
|
||||
|
|
@ -4752,7 +4752,7 @@ html.e #detree {
|
|||
box-shadow: 0 0 2px var(--txt-sh);
|
||||
border-bottom: 1px solid #999;
|
||||
border-color: var(--a);
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
padding: .2em .3em;
|
||||
}
|
||||
|
||||
|
|
@ -4780,7 +4780,7 @@ html.e #detree {
|
|||
}
|
||||
#spaceUsed_bar, #spaceTotal_bar{
|
||||
height: .3em;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
background: var(--bg-u5);
|
||||
}
|
||||
#spaceUsed_bar{
|
||||
|
|
@ -4801,7 +4801,7 @@ html.e #detree {
|
|||
background: linear-gradient(to top, var(--bg-u2), transparent);
|
||||
}
|
||||
.popup_button {
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
margin: 0;
|
||||
color: var(--btn-1-fg);
|
||||
text-align: left;
|
||||
|
|
@ -4841,7 +4841,7 @@ html.e #detree {
|
|||
border: 1px solid var(--bg-u3);
|
||||
box-shadow: 0 .5em 1em var(--txt-sh);
|
||||
text-align: center;
|
||||
border-radius: var(--b-radius);
|
||||
border-radius: var(--radius);
|
||||
padding: .5em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
|
|
|
|||
Loading…
Reference in a new issue