28 lines
1.1 KiB
CSS
28 lines
1.1 KiB
CSS
.full-secthead { margin-bottom: 14px; }
|
|
.full-secthead-jp { font-family: var(--f-pixel); font-size: 18px; color: var(--lemon); letter-spacing: 4px; }
|
|
.full-secthead-en { font-family: var(--f-pixel); font-size: 22px; color: var(--cream); letter-spacing: 1px; margin-top: 2px; }
|
|
|
|
.card {
|
|
background: var(--plum);
|
|
border: 2px solid var(--ink);
|
|
padding: 22px 24px;
|
|
position: relative;
|
|
}
|
|
.card::before {
|
|
content: ""; position: absolute; inset: 4px; border: 1px dashed #ff3ea522; pointer-events: none;
|
|
}
|
|
|
|
.history-list { display: flex; flex-direction: column; }
|
|
.history-row {
|
|
display: grid; grid-template-columns: 50px 1fr auto;
|
|
gap: 12px; padding: 8px 4px;
|
|
border-bottom: 1px dashed #ff3ea522;
|
|
font-size: 13px;
|
|
}
|
|
.history-row:last-child { border-bottom: none; }
|
|
.history-row .t { font-family: var(--f-mono); color: var(--cyan); }
|
|
.history-row .title { font-family: var(--f-pixel); font-size: 14px; color: var(--cream); }
|
|
.history-row .artist { font-family: var(--f-mono); color: #fff4e8aa; font-size: 12px; }
|
|
.history-empty {
|
|
font-family: var(--f-mono); font-size: 13px; color: #fff4e8aa; padding: 8px 4px;
|
|
}
|