mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 08:48:06 +08:00
41 lines
2.1 KiB
Plaintext
41 lines
2.1 KiB
Plaintext
page {
|
|
--box-border:lightblue solid 1px;
|
|
--box-shadow:var(--body-fg-color) 2px 2px 8px;
|
|
}
|
|
@media (prefers-color-scheme: light) {
|
|
page {
|
|
--box-border:lightgreen solid 1px;
|
|
}
|
|
}
|
|
page { padding:10px; }
|
|
page, view { box-sizing: border-box; }
|
|
view.output { width:100%; overflow:auto; overflow-x:hidden; clear:both; }
|
|
view.output textarea { text-align:left; padding:10px; width:100%; }
|
|
view.output view.item { font-size:18px; text-align:center; padding:10px; border:var(--box-border); }
|
|
view.output view.list view.item { margin-left:20px; }
|
|
|
|
view.legend { font-size:20px; font-weight:bold; font-style:italic; margin:10px 0; }
|
|
view.action view.item { padding:0; border:0; margin-right:5px; float:left; }
|
|
view.option view.item { padding:0; border:0; margin-right:5px; float:left; }
|
|
view.option view.item.textarea { border:var(--box-border); width:calc(100% - 2px); clear:both; }
|
|
view.option view.item.select { border:var(--box-border); }
|
|
view.option view.item picker { border:var(--box-border); height:30px; width:60px; }
|
|
view.option view.item input { border:var(--box-border); height:30px; width:60px; }
|
|
view.option view.item button { height:32px; }
|
|
view.output view.code { white-space:pre; border-left:cyan solid 1px; }
|
|
view.status view.item { font-size:12px; font-style:italic; padding:5px; border:none; margin:0; float:left; }
|
|
view.status view.item text.name { font-size:10px; }
|
|
view.action.submit view.item { margin-right:0; }
|
|
|
|
table { display:table; border-collapse:collapse; width:100%; }
|
|
table.debug { font-family:monospace; font-style:italic; }
|
|
table.debug th { font-weight:bold; }
|
|
tr { display:table-row; }
|
|
th { display:table-cell; padding:5px; vertical-align:middle; }
|
|
td { display:table-cell; padding:5px; vertical-align:middle; }
|
|
td view.which { padding:0; order:0; }
|
|
table.content th { border:var(--box-border); text-align:center; }
|
|
table.content td { border:var(--box-border); min-width:60px; }
|
|
table.content.action th:last-child { position:sticky; right:2px; text-align:center; min-width:60px; }
|
|
table.content.action td:last-child { position:sticky; right:2px; text-align:center; min-width:60px; }
|