Files
steampipe/pkg/control/controldisplay/templates/html/style.tmpl.css

135 lines
2.1 KiB
CSS

/*
{{ define "style_css" }}
/* */
:root {
--color-border-muted: #d8dee4;
--color-border-default: #30363d;
--color-neutral-muted: #6f819433;
--color-fg-muted: #8b949e;
--color-alarm: red;
--color-error: red;
--color-info: #2f5f95;
--color-ok: green;
--color-skip: #949595;
}
html {
font-size: 14px;
}
h1 {
margin-top: 8px;
margin-bottom: 8px;
font-size: 2em;
}
h2 {
padding-top: 1em;
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
h3 {
padding-top: 0.75em;
font-size: 1.25em;
}
h4 {
padding-top: 0.5em;
font-size: 1em;
}
footer {
margin-top: 3em;
}
.align-center {
text-align: center;
}
.container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
padding: 1em;
}
.header {
margin-bottom: 1em;
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--color-border-muted);
}
.header .title {
word-break: break-word;
}
.header a {
display: flex;
}
.header .logo {
width: 200px;
margin-left: 10px;
}
table {
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
margin-top: 0;
padding-top: 0.2em;
margin-bottom: 16px;
}
table th,
table td {
padding: 6px 13px;
border: 1px solid var(--color-border-muted);
}
table th {
font-weight: 600;
}
table tr {
border-top: 1px solid var(--color-border-muted);
}
code {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
Liberation Mono, monospace;
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
blockquote {
padding: 0 1em;
margin-left: 0;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.summary-total-ok.highlight {
font-weight: 600;
color: var(--color-ok);
}
.summary-total-alarm.highlight {
font-weight: 600;
color: var(--color-alarm);
}
.summary-total-error.highlight {
font-weight: 600;
color: var(--color-alarm);
}
/*
{{ end }}
/* */