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.
132 lines
2.5 KiB
CSS
132 lines
2.5 KiB
CSS
body {
|
|
flow: vertical;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-rendering-mode: snap-pixel;
|
|
}
|
|
|
|
img {
|
|
foreground-size: contain;
|
|
}
|
|
|
|
.log {
|
|
size: *;
|
|
padding: 0;
|
|
border-spacing: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.log th,
|
|
.log td {
|
|
padding: 2dip;
|
|
white-space: nowrap;
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.log th {
|
|
display: none;
|
|
}
|
|
|
|
.log > tbody {
|
|
size: *;
|
|
padding: 0;
|
|
overflow-y: auto !important;
|
|
}
|
|
|
|
.log > tbody > tr > td > img {
|
|
max-width: 16dip;
|
|
max-height: 16dip;
|
|
}
|
|
|
|
.log > thead > tr > th:nth-child(1),
|
|
.log > tbody > tr > td:nth-child(1) {
|
|
width: 16dip;
|
|
}
|
|
.log > thead > tr > th:nth-child(2),
|
|
.log > tbody> tr > td:nth-child(2) {
|
|
width: 120dip;
|
|
min-width: max-content;
|
|
}
|
|
.log > thead > tr > th:nth-child(3),
|
|
.log > tbody > tr > td:nth-child(3) {
|
|
width: 50dip;
|
|
min-width: max-content;
|
|
text-align: right;
|
|
padding-right: 4dip;
|
|
}
|
|
.log > thead > tr > th:nth-child(4),
|
|
.log > tbody> tr > td:nth-child(4) {
|
|
width: *;
|
|
}
|
|
|
|
#main,
|
|
#detail {
|
|
size: *;
|
|
}
|
|
|
|
frameset[rows] > splitter {
|
|
height: 2dip;
|
|
background: none;
|
|
background-color: @indicatorColorLight;
|
|
background-clip: content-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
hit-margin: 3dip;
|
|
transition: background-color 0.3s cubic-out;
|
|
}
|
|
frameset[rows] > splitter:hover {
|
|
background-color: @indicatorColor;
|
|
}
|
|
|
|
@set colorizer < std-plaintext {
|
|
:root {
|
|
aspect: colorize url(colorizer.mjs);
|
|
size: *;
|
|
padding: 5dip;
|
|
background-color: #FFF;
|
|
border: none;
|
|
overflow: auto;
|
|
line-height: 15dip;
|
|
font-family: "Consolas", "Courier New", "Segoe UI Emoji";
|
|
}
|
|
:root:focus {
|
|
text-selection: #fff @activeColor !important;
|
|
}
|
|
|
|
:root > text:last-child { padding-bottom: *; }
|
|
|
|
text {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
white-space: pre;
|
|
}
|
|
/*markup*/
|
|
text::highlight(tag) { color: #795548; } /*background-color: #f0f0fa;*/
|
|
text::highlight(tag-id) { color: #795548; } /*background-color: #f0f0fa;*/
|
|
|
|
/*source*/
|
|
text::highlight(number) { color: #966600; }
|
|
text::highlight(number-unit) { color: #303f9f; }
|
|
text::highlight(string) { color: #3C7A3C; }
|
|
text::highlight(keyword) { color: #303f9f; }
|
|
text::highlight(symbol) { color: #795548; }
|
|
text::highlight(literal) { color: #7E8019; }
|
|
text::highlight(support) { color: #2e7d32; }
|
|
text::highlight(comment) { color: #7E7E7E; font-style: italic; }
|
|
|
|
text[type=markup] {}
|
|
text[type=script].start,
|
|
text[type=style].start {
|
|
border-top: 1px dashed #ccc;
|
|
}
|
|
text[type=script].stop,
|
|
text[type=style].stop {
|
|
border-bottom: 1px dashed #ccc;
|
|
}
|
|
}
|
|
|
|
plaintext[type] {
|
|
style-set: colorizer;
|
|
} |