personal-site/themes/theme/templates/style.css

331 lines
3.9 KiB
CSS
Raw Normal View History

2020-06-03 04:26:52 +00:00
html {
overflow-y: scroll;
}
2020-05-08 00:01:50 +00:00
body {
text-rendering: optimizeLegibility;
2020-05-09 22:17:01 +00:00
font: 1.2rem/1.0 Lato,sans-serif;
}
a {
text-decoration: none;
outline: none;
2020-05-08 00:01:50 +00:00
}
.info h1 {
font: 1.2rem/1.0 Lato,sans-serif;
}
.index h3 {
font: 1.2rem/1.5 Apparatus SIL,serif;
}
2021-04-28 08:49:34 +00:00
.source {
float: right;
font: 1rem/1.5 Apparatus SIL,serif;
2021-04-28 08:49:34 +00:00
}
pre {
font-size: 1rem;
padding: 1rem;
2021-04-09 05:01:11 +00:00
overflow-x: auto;
}
:not(pre)>code {
padding: 0 2px;
font-size: 0.9rem;
}
2020-05-08 00:01:50 +00:00
.container {
2020-05-09 22:17:01 +00:00
max-width: 56rem;
2021-04-09 01:11:55 +00:00
margin: 2rem auto 12rem auto;
}
.copyright {
font: 1rem/1.5 Apparatus SIL,serif;
text-align: center;
2020-05-08 00:01:50 +00:00
}
2020-11-02 05:05:25 +00:00
.theme-select {
font-size: 1rem;
margin-bottom: 0;
cursor: pointer;
}
2020-05-08 00:01:50 +00:00
.sidebar {
2020-05-09 22:17:01 +00:00
margin-top: 2px;
2020-05-08 00:01:50 +00:00
float: left;
width: 8rem;
text-align: right;
}
2020-08-27 20:30:43 +00:00
.sidebar .me {
2020-05-08 00:01:50 +00:00
width: 100%;
2020-05-09 22:17:01 +00:00
display: block;
}
2020-08-27 20:30:43 +00:00
.sidebar .info {
2020-05-30 01:43:06 +00:00
margin-top: 2rem;
2020-05-08 00:01:50 +00:00
}
2020-08-27 20:30:43 +00:00
.sidebar .contact-icons a {
border-bottom: none;
}
.sidebar .contact-icons img {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.5rem;
}
2020-05-08 00:01:50 +00:00
.topbar {
display: table;
overflow: auto;
margin: auto;
margin-top: -0.5rem;
font-size: 1.5rem;
}
.topbar .me {
float: left;
2020-11-02 05:05:25 +00:00
height: 6.5rem;
width: auto;
}
.topbar .info {
float: left;
margin-top: -0.25rem;
margin-left: 1.5rem;
}
.topbar .contact-icons {
margin-left: 0.25rem;
margin-bottom: 0;
}
.topbar .contact-icons a {
border-bottom: none;
}
.topbar .contact-icons img {
width: 1.5rem;
height: 1.5rem;
margin-right: 1rem;
2020-05-08 00:01:50 +00:00
}
2020-11-02 05:05:25 +00:00
.topbar .theme-select {
margin-top: 0.5rem;
}
2020-05-09 22:17:01 +00:00
.toc {
float: right;
padding: 0.75rem;
padding-top: 0;
margin-left: 0.75rem;
}
.toc ul {
padding-left: 1.2rem;
margin: 0;
2020-05-09 22:17:01 +00:00
}
.toc li {
margin-top: 0.75rem;
}
.content p.metadata {
font: 1rem/1.0 Apparatus SIL,serif;
font-style: italic;
}
.content div.summary p {
2020-06-03 04:26:52 +00:00
margin-top: -0.5rem;
margin-left: 1rem;
font-style: italic;
2020-05-09 22:17:01 +00:00
}
2020-05-08 00:01:50 +00:00
.content {
2020-05-09 22:17:01 +00:00
max-width: 36rem;
}
2021-04-09 05:17:51 +00:00
.content-wide {
max-width: none;
}
2020-05-09 22:17:01 +00:00
.content p {
font: 1.2rem/1.5 Apparatus SIL,serif;
}
2020-06-03 04:26:52 +00:00
.content ul {
2020-06-09 19:40:38 +00:00
padding-left: 1.1rem;
2020-06-03 04:26:52 +00:00
}
.content li {
font: 1.2rem/1.5 Apparatus SIL,serif;
2020-05-08 00:01:50 +00:00
}
.content img {
width: 100%;
height: auto;
}
2021-04-09 05:52:30 +00:00
.content .aside {
display: inline;
float: left;
position: relative;
width: 8rem;
margin-left: -9rem;
font-size: 1rem;
}
2021-04-27 01:14:09 +00:00
.toclink:not(:hover) {
border-bottom: none;
}
2020-05-09 22:17:01 +00:00
@media screen and (min-width:36rem) {
2020-05-08 00:01:50 +00:00
.content {
margin-left: 10rem;
}
.topbar {
display: none;
}
}
2020-05-09 22:17:01 +00:00
@media screen and (max-width:36rem) {
2020-05-08 00:01:50 +00:00
.sidebar {
display: none;
}
}
2020-06-09 19:40:38 +00:00
2020-11-02 05:05:25 +00:00
body {
background-color: #eee;
2020-11-02 05:05:25 +00:00
color: #000;
}
2020-11-02 05:05:25 +00:00
a {
color: #000;
border-bottom: 1px solid #000;
2020-06-09 19:40:38 +00:00
}
2020-11-02 05:05:25 +00:00
pre {
background-color: #ddd;
2020-11-02 05:05:25 +00:00
}
2021-04-09 05:01:11 +00:00
:not(pre)>code {
background-color: #ddd;
}
2020-11-02 05:05:25 +00:00
.toc {
background-color: #ddd;
2020-11-02 05:05:25 +00:00
}
.content p.metadata {
color: #555;
}
body.dark {
background-color: #000;
color: #eee;
2020-11-02 05:05:25 +00:00
}
body.dark a {
color: #eee;
border-bottom: 1px solid #eee;
2020-11-02 05:05:25 +00:00
}
body.dark pre {
background-color: #222;
}
2021-04-09 05:01:11 +00:00
body.dark :not(pre)>code {
background-color: #222;
}
2020-11-02 05:05:25 +00:00
body.dark .toc {
background-color: #222;
2020-06-09 19:40:38 +00:00
}
2020-11-02 05:05:25 +00:00
body.dark .content p.metadata {
color: #aaa;
2020-06-09 19:40:38 +00:00
}
2020-08-29 00:18:12 +00:00
2020-11-02 05:05:25 +00:00
body.dark .content img {
filter: brightness(75%);
}
body.dark .contact-icons img {
2020-08-29 00:18:12 +00:00
filter: invert(1);
}
2020-11-02 05:05:25 +00:00
@media (prefers-color-scheme: dark) {
body.light {
background-color: #eee;
2020-11-02 05:05:25 +00:00
color: #000;
}
body.light a {
color: #000;
border-bottom: 1px solid #000;
}
body.light pre {
background-color: #ddd;
2020-11-02 05:05:25 +00:00
}
2021-04-09 05:01:11 +00:00
body.light :not(pre)>code {
background-color: #ddd;
}
2020-11-02 05:05:25 +00:00
body.light .toc {
background-color: #ddd;
2020-11-02 05:05:25 +00:00
}
body.light .content p.metadata {
color: #555;
}
body.light .contact-icons img {
filter: none;
}
body.light .content img {
filter: none;
}
body {
background-color: #000;
color: #eee;
2020-11-02 05:05:25 +00:00
}
a {
color: #eee;
border-bottom: 1px solid #eee;
2020-11-02 05:05:25 +00:00
}
pre {
background-color: #222;
}
2021-04-09 05:01:11 +00:00
:not(pre)>code {
background-color: #222;
}
2020-11-02 05:05:25 +00:00
.toc {
background-color: #222;
}
.content p.metadata {
color: #aaa;
}
.content img {
filter: brightness(75%);
}
.contact-icons img {
filter: invert(1);
}
}