settings

code:style.css

code:style.css

:root {

--background-color: rgba(37, 42, 48, 0.9);

}

brand icon を替へる

code:style.css

.navbar .project-home::before {

background-image: var(--project-image);

background-position: center;

background-repeat: no-repeat;

background-size: cover;

border-radius: 50%;

content: "";

display: inline-block;

height: 32px;

margin-right: 4px;

width: 32px;

}

背景

code:style.css

body {

background-image: linear-gradient(var(--background-color), var(--background-color)), var(--project-image);

}

navbar の透明感を上げる

code:style.css

.navbar { backdrop-filter: blur(3px); }

內容領域の橫幅を擴げる

code:style.css

grid-template-columns: 46px minmax(200px, 100%) min-content;

}

code:style.css

.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {

content: "\f35d";

display: inline-block;

font-family: "Font Awesome 5 Free";

font-weight: 900;

}

code:style.css

.deco-- img { opacity: 0.4; }

code を等幅 font に

code:style.css

code {

/*font-family: Monaco, monospace;*/

font-family: Courier New, Courier, monospace;

}

Windows でも正字を表示する

神視觀者內錄緣畫國會樂