dashboard.dashboard-vad-style.css Maven / Gradle / Ivy
:root {
--overview-chart-center-circle-size: 80px;
--overview-chart-center-circle-bottom: 68px;
--overview-chart-center-circle-left: 110px;
}
.overview-chart-circle {
width: var(--overview-chart-center-circle-size);
display: inline-block;
height: var(--overview-chart-center-circle-size);
position: absolute;
left: var(--overview-chart-center-circle-left);
bottom: var(--overview-chart-center-circle-bottom);
z-index: 0;
border-radius: 100px;
}
.overview-chart-circle.strong-dark-blue {
background-color: var(--strong-dark-blue);
}
.overview-chart-circle.pastel-blue {
background-color: var(--pastel-blue);
}
/* assessment editor */
#assessment-editor-affects-container {
padding-top: 8px;
padding-bottom: 16px;
}
#assessment-editor-affects-add-elements-container .matching-criteria-badge input,
#assessment-editor-affects-container .matching-criteria-badge input {
background-color: transparent;
border: none;
color: var(--text-color);
}
.assessment-editor-data-attribute-container:not(.hidden) {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
.assessment-editor-data-attribute-container span:first-child {
width: 86px;
height: 2em;
display: inline-block;
}
.assessment-editor-assessment-existing-entry.status-applicable {
background-color: var(--strong-red);
border-color: var(--strong-red);
}
.assessment-editor-assessment-existing-entry.status-not-applicable {
background-color: var(--strong-dark-green);
border-color: var(--strong-dark-green);
}
.assessment-editor-assessment-existing-entry.status-void,
.assessment-editor-assessment-existing-entry.status-insignificant {
background-color: var(--strong-gray);
border-color: var(--strong-gray);
}
.assessment-editor-assessment-existing-entry.status-none {
background-color: var(--pastel-gray);
border-color: var(--pastel-gray);
color: black;
}
#assessment-editor-assessment-add-elements-container {
margin-left: 10px;
padding-top: 12px;
padding-left: 10px;
border-left: 2px solid var(--strong-blue);
}
.yaml-output {
width: 100%;
white-space: pre;
font-family: monospace;
font-size: 1em;
padding: 0.5em;
border: 1px solid var(--border-color);
border-radius: 4px;
color: var(--text-color);
background-color: var(--background-color);
}
/* copy to clipboard */
.copy-to-clipboard-hover {
transition: color 0.05s;
}
.copy-to-clipboard-hover:hover {
cursor: pointer;
text-decoration: underline;
}
.copy-to-clipboard-hover.copied {
color: var(--strong-light-green);
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy