mirror of
https://github.com/OHTU-German-learning-website/OHTU-German-learning-website.git
synced 2026-10-12 19:13:51 +03:00
122 lines
2.2 KiB
CSS
122 lines
2.2 KiB
CSS
.click-admin-page {
|
|
max-width: 960px;
|
|
}
|
|
|
|
.click-form {
|
|
display: grid;
|
|
gap: var(--u-md);
|
|
}
|
|
|
|
.exercise-click {
|
|
display: block;
|
|
}
|
|
|
|
.click-block {
|
|
padding: var(--u-md);
|
|
border: 1px solid var(--bg3);
|
|
border-radius: var(--u-sm);
|
|
background: var(--bg2);
|
|
}
|
|
|
|
.click-block label {
|
|
display: block;
|
|
margin-bottom: var(--u-xs);
|
|
color: var(--fg2);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.click-input {
|
|
width: 100%;
|
|
font: inherit;
|
|
}
|
|
|
|
.click-input.input-error {
|
|
border-color: var(--danger, #c53030);
|
|
box-shadow: 0 0 0 1px color-mix(in srgb, var(--danger, #c53030) 35%, transparent);
|
|
}
|
|
|
|
.field-error-hint {
|
|
display: block;
|
|
margin-top: var(--u-xs);
|
|
font-size: 0.9rem;
|
|
color: var(--danger, #c53030);
|
|
}
|
|
|
|
.click-form-actions {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.correct-word-actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.error-message {
|
|
font-size: 0.8em;
|
|
margin-top: 1em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-bottom: 0.5em;
|
|
margin-right: 0.5em;
|
|
padding: 0.5em 1em;
|
|
border-radius: 0.5em;
|
|
background-color: var(--tertiary1);
|
|
border: 1px solid var(--tertiary1);
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.success-message {
|
|
font-size: 0.8em;
|
|
margin-top: 1em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-bottom: 0.5em;
|
|
margin-right: 0.5em;
|
|
padding: 0.5em 1em;
|
|
border-radius: 0.5em;
|
|
color: #f3fff3;
|
|
background-color: #2f7d32;
|
|
border: 1px solid #1f5a24;
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.false-word-feedback-list {
|
|
display: grid;
|
|
gap: var(--u-sm);
|
|
margin-top: var(--u-sm);
|
|
}
|
|
|
|
.false-word-feedback-row {
|
|
display: grid;
|
|
grid-template-columns: minmax(120px, 180px) minmax(320px, 1fr);
|
|
gap: var(--u-sm);
|
|
align-items: start;
|
|
}
|
|
|
|
.false-word-feedback-word {
|
|
display: inline-block;
|
|
padding-top: 0.45rem;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.false-word-feedback-input {
|
|
width: 100%;
|
|
min-height: 2.8rem;
|
|
resize: vertical;
|
|
font: inherit;
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.false-word-feedback-row {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.false-word-feedback-word {
|
|
padding-top: 0;
|
|
}
|
|
} |