192 lines
3.7 KiB
CSS
192 lines
3.7 KiB
CSS
:root {
|
|
--ifm-color-primary: #fd4b2d;
|
|
--ifm-color-primary-dark: #fd320f;
|
|
--ifm-color-primary-darker: #fb2602;
|
|
--ifm-color-primary-darkest: #cf1f02;
|
|
--ifm-color-primary-light: #fd644b;
|
|
--ifm-color-primary-lighter: #fd7159;
|
|
--ifm-color-primary-lightest: #fe9786;
|
|
--ifm-navbar-link-hover-color: var(--ifm-navbar-link-color);
|
|
}
|
|
|
|
.button.button--outline {
|
|
color: var(--ifm-navbar-link-color) !important;
|
|
}
|
|
|
|
.navbar {
|
|
background-color: var(--ifm-color-primary);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.navbar__title {
|
|
display: none;
|
|
}
|
|
|
|
.hero--primary {
|
|
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 3vw));
|
|
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 3vw));
|
|
}
|
|
|
|
.hero_image {
|
|
flex-direction: column;
|
|
justify-items: center;
|
|
}
|
|
|
|
.hero_image > img {
|
|
max-height: 200px;
|
|
}
|
|
|
|
|
|
.before-after-slider img {
|
|
max-width: none;
|
|
}
|
|
|
|
table {
|
|
display: table;
|
|
}
|
|
|
|
.table-responsive {
|
|
overflow-x: auto;
|
|
}
|
|
/**
|
|
* comparison
|
|
*
|
|
* Comparison table used in both the performance and correctness tables.
|
|
*/
|
|
|
|
table.comparison {
|
|
width: 100%;
|
|
}
|
|
|
|
table.comparison [title],
|
|
table.comparison [title] {
|
|
text-decoration: underline;
|
|
text-decoration-style: dotted;
|
|
}
|
|
|
|
table.comparison th,
|
|
table.comparison td,
|
|
table.comparison tr {
|
|
border: 0px none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
table.comparison th {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
table.comparison tr th.authentik {
|
|
color: var(--ifm-color-primary);
|
|
}
|
|
|
|
table.comparison thead.group tr {
|
|
border-bottom: 1px;
|
|
border-bottom-color: var(--ifm-table-head-color);
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
table.comparison thead.group th:first-child {
|
|
text-align: left;
|
|
font-weight: 800;
|
|
}
|
|
|
|
table.comparison tr td {
|
|
border-left: 10px solid transparent;
|
|
min-width: 90px;
|
|
text-align: center;
|
|
}
|
|
|
|
table.comparison tr td:first-child {
|
|
font-weight: bold;
|
|
padding-left: 0;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
width: 25%;
|
|
}
|
|
|
|
table.comparison tr td.description {
|
|
font-weight: normal;
|
|
min-width: 250px;
|
|
padding-top: 0;
|
|
vertical-align: top;
|
|
white-space: normal;
|
|
}
|
|
|
|
table.comparison tr td.description .label {
|
|
color: var(--ifm-heading-color);
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.comparison tr td.description .text {
|
|
color: var(--ifm-color-emphasis-600);
|
|
}
|
|
|
|
table.comparison tr td.description .links {
|
|
font-size: 0.9em;
|
|
margin-top: var(--ifm-spacing-vertical);
|
|
}
|
|
|
|
table.comparison tr td.result {
|
|
background-color: var(--ifm-panel-background-color);
|
|
}
|
|
|
|
table.comparison tr td.result.failed {
|
|
color: var(--ifm-color-danger);
|
|
}
|
|
|
|
table.comparison tr td.result.lost {
|
|
background: var(--ifm-color-emphasis-1000);
|
|
color: transparent;
|
|
}
|
|
|
|
table.comparison tr td.result.not-applicable {
|
|
background: var(--ifm-color-emphasis-1000);
|
|
color: rgba(var(--ifm-background-color-rgb), 0.5);
|
|
}
|
|
|
|
table.comparison tr td.result.passed {
|
|
color: var(--ifm-color-success);
|
|
}
|
|
|
|
table.comparison tr td.result.warning {
|
|
color: var(--ifm-color-warning);
|
|
}
|
|
|
|
table.comparison tr td.result.passed.authentik {
|
|
background: var(--ifm-color-primary);
|
|
color: var(--ifm-color-secondary);
|
|
}
|
|
|
|
table.comparison tr td.bar {
|
|
padding: 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
table.comparison tr td.bar .place {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
table.comparison tr td.bar .measurement {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.comparison tr td.bar .bar {
|
|
background: var(--ifm-color-emphasis-1000);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
table.comparison tr td.bar.authentik {
|
|
color: var(--ifm-color-primary);
|
|
}
|
|
|
|
table.comparison tr td.bar.authentik .bar {
|
|
background: var(--ifm-color-primary);
|
|
}
|
|
|
|
@media (max-width: 996px) {
|
|
table.comparison td.description {
|
|
display: none;
|
|
}
|
|
}
|