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.
171 lines
2.0 KiB
171 lines
2.0 KiB
body { |
|
text-rendering: optimizeLegibility; |
|
font: 1rem/1.3 sans-serif; |
|
color: #000000; |
|
margin-bottom: 100vh; |
|
} |
|
|
|
a { |
|
color: #000000; |
|
text-decoration: none; |
|
outline: none; |
|
} |
|
|
|
input { |
|
font-size: 1.05rem; |
|
background-color: transparent; |
|
border: 1px solid #828282; |
|
padding: 6px; |
|
border-radius: 4px; |
|
} |
|
|
|
.container { |
|
margin: 1rem auto; |
|
max-width: 64rem; |
|
} |
|
|
|
.menu { |
|
font-size: 1.1rem; |
|
padding: 0 1rem; |
|
} |
|
|
|
.slogan { |
|
color: #828282; |
|
} |
|
|
|
.theme { |
|
float: right; |
|
} |
|
|
|
.item { |
|
display: table; |
|
color: #828282; |
|
margin-bottom: 0.6rem; |
|
} |
|
|
|
.item .source-logo { |
|
width: 0.9rem; |
|
height: 0.9rem; |
|
} |
|
|
|
.item a { |
|
color: #828282; |
|
} |
|
.item a:hover { |
|
text-decoration: underline; |
|
} |
|
|
|
.item .num { |
|
display: table-cell; |
|
width: 2em; |
|
} |
|
|
|
.item a.link { |
|
font-size: 1.1rem; |
|
color: #000000; |
|
} |
|
.item a.link:visited { |
|
color: #828282; |
|
} |
|
.item a.link:hover { |
|
text-decoration: none; |
|
} |
|
|
|
span.source { |
|
margin-left: 0.4rem; |
|
} |
|
|
|
.item .info a.hot { |
|
color: #444444; |
|
} |
|
|
|
.article { |
|
padding-bottom: 3rem; |
|
} |
|
|
|
.article-container { |
|
margin: 1rem auto; |
|
max-width: 38rem; |
|
} |
|
|
|
.article a { |
|
border-bottom: 1px solid #222222; |
|
} |
|
|
|
.article h1 { |
|
font-size: 1.6rem; |
|
} |
|
|
|
.article h2 { |
|
font-size: 1.4rem; |
|
} |
|
|
|
.article h3, .article h4 { |
|
font-size: 1.3rem; |
|
} |
|
|
|
.article img { |
|
width: 100%; |
|
height: auto; |
|
} |
|
|
|
.article figure, .article video { |
|
width: 100%; |
|
height: auto; |
|
margin: 0; |
|
} |
|
|
|
.article iframe { |
|
width: 100%; |
|
margin: 0; |
|
} |
|
|
|
.article .info { |
|
color: #828282; |
|
} |
|
|
|
.article .info a { |
|
border-bottom: none; |
|
color: #828282; |
|
} |
|
.article .info a:hover { |
|
text-decoration: underline; |
|
} |
|
|
|
.story-text { |
|
font: 1.2rem/1.5 'Apparatus SIL', sans-serif; |
|
margin-top: 1em; |
|
} |
|
|
|
.comments { |
|
margin-left: -1.25rem; |
|
} |
|
|
|
.comment { |
|
padding-left: 1.25rem; |
|
} |
|
|
|
.comment.lined { |
|
border-left: 1px solid #cccccc; |
|
} |
|
|
|
.comment .text { |
|
margin-top: -0.5rem; |
|
} |
|
|
|
.toggleDot { |
|
position: fixed; |
|
bottom: 1rem; |
|
left: 1rem; |
|
height: 3rem; |
|
width: 3rem; |
|
background-color: #828282; |
|
border-radius: 50%; |
|
} |
|
|
|
.toggleDot .button { |
|
font: 3rem/1 serif; |
|
position: relative; |
|
top: 0.1rem; |
|
left: 0.1rem; |
|
}
|
|
|