199 lines
2.8 KiB
CSS
199 lines
2.8 KiB
CSS
@import './common.css';
|
|
|
|
main {
|
|
padding: 2rem 0;
|
|
}
|
|
|
|
main>h1 {
|
|
font-size: 3rem;
|
|
line-height: 3rem;
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
max-width: 50rem;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
main>h1 {
|
|
font-size: 2rem;
|
|
line-height: 2rem;
|
|
}
|
|
}
|
|
|
|
main>.meta {
|
|
font-style: italic;
|
|
}
|
|
|
|
main>h1,
|
|
main>.meta {
|
|
text-align: center;
|
|
}
|
|
|
|
main>hr {
|
|
border: none;
|
|
height: 1px;
|
|
background-color: lightgray;
|
|
width: 3rem;
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
article {
|
|
width: 100%;
|
|
max-width: 42rem;
|
|
}
|
|
|
|
article p {
|
|
width: 100%;
|
|
}
|
|
|
|
article .secret-link {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
/* article .external-link:not(.secret-link)::after {
|
|
content: " " url('/public/icon/external-link.svg');
|
|
zoom: .6;
|
|
} */
|
|
|
|
main>h1,
|
|
main>.meta,
|
|
article>p,
|
|
article>h2,
|
|
article>h3,
|
|
article>h4,
|
|
article>h5,
|
|
article>h6,
|
|
article.asciidoctor .paragraph {
|
|
margin-left: 1rem;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.off {
|
|
padding: 1px 1rem;
|
|
background-color: rgba(0, 0, 0, 0.025);
|
|
border: 1px solid lightgray;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.hero {
|
|
text-align: center;
|
|
}
|
|
|
|
.hero big {
|
|
font-size: 2em;
|
|
}
|
|
|
|
blockquote {
|
|
width: calc(100% - 2rem - 2rem);
|
|
border-left: 5px solid lightgray;
|
|
padding: 1px 0;
|
|
padding-left: calc(2rem - 5px);
|
|
padding-right: 2rem;
|
|
margin-left: 0rem;
|
|
background-color: rgba(0, 0, 0, 0.025);
|
|
}
|
|
|
|
pre[class*="language-"],
|
|
pre.highlight {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
max-width: 100vw;
|
|
font-size: 1rem !important;
|
|
}
|
|
|
|
pre.highlight {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
padding: 1rem;
|
|
overflow: auto;
|
|
}
|
|
|
|
code {
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
/* padding: 0 0.25rem; */
|
|
}
|
|
|
|
.header-anchor {
|
|
opacity: 0;
|
|
}
|
|
|
|
h1:hover>.header-anchor,
|
|
h2:hover>.header-anchor,
|
|
h3:hover>.header-anchor,
|
|
h4:hover>.header-anchor,
|
|
h5:hover>.header-anchor,
|
|
h6:hover>.header-anchor {
|
|
opacity: 1;
|
|
}
|
|
|
|
details {
|
|
max-width: 100vw;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
details[open] .spoiler-content {
|
|
box-sizing: border-box;
|
|
padding: 1px 1rem;
|
|
background-color: rgba(0, 0, 0, 0.025);
|
|
}
|
|
|
|
summary {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
figure {
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
figure img {
|
|
width: 100%;
|
|
}
|
|
|
|
figcaption {
|
|
font-style: italic;
|
|
text-align: center;
|
|
}
|
|
|
|
article hr {
|
|
border: none;
|
|
height: 1px;
|
|
background-color: lightgray;
|
|
width: 3rem;
|
|
margin-top: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
nav.table-of-contents ol {
|
|
/* Would still begin from 1 on Chrome =( */
|
|
/* counter-reset: list-item 0; */
|
|
|
|
counter-reset: list-item -1;
|
|
counter-increment: list-item 1;
|
|
}
|
|
|
|
nav.table-of-contents ol li {
|
|
display: block;
|
|
counter-increment: list-item 1;
|
|
}
|
|
|
|
nav.table-of-contents ol li:before {
|
|
content: counters(list-item, '.') '. ';
|
|
}
|
|
|
|
.table-wrapper {
|
|
overflow-x: auto;
|
|
max-width: 100vw;
|
|
}
|
|
|
|
table {
|
|
border-spacing: 0;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
|
padding: 1rem;
|
|
}
|