1.0
This commit is contained in:
@@ -51,3 +51,45 @@
|
||||
#pageIndicator { font-family: 'Caveat', cursive; font-size: 1.3rem; color: var(--ink-soft); }
|
||||
|
||||
.empty-book { text-align: center; margin-top: 3em; }
|
||||
|
||||
/* Deckblatt */
|
||||
.cover-page {
|
||||
position: relative;
|
||||
min-height: 640px;
|
||||
border-radius: 18px;
|
||||
background: var(--paper-2);
|
||||
box-shadow: var(--shadow);
|
||||
overflow: hidden;
|
||||
border: 2px dashed var(--mustard);
|
||||
}
|
||||
.cover-stickers { position: absolute; inset: 0; }
|
||||
.cover-sticker {
|
||||
position: absolute;
|
||||
object-fit: cover;
|
||||
aspect-ratio: 1 / 1;
|
||||
border: 6px solid #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 6px 16px rgba(0,0,0,0.22);
|
||||
}
|
||||
.cover-title-wrap {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
text-align: center;
|
||||
top: 42%;
|
||||
transform: translateY(-50%);
|
||||
padding: 0.6em 1.2em;
|
||||
}
|
||||
.cover-title {
|
||||
display: inline-block;
|
||||
font-size: 3.6rem;
|
||||
background: rgba(255,253,247,0.92);
|
||||
padding: 0.25em 0.7em;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 6px 18px rgba(0,0,0,0.18);
|
||||
transform: rotate(-2deg);
|
||||
max-width: 90%;
|
||||
}
|
||||
@media (max-width: 640px) {
|
||||
.cover-page { min-height: 460px; }
|
||||
.cover-title { font-size: 2.3rem; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user