/* ---------------------------------------- * Title : autoindex/css/basic.css * Environment : * Descriptions : --------------- * Date : 251009_211132 * Created by : Swami Nirav Atasa * sh R:/data/pub/web/anastasia/www/autoindex/css/basic.css * ---------------------------------------- */ /* style ::: font */ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* rem에서 r은 root, 즉 최상위 요소()의 font-size 속성값 */ /* rem:html{font-size} em:body{font-size} */ html { font-size: 16px; } /* --bs-body-font-size look up html{font-size} */ /* :root ::: place for define variables !!! */ :root { /* --bs-body-font-family: Georgia, "Times New Roman", Times, serif;*/ --bs-body-font-family: "Noto Serif KR", serif !important; --h-font-weight: 600; /* bold : 600 */ --bs-body-font-size: 1.0rem; --bs-body-line-height: 1.5; } /* body{--bs-body-font-size} look up :root{--bs-body-font-size} */ body { font-family: var(--bs-body-font-family); /* font-family: "Noto Serif KR", serif !important;*/ font-weight: 400; font-size: var(--bs-body-font-size); /* margin: 0;*/ /* padding: 1em;*/ } pre { font-family: var(--bs-body-font-family); /* font-family: "Noto Serif KR", serif !important;*/ font-weight: 400; font-size: var(--bs-body-font-size); } /* style ::: h, display */ h1, h2, h3, h4, h5, h6 { margin-top: 1.6rem; margin-bottom: 0.5rem; } p { margin-top: 0rem; } h1, h2, h3, h4, h5, h6 { font-weight: var(--h-font-weight); } .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 { font-weight: var(--h-font-weight); } .display-1 { font-size: 5.0rem;} .display-2 { font-size: 4.5rem;} .display-3 { font-size: 4.0rem;} .display-4 { font-size: 3.5rem;} .display-5 { font-size: 3.0rem;} .display-6 { font-size: 2.5rem;} h1 { font-size: 2.50rem;} h2 { font-size: 2.00rem;} h3 { font-size: 1.75rem;} h4 { font-size: 1.50rem;} h5 { font-size: 1.25rem;} h6 { font-size: 1.00rem;} h1 { color: #cb7e04;} h2 { color: #cb7e04;} h3 { color: #000000;} h4 { color: #000000;} h5 { color: #a1a1a1;} h6 { color: #000000;} h2 span { color: #000000;}