staxman-old/static/css/resource.css

107 lines
1.3 KiB
CSS
Raw Normal View History

2023-11-25 00:29:19 +00:00
.actions {
display: flex;
gap: 0.5rem;
& form {
display: flex;
min-width: 80px;
}
& button {
flex: 1;
&.danger {
background-color: var(--danger-bg);
border-color: var(--danger-bright);
color: var(--danger-bright);
&:hover {
border-color: var(--link);
color: var(--link);
background-color: var(--danger-bright);
}
}
}
&.big button {
font-size: 14pt;
padding: 8px 20px;
}
}
dd~dt,
dd~dd {
border-top: 1px solid #262A65;
}
dd[data-state] {
background-color: var(--table-bg);
}
dd[data-state="running"] {
background-color: var(--success-bg);
color: var(--success-text);
}
dd[data-state="stopped"],
dd[data-state="exited"],
dd[data-state="dead"] {
background-color: var(--danger-bg);
color: var(--danger-text);
}
dt,
dd {
box-sizing: border-box;
padding: 4px;
}
dt {
padding-bottom: 0;
}
dd {
background-color: #171625;
padding: 4px 8px;
word-break: break-all;
}
dl.table {
border: 1px solid #3D3E82;
background-color: var(--table-bg);
margin: 0;
& dt {
float: left;
width: 25%;
}
& dd {
margin-left: 25%;
border-left: 1px dotted #3D3E82;
}
& dd:after {
content: "";
display: block;
clear: both;
}
}
dl.list {
border: 1px solid #3D3E82;
background-color: var(--table-bg);
margin: 0;
border-top: 0;
& dd {
margin: 0;
}
& dt {
padding: 4px 8px;
}
}