mirror of
https://github.com/boostorg/boostlook.git
synced 2026-01-19 04:02:14 +00:00
133 lines
2.6 KiB
CSS
133 lines
2.6 KiB
CSS
/*@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wdth,wght@0,87.5,100..900;1,87.5,100..900&display=swap";*/
|
|
/*@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wdth,wght@62.5,400..550&display=swap";*/
|
|
|
|
@font-face {
|
|
font-family: "Noto Sans Display";
|
|
src:
|
|
/*local('Noto Sans Display')*/
|
|
url('/_/fonts/NotoSansDisplay.ttf') format('truetype'),
|
|
,url('../../../../tools/boostlook/NotoSansDisplay.ttf') format('truetype')
|
|
;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-stretch: 87.5%;
|
|
}
|
|
@font-face {
|
|
font-family: "Noto Sans Display Italic";
|
|
src:
|
|
/*local('Noto Sans Display Italic')*/
|
|
url("/font/NotoSansDisplay-Italic.ttf") format("truetype")
|
|
,url("../../../../tools/boostlook/NotoSansDisplay-Italic.ttf") format("truetype")
|
|
;
|
|
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-stretch: 87.5%;
|
|
}
|
|
@font-face {
|
|
font-family: "Noto Sans Mono";
|
|
src:
|
|
/*local('Noto Sans Mono')*/
|
|
url("/_/boostlook/NotoSansMono.ttf") format("truetype"),
|
|
,url("../../../../tools/boostlook/NotoSansMono.ttf") format("truetype")
|
|
;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-stretch: 70%;
|
|
font-weight: 550;
|
|
}
|
|
/* css reset */
|
|
*, *::before, *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
* {
|
|
margin: 0;
|
|
}
|
|
body {
|
|
line-height: 1.5;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
img, picture, video, canvas, svg {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
input, button, textarea, select {
|
|
font: inherit;
|
|
}
|
|
em {
|
|
font-family: "Noto Sans Display Italic";
|
|
}
|
|
p, h1, h2, h3, h4, h5, h6 {
|
|
overflow-wrap: break-word;
|
|
}
|
|
#root, #__next {
|
|
isolation: isolate;
|
|
}
|
|
|
|
/*----*/
|
|
|
|
:root {
|
|
--color-cyan: rgb(0, 90, 156);
|
|
}
|
|
|
|
.doc {
|
|
font-family: "Noto Sans Display", serif;
|
|
}
|
|
|
|
.doc h1,
|
|
.doc h2,
|
|
.doc h3,
|
|
.doc h4,
|
|
.doc h5,
|
|
.doc h6 {
|
|
display: block;
|
|
line-height: 1;
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
font-weight: 650;
|
|
}
|
|
|
|
.doc h1 { font-size: 1.75em; }
|
|
.doc h2 { font-size: 1.5em; }
|
|
.doc h3 { font-size: 1.375em; }
|
|
.doc h4 { font-size: 1.25em; }
|
|
.doc h5 { font-size: 1.125em; }
|
|
.doc h6 { font-size: 1em; }
|
|
.doc p { margin: 1em 0em; }
|
|
.doc a {
|
|
color: var(--color-cyan);
|
|
text-decoration: none;
|
|
}
|
|
.doc a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.doc code {
|
|
font-family: "Noto Sans Mono", serif;
|
|
}
|
|
.doc pre {
|
|
font-family: "Noto Sans Mono", serif;
|
|
background-color: #f8f8f8;
|
|
margin: 1em;
|
|
padding: 1em;
|
|
border: 1px solid #e8e8e8;
|
|
}
|
|
.doc h6:has(+table)
|
|
{
|
|
margin-left: 1em;
|
|
}
|
|
.doc table {
|
|
border-collapse: collapse;
|
|
border: 1px solid #e8e8e8;
|
|
margin: 1em;
|
|
}
|
|
.doc th {
|
|
background-color: #f8f8f8;
|
|
text-align: left;
|
|
padding: 0.25em 0.55em;
|
|
font-weight: 550;
|
|
}
|
|
.doc td {
|
|
border: 1px solid #e8e8e8;
|
|
padding: 0.25em 0.55em;
|
|
}
|