diff --git a/solution/site/src/layouts/paper/paper.css b/solution/site/src/layouts/paper/paper.css index b195d57..653ed69 100644 --- a/solution/site/src/layouts/paper/paper.css +++ b/solution/site/src/layouts/paper/paper.css @@ -320,3 +320,21 @@ .w4p #w4d-mini button{width:40px;height:40px;padding:8px;border-radius:0;opacity:1;color:var(--ink)} .w4p #w4d-mini button svg{width:100%;height:100%} .w4p #w4d-mini[data-playing='1'] #w4d-tape{color:#8c4a2f} +.w4p #w4d-panel{background:var(--paper);border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 28px rgb(31 29 25 / .14);color:var(--ink);font-family:-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif} +.w4p #w4d-panel .w4d-head{padding:12px 8px 12px 16px;border-bottom:1px solid var(--line)} +.w4p #w4d-panel .w4d-head-t{font-family:'Noto Serif KR','AppleMyungjo',serif;font-size:15.5px;font-weight:400;letter-spacing:.03em} +.w4p #w4d-panel .w4d-head-n{font-size:13.5px;color:var(--sub);opacity:1} +.w4p #w4d-panel .w4d-head button{width:36px;height:36px;opacity:1;color:var(--sub)} +.w4p #w4d-panel .w4d-head svg{width:16px;height:16px} +.w4p #w4d-panel .w4d-item{min-height:56px;padding:10px 16px;gap:12px} +.w4p #w4d-panel .w4d-item + .w4d-item{border-top:1px solid #efece6} +.w4p #w4d-panel .w4d-item:hover,.w4p #w4d-panel .w4d-item[aria-current='true']{background:var(--soft)} +.w4p #w4d-panel .w4d-item[aria-current='true'] .w4d-t{color:var(--ink);font-weight:500} +.w4p #w4d-panel .w4d-t{font-size:15.5px;font-weight:400} +.w4p #w4d-panel .w4d-sub{margin-top:2px;font-size:13.5px;color:var(--sub);opacity:1} +.w4p #w4d-panel .w4d-time{font-size:13.5px;color:var(--sub);opacity:1} +.w4p #w4d-panel .w4d-disc-sm{--w4d-lbl:#8c4a2f} +.w4p #w4d-panel .w4d-disc-sm::after{background:var(--paper)} +.w4p #w4d-panel .w4d-eq i{background:#8c4a2f} +.w4p #w4d-lyrics-box{padding:14px 16px 18px;border-top:1px solid var(--line);font-family:'Noto Serif KR','AppleMyungjo',serif;font-size:15px;line-height:1.95;color:#39352e} +.w4p #w4d-panel .w4d-info{line-height:1.45}