80 lines
1.7 KiB
CSS
80 lines
1.7 KiB
CSS
.dw-sheet-data-checker {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.dw-checker-blur {
|
|
filter: blur(3px);
|
|
}
|
|
|
|
.dw-checker-card {
|
|
width: 500px;
|
|
max-width: 100%;
|
|
background-color: var(--checker-card-bg-color);
|
|
color: var(--checker-card-text-color);
|
|
padding: 2em;
|
|
border-radius: .5em;
|
|
}
|
|
|
|
h3.dw-checker-title {
|
|
text-align: center;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
input.dw-checker-input {
|
|
width: 100%;
|
|
padding: 8px 15px;
|
|
}
|
|
|
|
.dw-checker-input-group {
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
.dw-checker-button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
button.dw-checker-button {
|
|
padding: 12px 20px;
|
|
background-color: var(--checker-button-bg-color);
|
|
color: var(--checker-button-text-color);
|
|
border: 1px solid var(--checker-button-bg-color);
|
|
}
|
|
|
|
button.dw-checker-button:hover, button.dw-checker-button:focus {
|
|
color: var(--checker-button-bg-color)!important;
|
|
background-color: var(--checker-button-text-color)!important;
|
|
}
|
|
|
|
button.dw-checker-button[disabled] {
|
|
background-color: lightgray;
|
|
border-color: lightgray;
|
|
opacity: .8;
|
|
}
|
|
|
|
table.dw-checker-result-container, table.dw-checker-result-container th, table.dw-checker-result-container td {
|
|
border: none!important;
|
|
background: unset!important;
|
|
}
|
|
|
|
table.dw-checker-result-container th,
|
|
table.dw-checker-result-container td {
|
|
text-align: left!important;
|
|
}
|
|
|
|
.dw-checker-results th {
|
|
width: fit-content!important;
|
|
max-width: 50%!important;
|
|
}
|
|
|
|
.has-not-found-message {
|
|
text-align: center;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
span.dw-checker-result-header, span.dw-checker-result-value {
|
|
float: left;
|
|
} |