Files
Umbraformat/umbraformat/static/css/style.css
bm 0c32168231 Apply updated spec compliance and establish git/docker baseline
- Spec §4.1: running headers carry titles only (recto: chapter/section
  title; verso: author name + book title); page-number fields removed
  from headers.
- Spec §4.2: page numbers centered in the footer on both verso and recto
  pages; front-matter display pages (copyright, dedication, epigraph,
  TOC) show their Roman numeral on the opening page too.
- Spec §2.2: lowercase Roman numbering visible from the copyright page
  through the front matter; Chapter 1 restarts at Arabic 1.
- Chapter/back-matter sections keep running matter on body pages; only
  the first page of each chapter is suppressed (spec §4.3).
- Drop titlePg on single-page front-matter display sections so footer
  page numbers render in LibreOffice and Word alike.
- Preserve <<<>>> scene-break cues (centered, 12pt before/after) and
  first-word-only capitalization of chapter openers.
- UI: remove the obsolete "Page Numbers" selector; footer_mode is
  accepted-but-ignored for backward compatibility.
- Tests updated to the new spec behavior (51 pass).
2026-09-22 19:06:03 -07:00

86 lines
1.7 KiB
CSS

:root {
--bs-body-bg: #1a1d23;
--bs-body-color: #e0e0e0;
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.footer {
margin-top: auto;
}
.upload-zone {
position: relative;
border: 2px dashed #495057;
border-radius: 12px;
cursor: pointer;
transition: all 0.2s;
overflow: hidden;
}
.upload-zone:hover,
.upload-zone.drag-over {
border-color: var(--bs-primary);
background: rgba(var(--bs-primary-rgb), 0.05);
}
.issue-item {
padding: 8px 12px;
border-left: 3px solid transparent;
margin-bottom: 4px;
border-radius: 4px;
}
.issue-item.error {
border-left-color: var(--bs-danger);
background: rgba(var(--bs-danger-rgb), 0.08);
}
.issue-item.warning {
border-left-color: var(--bs-warning);
background: rgba(var(--bs-warning-rgb), 0.08);
}
.issue-item.success {
border-left-color: var(--bs-success);
background: rgba(var(--bs-success-rgb), 0.08);
}
.spec-badge {
font-size: 0.75rem;
padding: 2px 8px;
}
#loadingOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.loading-spinner {
text-align: center;
}
.format-summary {
background: rgba(var(--bs-success-rgb), 0.05);
border: 1px solid rgba(var(--bs-success-rgb), 0.2);
border-radius: 8px;
padding: 16px;
}
.style-check {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 0;
}
.style-check .bi-check-circle-fill { color: var(--bs-success); }
.style-check .bi-x-circle-fill { color: var(--bs-danger); }