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.
110 lines
1.9 KiB
CSS
110 lines
1.9 KiB
CSS
body {
|
|
flow: vertical;
|
|
padding: 5dip;
|
|
margin: 0;
|
|
font-rendering-mode: snap-pixel;
|
|
}
|
|
|
|
.contacts {
|
|
size: *;
|
|
border-spacing: 0;
|
|
padding: 0;
|
|
overflow-x: scroll-indicator;
|
|
horizontal-scrollbar: "h-scroll-indicator-nomargins";
|
|
}
|
|
|
|
.contacts > thead {
|
|
behavior: column-resizer;
|
|
}
|
|
|
|
.contacts th,
|
|
.contacts td {
|
|
padding: 3dip 5dip;
|
|
white-space: nowrap;
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.contacts th {
|
|
behavior: clickable;
|
|
border-left: 1dip solid @indicatorColorLight;
|
|
}
|
|
.contacts th:first-child {
|
|
border: none;
|
|
}
|
|
.contacts th:hover {
|
|
background-color: #F2F2F2;
|
|
}
|
|
.contacts th:active {
|
|
background-color: #E2E2E2;
|
|
}
|
|
|
|
.contacts > tbody {
|
|
size: *;
|
|
padding: 0;
|
|
overflow-y: scroll-indicator;
|
|
vertical-scrollbar: "v-scroll-indicator-nomargins";
|
|
}
|
|
|
|
.contacts > thead > tr > th:nth-child(1),
|
|
.contacts > tbody > tr > td:nth-child(1) {
|
|
width: 100dip;
|
|
}
|
|
.contacts > thead > tr > th:nth-child(2),
|
|
.contacts > tbody> tr > td:nth-child(2) {
|
|
width: 150dip;
|
|
}
|
|
.contacts > thead > tr > th:nth-child(3),
|
|
.contacts > tbody > tr > td:nth-child(3) {
|
|
width: 60dip;
|
|
}
|
|
.contacts > thead > tr > th:nth-child(4),
|
|
.contacts > tbody > tr > td:nth-child(4) {
|
|
width: 150dip;
|
|
}
|
|
.contacts > thead > tr > th:nth-child(5),
|
|
.contacts > tbody> tr > td:nth-child(5) {
|
|
width: 100dip;
|
|
}
|
|
.contacts > thead > tr > th:nth-child(6),
|
|
.contacts > tbody> tr > td:nth-child(6) {
|
|
width: 100dip;
|
|
}
|
|
.contacts > thead > tr > th:nth-child(7),
|
|
.contacts > tbody> tr > td:nth-child(7) {
|
|
min-width: 80dip;
|
|
width: *;
|
|
}
|
|
|
|
.contacts > tbody> tr.incl > td {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.buttonPanel {
|
|
flow: horizontal;
|
|
vertical-align: middle;
|
|
border-spacing: 5dip;
|
|
}
|
|
|
|
#main {
|
|
size: *;
|
|
}
|
|
|
|
#loading {
|
|
background-color: #FFF;
|
|
position: absolute;
|
|
size: *;
|
|
}
|
|
#loading > span {
|
|
display: block;
|
|
width: max-content;
|
|
height: max-content;
|
|
margin: *;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#close {
|
|
display: block !important;
|
|
} |