74 lines
1.6 KiB
CSS
74 lines
1.6 KiB
CSS
|
/* General ********************************************************************/
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: sans-serif;
|
||
|
|
|
||
|
|
margin: 0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: space-between;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
body > footer {
|
||
|
|
border-top: solid 1px black;
|
||
|
|
background-color: #fafafa;
|
||
|
|
padding: 8px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
body > footer a {
|
||
|
|
color: #0063c4;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
body > footer a:hover,
|
||
|
|
body > footer a:active,
|
||
|
|
body > footer a:focus {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Jobs table *****************************************************************/
|
||
|
|
|
||
|
|
table.jobs {
|
||
|
|
margin: 1em;
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.jobs > * > tr > th, table.jobs > * > tr > td {
|
||
|
|
border: solid 1px black;
|
||
|
|
padding: 0.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.jobs > * > tr:nth-child(odd) > td {
|
||
|
|
background-color: #eeeeee;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.jobs tt {
|
||
|
|
background-color: #ddddff;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.jobs td.job-id { text-align: center }
|
||
|
|
|
||
|
|
table.jobs td.job-triggers table {
|
||
|
|
border-spacing: 0;
|
||
|
|
border-radius: 0.8em;
|
||
|
|
border: solid 1px black;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
table.jobs td.job-triggers td {
|
||
|
|
padding: 0.4em;
|
||
|
|
}
|
||
|
|
table.jobs td.job-triggers td:not(:last-child) {
|
||
|
|
border-right: solid 1px black;
|
||
|
|
}
|
||
|
|
table.jobs td.job-triggers tr:not(:last-child) td {
|
||
|
|
border-bottom: solid 1px black;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.jobs td.job-status { text-align: center; }
|
||
|
|
table.jobs tr.job-new td.job-status { background-color: yellow; }
|
||
|
|
table.jobs tr.job-running td.job-status { background-color: blue; }
|
||
|
|
table.jobs tr.job-succeeded td.job-status { background-color: green; }
|
||
|
|
table.jobs tr.job-failed td.job-status { background-color: red; }
|
||
|
|
table.jobs tr.job-error td { background-color: red; }
|