495 lines
8.3 KiB
CSS

body{
margin: 0;
}
body{
display: grid;
}
body{
display: grid;
grid-template-columns: 300px auto;
}
div.before_header{
grid-column-start: 1;
}
header{
grid-column-start: 2;
display: grid;
grid-template-columns: 200px 200px auto;
}
header nav.left{
grid-column-start: 1;
font-size: 150%;
}
header nav.center{
grid-column-start: 2;
text-align: left;
}
header nav.right{
grid-column-start: 3;
text-align: right;
}
nav.menu{
grid-column-start: 2;
}
main{
grid-column-start: 2;
}
sidebar{
grid-column-start: 1;
margin-left: 5%;
}
button{
border: solid 1px rgb(28, 21, 91);
}
sidebar{
margin-top: 10px;
}
main{
margin-top: 0px;
}
h1{
margin-bottom: 10px;
margin-top: 10px;
}
table th{
text-align: left;
font-weight: bold;
}
table th, table td{
padding-right: 1em;
}
table.compact th, table.compact td{
padding-right: 0.3em;
}
a{
color: rgb(0, 116, 232);
text-decoration: none;
}
header, div.before_header{
background-color: #39d4f6;
}
header.admin, div.before_header.admin{
background-color: #f6393c;
}
header a{
color: white;
}
header nav.left{
font-size: 150%;
}
header nav.center{
font-size: 150%;
}
header nav.right{
}
nav ul{
display: inline-block;
}
nav ul li{
display: inline-block;
margin-right: 20px;
font-weight: bold;
}
nav.menu ul{
padding: 0;
margin-bottom: 0;
}
nav.menu li:before{
content: "» ";
}
pre .nl{
color: rgb(0, 116, 232);
}
pre .s2{
color: rgb(221, 0, 169);
}
pre .mf{
color: rgb(5, 139, 0)
}
pre{
white-space: pre-wrap;
}
label{
display: block;
font-weight: bold;
}
label.inline{
display: inline;
}
#columns label{
display: inline;
}
td.md5 div{
text-overflow: ellipsis;
overflow: hidden;
width: 2em;
white-space: nowrap;
}
td.json_hide div{
text-overflow: ellipsis;
overflow: hidden;
width: 20em;
white-space: nowrap;
}
table.details td{
vertical-align: top;
}
table.details p{
margin: 0;
}
table.details ul{
margin-top: 0;
}
table.details tr td:first-child{
font-weight: bold;
}
table.details td{
padding-top: 5px;
}
#filter li, #columns li{
display: block;
padding: 0;
margin: 0;
margin-top: 10px;
}
#filter, #columns{
padding: 0;
margin: 0;
}
h1.problem{
color: red;
}
.limcol{
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
width: 8em;
white-space: nowrap;
vertical-align: text-bottom;
}
.limcol2{
text-overflow: ellipsis;
overflow: hidden;
width: 14em;
white-space: nowrap;
}
tr.alert td{
background-color: #ffcccc;
}
div#sidebars{
grid-column-start: 1;
margin-left: 5%;
}
div#sidebars div.sidebar#1{
display: block;
}
div#sidebars div.sidebar#2{
display: block;
}
span.cell_value{
}
span.time_info{
padding-right: 1em;
font-size: 80%;
font-family: monospace;
}
div.locations tr.status_undefined td{
background-color: #998877;
}
div.locations tr.auto_deactivated td{
text-decoration: line-through;
}
div.locations tr.status_success td{
background-color: #ffffff;
}
div.locations tr.status_alert_client td{
background-color: #ffcccc;
}
div.locations tr.status_error td{
background-color: #ff0000;
color: #ffffff;
}
div.locations tr.status_too_long td{
background-color: #ff007f;
color: #ffffff;
}
div.locations tr.status_stale td, div.invoices tr.status_stale td{
background-color: #aa0000;
color: #ffffff;
}
tr.status_stale a, tr.status_error a{
color: #ffffff;
}
div.locations tr.status_in_progress td{
background-color: #ffcc44;
}
div.locations tr.status_never td{
background-color: #aa55ff;
color: #ffffff;
}
div.locations tr.status_locked td, div.accounts tr.status_locked td, tr.status_locked td div{
text-decoration: underline;
text-decoration-color: red;
}
span.website_error_text{
font-weight: bold;
}
span.aida_error_text{
font-family: monospace;
}
span.permanent_status, span.blame{
font-family: monospace;
padding-left: 3px;
padding-right: 3px;
}
span.screenshot_link{
}
span.screenshot_link.disabled{
color: #ccc;
}
div.message{
display: inline-block;
vertical-align: bottom;
}
span.message_source{
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
}
td.status_error{
background-color: red;
color: white;
}
td.status_updating{
background-color: #ffcc44;
color: black;
}
td.status_success{
background-color: white;
color: black;
}
td.status_none{
background-color: #aa55ff;
color: #ffffff;
}
td.account_locked{
text-decoration: underline;
text-decoration-color: red;
}
td.account_error, td.invoice_error{
background-color: #ffcaca;
color: white;
}
span.backtrace_click, span.url_click{
cursor: pointer;
}
td.error_count_bad{
background-color: #ffcaca;
}
td.error_count_very_bad{
background-color: red;
}
td.error_count_very_very_bad{
background-color: red;
font-size: 150%;
}
tr.job_success td{
background-color: #c1ffc8;
}
tr.job_failure td{
background-color: #ffc1c8;
}
tr.job_failure_user td{
background-color: #ffa1f8;
}
tr.job_failure_provider td{
background-color: #ffa0a0;
}
tr.job_failure_system td{
background-color: #ff6060;
color: #ffffff;
}
tr.job_failure_system td a{
background-color: #ff6060;
color: #aff;
}
tr.job_tryagain td{
background-color: #fff1f8;
}
tr.job_started td{
background-color: #ffcc44;
}
tr.error_permanent_system td{
background-color: #ffc1c8;
}
tr.divider td{
border-top: solid 1px black;
}
table.cal_month td, table.cal_month th{
text-align: center;
}
td.cal_weekend{
color: red;
}
td.cal_working_day{
color: black;
}
td.cal_holiday{
color: orange;
font-weight: bold;
}
td.actions{
}
td.has_actions{
padding-right: 0px;
}
p.agree_hide{
display: none;
}
p#message.ok{
color: blue;
font-weight: bold;
}
p#message.error{
color: red;
font-weight: bold;
}
table:not(.colorful) td:not(.colorful) {
background-color: #dbeceb;
}
table:not(.colorful) tr:nth-child(even) td:not(.colorful){
background-color: white;
}
.invisible{
background-color: #ebb8ff;
}
.invalid:after{
content: "*";
}
span.checked{
background-color: #aaff7f;
}
td.taking_too_long_to_start{
color: red;
}
td.taking_too_long_to_finish{
color: red;
}
td.task_failed{
color: red;
}
table#main_table thead{
position: sticky;
top: 0;
background-color: #1f7586;
color: white;
}
table#main_table thead th{
padding-left: 2px;
padding-right: 2px;
}
span.blacklisted{
background-color: black;
color: white;
padding-left: 0.2em;
padding-right: 0.2em;
}
span.graylisted{
background-color: #888;
color: white;
padding-left: 0.2em;
padding-right: 0.2em;
}
span.whitelisted{
color: #555;
}
span.enum{
border: dotted 1px #777;
padding-left: 5px;
padding-right: 5px;
}
span.job_status_ready, span.attempt_status_ready{
background-color: #f5dcff;
}
span.job_status_success, span.attempt_status_success, span.operation_status_success{
background-color: #a7d9a3;
}
span.job_status_failure, span.attempt_status_failure, span.operation_status_failure{
background-color: #d97c7e;
}
span.job_status_scheduled{
background-color: #c5c4d9;
}
span.job_status_queued, span.attempt_status_queued, span.task_status_queued, span.operation_status_waiting{
background-color: #d9d9bf;
}
span.job_status_running, span.attempt_status_running, span.task_status_running{
background-color: #a8cad9;
}
span.task_status_finished{
background-color: #ffd9f4;
}
span.failure_blame_system{
background-color: #ffd3d3;
}
span.failure_blame_user{
background-color: #ffd0fc;
}
span.failure_blame_provider{
background-color: #c1fffd;
}
span.attempt_severity_temporary{
background-color: #d3e0ff;
}
span.attempt_severity_permanent{
background-color: #ffcdce;
}
ul.settings.disabled li{
color: #ccc;
}
div.form_result{
padding: 2em;
margin-top: 2em;
display: none;
}
div.form_result.failure{
background-color: #ffcdce;
display: inline-block;
}
div.form_result.success{
background-color: #a7d9a3;
display: inline-block;
}
tr.duplicate_bug td{
text-decoration: line-through;
color: white;
background-color: red !important;
}