flamenco-manager/static/dashboard.css

html, body {
    font-family: Noto, Ubuntu, sans-serif;
    font-size: 14px;
    color: white;
    background-color: #496977;
    text-shadow: 0.2ex 0.2ex 0.1ex rgba(0, 0, 0, 0.2);
    margin-top: 1mm;
}

a, a:link { color: #aef0ff; }
a:visited { color: #e6fff2; }
a:hover { color: #d0f7eb; }
a:active { color: #f7d0d2; }

a.btn-default { color: black; }

h1 img {
    width: auto;
    height: 1.1em;
    float: left;
    padding-right: 0.5ex;
}

#managerversion, #runmode {
    font-size: small;
    vertical-align: top;
    float: right;
    margin-left: 1mm;
}
#runmode {
    color: #e4a7a7;
}

input {
    color: black;
}


.error {
    color: #a92a2a;
    background-color: #ffeaea;
    border-radius: 0.5ex;
    border: 2px solid #a92a2a;
    padding: 1ex;
    text-shadow: none;
}

.card-body { padding: 5px; }
.card { background-color: inherit; }
.card-title { margin-bottom: 0; }
dl.row dd { margin-bottom: 0 }

table.worker>tbody:nth-of-type(odd) { background-color: #578498; }
table.worker>thead, table.worker>tbody {
    border: none;
}
table.worker td, table.worker th {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}
table.worker td label {
    margin: 2px;
}

tbody.status-awake tr:first-child td, tbody.status-awake tr:first-child th { background-color: #3f9465; }
tbody:nth-of-type(odd).status-awake tr:first-child td, tbody:nth-of-type(odd).status-awake tr:first-child th { background-color: #3faa6e; }
tbody.status-timeout tr:first-child td, tbody.status-timeout tr:first-child th { background-color: #a77239; }
tbody:nth-of-type(odd).status-timeout tr:first-child td, tbody:nth-of-type(odd).status-timeout tr:first-child th { background-color: #d09c4a; }
tbody.status-offline tr:first-child td, tbody.status-offline tr:first-child th { color: #bbb; }
tbody.status-testing tr:first-child td, tbody.status-testing tr:first-child th { background-color: #b56b8d; }
tbody:nth-of-type(odd).status-testing tr:first-child td, tbody:nth-of-type(odd).status-testing tr:first-child th { background-color: #ce92ae; }
tbody.status-error tr:first-child td, tbody.status-error tr:first-child th { background-color: #9b5555; }
tbody:nth-of-type(odd).status-error tr:first-child td, tbody:nth-of-type(odd).status-error tr:first-child th { background-color: #925959; }

.small-last-rendered-image {
    max-width: 100%;
    max-height: 365px;
}

.imageholder {
    text-align: center;
}

span.idle-worker-name:not(:first-child)::before {
    content: ', ';
}

*[title] {
    cursor: help;
}

#statusheading {
    position: relative;
}
button#downloadkick {
    position: absolute;
    top: 0.75ex;
    right: 1ex;
}

.click-to-copy {
    cursor: pointer;
    border-bottom: none;
}

.worker-id {
    white-space: nowrap;
    min-width: 8ex;
}

.worker-action {
    cursor: pointer;
    font-size: 150%;
    margin-right: 15px;
    border-bottom: none;
}

.worker-action:hover {
    text-shadow:
        0 0 1px black,
        0 0 3px fuchsia;
}

.worker-action.forget-worker {
    font-size: 85%;
    vertical-align: super;
    color: #f66;
    padding: 3px;
    margin-right: 5px;
}

.worker .btn-link {
    color: inherit;
    float: right;
}

.flash-on {
	background-color: #b8f7d3 !important;
	border-color: #b8f7d3 !important;
    color: #3f9465 !important;
    transition: all 0.05s ease-in;
}

.flash-off {
	transition: all 0.2s ease-out;
}

td.col-narrow, td.col-sched-edit-active, td.col-sched-edit-actions {
    white-space: nowrap;
    width: 0;  /* make it as narrow as possible */
}
td.col-sched-edit-active {
    text-align: center;
}
td.col-sched-edit-active input[type='checkbox'] {
    margin-left: auto;
    margin-right: auto;
}
td.col-sched-edit-actions {
    text-align: right;
}

.btn-schedule-active {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-schedule-inactive {
    color: #adadad;
    background-color: #19692c;
    border-color: #19692c;
}

.worker-row .implied::before {
    content: '(';
}
.worker-row .implied::after {
    content: ')';
}