style 調整標題背景
This commit is contained in:
@@ -7,7 +7,8 @@ body.njtw5-page {
|
|||||||
color: var(--text-color, #333);
|
color: var(--text-color, #333);
|
||||||
font-family: 'Noto Sans TC', system-ui, sans-serif;
|
font-family: 'Noto Sans TC', system-ui, sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: clamp(16px, 4vw, 40px);
|
/* 頂部不留空,標題背景貼齊視窗上緣;左右與底部維持內距 */
|
||||||
|
padding: 0 clamp(16px, 4vw, 40px) clamp(16px, 4vw, 40px);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -28,6 +29,7 @@ body.njtw5-page header.main-header {
|
|||||||
max-width: none;
|
max-width: none;
|
||||||
margin-left: calc(50% - 50vw);
|
margin-left: calc(50% - 50vw);
|
||||||
margin-right: calc(50% - 50vw);
|
margin-right: calc(50% - 50vw);
|
||||||
|
margin-top: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
/* 與 1538075001_cu.jpg 實際比例一致(1280×706),全寬時高度與圖等比例 */
|
/* 與 1538075001_cu.jpg 實際比例一致(1280×706),全寬時高度與圖等比例 */
|
||||||
@@ -41,8 +43,8 @@ body.njtw5-page header.main-header {
|
|||||||
background-color: var(--surface-soft, #fff9e8);
|
background-color: var(--surface-soft, #fff9e8);
|
||||||
background-image:
|
background-image:
|
||||||
linear-gradient(180deg,
|
linear-gradient(180deg,
|
||||||
rgba(255, 249, 232, 0.72) 0%,
|
rgba(255, 249, 232, 0.6) 0%,
|
||||||
rgba(255, 249, 232, 0.88) 100%),
|
rgba(255, 249, 232, 0.8) 100%),
|
||||||
url("1538075001_cu.jpg");
|
url("1538075001_cu.jpg");
|
||||||
background-size: cover, cover;
|
background-size: cover, cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user