bibi/src/styles/kiita.css

211 行
2.2 KiB
CSS

/* Kiita Style, 2024-01-04 */
html, body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
br, cite, code, em, hr, kbd, samp, strong, var,
a,
dl, dt, dd, ol, ul, li,
img
{
font-size: 100%;
font-style: normal;
font-weight: inherit;
margin: 0;
padding: 0;
}
html
{
border-bottom: 395px solid #2f3232;
background: #f5f6f6;
padding: 48px 16px 64px 10%;
}
body
{
background: #fff;
border: thin solid #fff;
border-radius: 8px;
box-sizing: border-box;
color: #212121;
font-size: 1.0625em;
line-height: 1.7;
max-width: 820px;
padding: 31px 55px 31px;
}
body > :first-child
{
padding-top: 0;
}
h1, h2, h3, h4, h5, h6, hr
{
border-color: #e0e0e0;
border-style: solid;
border-width: 0;
font-weight: bold;
margin-bottom: 16px;
}
h1, h2
{
border-width: 0 0 thin;
line-height: 1.4;
padding: 48px 0 4px;
}
h1
{
font-size: 1.65em;
}
h2
{
font-size: 1.53em;
padding-top: 48px;
}
h3, h4
{
line-height: 1.6;
padding-top: 24px;
}
h3
{
font-size: 1.29em;
}
h4
{
font-size: 1.06em;
}
h5, h6
{
font-size: 0.94em;
line-height: 1.8;
margin-top: 16px;
}
h6
{
font-style: italic;
}
blockquote, dl, ul, ol, p, pre
{
margin-bottom: 16px;
}
blockquote
{
border-left: thick solid #dfe0e0;
background: none;
color: #666;
padding-left: 0.94em;
}
dt
{
font-weight: bold;
}
dd
{
padding-left: 32px;
}
ol, ul
{
padding-left: 1.5em;
}
hr
{
border-width: 0 0 thin;
padding-top: 1px; /* NetSurf */
}
pre,
pre code
{
background: #1d2020;
color: #e3e3e3;
padding: 0;
font-size: 100%;
}
pre
{
border: thin solid #1d2020;
border-radius: 8px;
padding: 15px;
font-size: 0.88em;
}
body > pre
{
margin-left: -16px;
margin-right: -16px;
}
code
{
font-size: 0.88em;
background: #ebebeb;
border-radius: 4px;
color: #212121;
padding: 1px 4px;
}
pre kbd
{
background: none;
color: #ebd247;
}
pre var
{
background: none;
color: #8bdf4c;
font-style: normal;
}
address,
cite, em, var
{
font-style: italic;
}
strong
{
font-weight: bold;
}
a
{
background: none;
color: #287100;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
a:visited
{
background: none;
color: #681da8;
}
img
{
border: thin solid #e0e0e0;
font-style: italic;
vertical-align: bottom;
}