You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.8 KiB
CSS
103 lines
2.8 KiB
CSS
@set vlist {
|
|
:root {
|
|
display: block;
|
|
flow: vertical;
|
|
size: *;
|
|
overflow-y: scroll-indicator;
|
|
}
|
|
:root > li {
|
|
display: block;
|
|
}
|
|
:root > li:current {
|
|
background: #E2E2E2;
|
|
}
|
|
}
|
|
|
|
@set vtable {
|
|
table {
|
|
size: *;
|
|
padding: 0;
|
|
flow: table-fixed;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
tbody {
|
|
size: *;
|
|
overflow-y: scroll-indicator;
|
|
behavior: virtual-list;
|
|
scroll-manner: scroll-manner(animation: true, wheel-step: 10%);
|
|
}
|
|
tbody[unanimated="true"] {
|
|
scroll-manner: scroll-manner(animation: false, wheel-step: 10%);
|
|
}
|
|
|
|
thead > tr > th {
|
|
flow: vertical;
|
|
behavior: clickable;
|
|
text-align: left;
|
|
width: *;
|
|
}
|
|
|
|
thead > tr > th > text {
|
|
width: *;
|
|
max-width: max-content;
|
|
overflow-x: hidden;
|
|
padding-right: 0.8em;
|
|
background-repeat: no-repeat;
|
|
background-position: 100% 50%;
|
|
background-size: 0.6em;
|
|
}
|
|
|
|
thead > tr > th[order="asc"] > text { background-image: url(stock:arrow-down); }
|
|
thead > tr > th[order="desc"] > text { background-image: url(stock:arrow-up); }
|
|
tbody > tr > td {
|
|
padding: 2dip 4dip;
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
tbody > tr:current { background: #E2E2E2; }
|
|
|
|
table[multicheck] > thead > tr > :first-child {
|
|
padding-left: 2em;
|
|
}
|
|
table[multicheck] > tbody > tr > :first-child {
|
|
padding-left: 2em;
|
|
foreground-image: url(path:M1312 256h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113v-832q0-66-47-113t-113-47zm288 160v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z);
|
|
foreground-size: 1em 1em;
|
|
foreground-repeat: no-repeat;
|
|
foreground-position: 0 50%;
|
|
foreground-image-cursor: pointer;
|
|
fill: #4A6477;
|
|
stroke: none;
|
|
transition: foreground-image 0.15s cubic-out;
|
|
}
|
|
|
|
table[multicheck] > tbody > tr:checked > :first-child {
|
|
foreground-image: url(path:M1312 256h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113v-832q0-66-47-113t-113-47zm288 160v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5zM813 1299l614-614q19-19 19-45t-19-45l-102-102q-19-19-45-19t-45 19l-467 467-211-211q-19-19-45-19t-45 19l-102 102q-19 19-19 45t19 45l358 358q19 19 45 19t45-19z);
|
|
}
|
|
}
|
|
|
|
@set vselect {
|
|
:root {
|
|
behavior: virtual-list;
|
|
display: block;
|
|
flow: vertical;
|
|
size: *;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll-indicator;
|
|
scroll-manner: scroll-manner(animation: true, wheel-step: 10%);
|
|
}
|
|
:root[bottomed] {
|
|
vertical-align: bottom;
|
|
}
|
|
:root[unanimated="true"] {
|
|
scroll-manner: scroll-manner(animation: false, wheel-step: 10%);
|
|
}
|
|
|
|
//:root > *:current,
|
|
:root > *:checked {
|
|
background: #E2E2E2;
|
|
}
|
|
}
|