You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
266 lines
4.0 KiB
266 lines
4.0 KiB
|
|
:root { |
|
--primary-fg: black; |
|
--primary-bg: white; |
|
--primary-link: #0066cc; |
|
--secondary-bg: #eee; |
|
--borders: #bbb; |
|
} |
|
|
|
|
|
|
|
|
|
code { |
|
white-space: pre-wrap; |
|
background: var(--secondary-bg); |
|
border-color: var(--secondary-bg); |
|
border-radius: 6px; |
|
border-style: solid; |
|
border-left-width: 4px; |
|
border-right-width: 4px; |
|
border-top-width:1px; |
|
border-bottom-width:1px; |
|
} |
|
|
|
a { |
|
} |
|
|
|
.title { |
|
margin-top:18px; |
|
} |
|
|
|
div.sourceCode { |
|
background: var(--secondary-bg); |
|
border-radius: 7px; |
|
} |
|
|
|
pre code { |
|
border-style: none; |
|
background: none; |
|
} |
|
|
|
code { |
|
font-family: 'Bitstream Vera Sans Mono', 'Monospace', monospace; |
|
} |
|
|
|
pre { |
|
font-family: 'Bitstream Vera Sans Mono', 'Monospace', monospace; |
|
background: var(--secondary-bg); |
|
border-radius:6px; |
|
padding: 0.7em; |
|
} |
|
|
|
span.smallcaps { |
|
font-variant: small-caps; |
|
} span.underline { |
|
text-decoration: underline; |
|
} |
|
div.column { |
|
display: inline-block; |
|
vertical-align: top; |
|
width: 50%; |
|
} |
|
|
|
dl { |
|
padding-left:1.5em; |
|
} |
|
|
|
dl dt { |
|
font-size:0.6em; |
|
font-weight:400; |
|
} |
|
|
|
dl dd { |
|
margin-bottom:0.7em; |
|
|
|
margin-left:0px; |
|
|
|
} |
|
|
|
dl dd a { |
|
color:var(--primary-fg); |
|
} |
|
|
|
body { |
|
font-family: 'Bitrstream Vera Sans', Helvetica Neue, Helvetica, sans-serif, sans; |
|
font-size: 18px; |
|
color:var(--primary-fg); |
|
background:var(--primary-bg); |
|
} |
|
|
|
|
|
body .main_page p { |
|
line-height:1.3em; |
|
} |
|
|
|
.main_page li { |
|
margin-top:0.3em; |
|
margin-bottom:0.3em; |
|
} |
|
|
|
img { |
|
margin: auto; |
|
max-width: 90%; |
|
display: block; |
|
} |
|
dd { |
|
margin-top: 5px; |
|
margin-bottom: 7px; |
|
} |
|
h1 { |
|
margin-bottom: 10px; |
|
margin-top: 10px; |
|
} |
|
|
|
h1, h2, h3, h4, h5, h6 { |
|
font-weight:400; |
|
} |
|
|
|
|
|
a { |
|
color: var(--primary-link); |
|
} |
|
|
|
|
|
div.main_page { |
|
padding-top: 0; |
|
} |
|
|
|
hr { |
|
border-style: solid; |
|
color: var(--borders); |
|
border-width:0.1em; |
|
} |
|
pre.numberSource { |
|
margin-left: 4; |
|
} |
|
|
|
q { |
|
quotes: "“" "”" "‘" "’"; |
|
} |
|
|
|
|
|
.grid-container { |
|
display: grid; |
|
grid-template-columns: 2fr 3fr 3fr 4fr; |
|
grid-template-rows: 0.5fr repeat(0.5, 1fr); |
|
gap: 1px 1px; |
|
grid-template-areas: "header_group header_group header_group header_group" "menu_group main_page main_page table_of_contents" "menu_group main_page main_page table_of_contents"; |
|
} |
|
|
|
.header_group { grid-area: header_group; } |
|
|
|
.menu_group { |
|
grid-area: menu_group; |
|
position:fixed; |
|
} |
|
|
|
.table_of_contents { |
|
grid-area: table_of_contents; |
|
max-width: 100%; |
|
} |
|
|
|
.main_page { |
|
grid-area: main_page; |
|
max-width:100%; |
|
} |
|
|
|
.menu_item { |
|
display:block; |
|
padding:5px; |
|
display: flex; |
|
justify-content: space-between; |
|
} |
|
|
|
|
|
@media (max-width: 1200px) { |
|
.grid-container { |
|
display: grid; |
|
gap: 1px 1px; |
|
grid-template-areas: "header_group header_group header_group header_group" "menu_group menu_group menu_group menu_group " "table_of_contents table_of_contents table_of_contents table_of_contents" "main_page main_page main_page main_page"; |
|
padding-left:10px; |
|
padding-right:10px; |
|
max-width: 45em; |
|
margin:auto; |
|
} |
|
.menu_item { |
|
display:inline-block; |
|
} |
|
|
|
.menu_group { |
|
position:inherit; |
|
} |
|
|
|
.menu_group ul { |
|
padding:0; |
|
} |
|
|
|
.title { |
|
margin-top:10px; |
|
} |
|
} |
|
|
|
|
|
|
|
|
|
|
|
blockquote { |
|
border-left: var(--borders); |
|
border-left-style: solid; |
|
border-left-width: 0.2em; |
|
padding:0.6em; |
|
padding-left:1em; |
|
} |
|
|
|
blockquote p { |
|
margin:0px; |
|
} |
|
|
|
|
|
|
|
tr:nth-child(even) {background-color: var(--secondary-bg);} |
|
|
|
table { |
|
border-collapse: collapse; |
|
overflow:auto; |
|
width:100%; |
|
} |
|
|
|
.header th { |
|
|
|
text-align: left; |
|
border-bottom-style:solid; |
|
border-left:none; |
|
border-right:none; |
|
|
|
border-bottom-width:1px; |
|
} |
|
|
|
td { |
|
padding:5px; |
|
} |
|
|
|
|
|
.date { |
|
font-size:0.85em; |
|
} |
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) { |
|
:root { |
|
--primary-fg: white; |
|
--primary-link: #90e0ff; |
|
--primary-bg: black; |
|
--secondary-bg: #222; |
|
--borders: #bbb; |
|
} |
|
|
|
|
|
dl dt { |
|
font-size:0.6em; |
|
font-weight:400; |
|
} |
|
|
|
} |
|
|
|
|