2020-04-11 11:41:44 +02:00
|
|
|
:root {
|
|
|
|
--error-color: red;
|
|
|
|
--success-color: green;
|
2020-04-13 11:41:25 +02:00
|
|
|
--warning-color: orange;
|
2020-04-14 11:09:04 +02:00
|
|
|
--info-color: blue;
|
2020-04-11 19:14:46 +02:00
|
|
|
--fandom-redlink: #ba0000;
|
2020-04-11 11:41:44 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/***
|
|
|
|
* Table
|
|
|
|
**/
|
|
|
|
#networkTableForm {
|
|
|
|
/* Center table */
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#networkTable {
|
|
|
|
/* Center table */
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
|
|
/* Make table as small as possible */
|
|
|
|
width: auto;
|
|
|
|
table-layout: fixed;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Text alignment */
|
|
|
|
#networkTable th.sourceLabel, #networkTable td.sourceLabel {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#networkTable th:not(.sourceLabel), #networkTable td:not(.sourceLabel) {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Borders */
|
|
|
|
#networkTable th, #networkTable td {
|
|
|
|
border-right: 1px solid var(--kpxc-table-border-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
#networkTable tr:last-child {
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#networkTable th:first-child, #networkTable td:first-child,
|
|
|
|
#networkTable th:last-child, #networkTable td:last-child {
|
|
|
|
/* Undo Milligram padding because it looks bad with column borders */
|
|
|
|
padding-left: 1.5rem;
|
|
|
|
padding-right: 1.5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2020-04-14 11:09:04 +02:00
|
|
|
/* Table colors */
|
2020-04-11 11:41:44 +02:00
|
|
|
#networkTable tbody tr:nth-child(odd) {
|
|
|
|
background-color: var(--kpxc-table-hover-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
#networkTable th a i {
|
|
|
|
font-size: 0.9em;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
2020-04-11 19:14:46 +02:00
|
|
|
#networkTable a {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2020-04-14 11:09:04 +02:00
|
|
|
|
|
|
|
/* Shared colors */
|
2020-04-11 19:14:46 +02:00
|
|
|
.redLink a {
|
|
|
|
color: var(--fandom-redlink);
|
|
|
|
}
|
|
|
|
|
2020-04-14 11:09:04 +02:00
|
|
|
.success {
|
|
|
|
color: var(--success-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.error {
|
|
|
|
color: var(--error-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.warning {
|
|
|
|
color: var(--warning-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.info {
|
|
|
|
color: var(--info-color);
|
|
|
|
}
|
|
|
|
|
2020-04-11 11:41:44 +02:00
|
|
|
|
|
|
|
/***
|
|
|
|
* Messages, errors, etc.
|
|
|
|
**/
|
|
|
|
#messages {
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.messageInner {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[data-entered=true]:invalid {
|
|
|
|
border-color: var(--error-color);
|
|
|
|
color: var(--error-color);
|
|
|
|
}
|