mirror of
https://github.com/rustdesk/rustdesk.git
synced 2024-12-16 12:39:06 +08:00
270 lines
4.1 KiB
CSS
270 lines
4.1 KiB
CSS
div#file-transfer-wrapper {
|
|
size:*;
|
|
display: none;
|
|
}
|
|
|
|
div#file-transfer {
|
|
size: *;
|
|
margin: 0;
|
|
flow: horizontal;
|
|
background: color(gray-bg);
|
|
padding: 0.5em;
|
|
}
|
|
|
|
table
|
|
{
|
|
font: system;
|
|
border: 1px solid color(border);
|
|
flow: table-fixed;
|
|
prototype: Grid;
|
|
size: *;
|
|
padding:0;
|
|
border-spacing: 0;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
table > thead {
|
|
behavior: column-resizer;
|
|
border-bottom: color(border) solid 1px;
|
|
}
|
|
|
|
table > tbody {
|
|
behavior: select-multiple;
|
|
overflow-y: scroll-indicator;
|
|
size: *;
|
|
background: white;
|
|
}
|
|
|
|
table th {
|
|
background-color: color(gray-bg);
|
|
}
|
|
|
|
table th
|
|
{
|
|
padding: 4px;
|
|
foreground-repeat: no-repeat;
|
|
foreground-position: 50% 3px auto auto;
|
|
border-left: color(border) solid 1px;
|
|
}
|
|
|
|
table th.sortable[sort=asc]
|
|
{
|
|
foreground-image: url(stock:arrow-down);
|
|
}
|
|
|
|
table th.sortable[sort=desc]
|
|
{
|
|
foreground-image: url(stock:arrow-up);
|
|
}
|
|
|
|
table th:nth-child(1) {
|
|
width: 32px;
|
|
}
|
|
|
|
table th:nth-child(2) {
|
|
width: *;
|
|
}
|
|
|
|
table th:nth-child(3) {
|
|
width: *;
|
|
}
|
|
|
|
table th:nth-child(4) {
|
|
width: 45px;
|
|
}
|
|
|
|
table.has_current thead th:current {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table tr:nth-child(odd) { background-color: white; } /* each odd row */
|
|
table tr:nth-child(even) { background-color: #F4F5F6; } /* each even row */
|
|
|
|
table.has_current tr:current /* current row */
|
|
{
|
|
background-color: color(accent);
|
|
}
|
|
|
|
table.has_current tbody tr:checked
|
|
{
|
|
background-color: color(accent);
|
|
}
|
|
|
|
table.has_current tbody tr:checked td {
|
|
color: highlighttext;
|
|
}
|
|
|
|
table td
|
|
{
|
|
padding: 4px;
|
|
text-align: left;
|
|
font-size: 1em;
|
|
height: 1.4em;
|
|
@ELLIPSIS;
|
|
}
|
|
|
|
table.folder-view td:nth-child(1) {
|
|
behavior:shell-icon;
|
|
}
|
|
|
|
table td:nth-child(3), table td:nth-child(4) {
|
|
color: color(lighter-text);
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
table.has_current tr:current td {
|
|
color: white;
|
|
}
|
|
|
|
table td:nth-child(4) {
|
|
text-align: right;
|
|
}
|
|
|
|
section {
|
|
size: *;
|
|
margin: 1em;
|
|
border-spacing: 0.5em;
|
|
}
|
|
|
|
table td:nth-child(1) {
|
|
foreground-repeat: no-repeat;
|
|
foreground-position: 50% 50%
|
|
}
|
|
|
|
div.toolbar {
|
|
flow: horizontal;
|
|
}
|
|
|
|
div.toolbar svg {
|
|
size: 16px;
|
|
}
|
|
|
|
div.toolbar .spacer {
|
|
width: *;
|
|
}
|
|
|
|
div.toolbar > div.button {
|
|
padding: 4px 8px;
|
|
opacity: 0.66;
|
|
}
|
|
|
|
div.toolbar > div.button:active {
|
|
opacity: 1;
|
|
background-color: #ddd;
|
|
}
|
|
|
|
div.toolbar > div.button:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
div.toolbar > div.send {
|
|
flow: horizontal;
|
|
border-spacing: 0.5em;
|
|
}
|
|
|
|
div.remote > div.send svg {
|
|
transform: scale(-1, 1);
|
|
}
|
|
|
|
div.navbar {
|
|
border: color(border) solid 1px;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
select.select-dir {
|
|
width: *;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
div.title {
|
|
flow: horizontal;
|
|
border-spacing: 1em;
|
|
position: relative;
|
|
}
|
|
|
|
div.title svg.computer {
|
|
size: 48px;
|
|
}
|
|
|
|
div.title div {
|
|
margin: * 0;
|
|
color: color(light-text);
|
|
}
|
|
|
|
div.title div.platform {
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 7px;
|
|
}
|
|
|
|
div.title div.platform svg {
|
|
size: 24px;
|
|
}
|
|
|
|
table.job-table tr td {
|
|
width: *;
|
|
padding: 0.5em 1em;
|
|
border-bottom: color(border) 1px solid;
|
|
flow: horizontal;
|
|
border-spacing: 1em;
|
|
height: 3em;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
table.job-table tr svg {
|
|
size: 16px;
|
|
}
|
|
|
|
table.job-table tr.is_remote svg {
|
|
transform: scale(-1, 1);
|
|
}
|
|
|
|
table.job-table tr.is_remote div.svg_continue svg {
|
|
transform: scale(1, 1);
|
|
}
|
|
|
|
table.job-table tr td div.text {
|
|
width: *;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
table.job-table tr td div.path {
|
|
width: *;
|
|
color: color(light-text);
|
|
@ELLIPSIS;
|
|
}
|
|
|
|
table.job-table tr:current td div.path {
|
|
color: white;
|
|
}
|
|
|
|
table#port-forward thead tr th {
|
|
padding-left: 1em;
|
|
size: *;
|
|
}
|
|
|
|
table#port-forward tr td {
|
|
height: 3em;
|
|
text-align: left;
|
|
}
|
|
|
|
table#port-forward input[type=text], table#port-forward input[type=number] {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
table#port-forward td.right-arrow svg {
|
|
size: 1.2em;
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
table#port-forward td.remove svg {
|
|
size: 0.8em;
|
|
}
|
|
|
|
table#port-forward tr.value td {
|
|
padding-left: 1em;
|
|
font-size: 1.5em;
|
|
color: black;
|
|
}
|