421 lines
7.3 KiB
CSS
421 lines
7.3 KiB
CSS
@charset "UTF-8";
|
|
|
|
/*
|
|
Copyright © 2014-2023 Daniel Aleksandersen and others.
|
|
|
|
Permission is hereby granted, free of charge, to any
|
|
person obtaining a copy of this software and associated
|
|
documentation files (the "Software"), to deal in the
|
|
Software without restriction, including without limitation
|
|
the rights to use, copy, modify, merge, publish,
|
|
distribute, sublicense, and/or sell copies of the
|
|
Software, and to permit persons to whom the Software is
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice
|
|
shall be included in all copies or substantial portions of
|
|
the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY
|
|
KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
|
|
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
|
|
PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
|
|
OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
|
|
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
|
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
|
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
|
|
body {
|
|
color: #4F5151;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 17px;
|
|
line-height: 1.4;
|
|
padding: 1em;
|
|
}
|
|
|
|
#container {
|
|
margin: 1em auto;
|
|
max-width: 770px;
|
|
}
|
|
#menu ul,
|
|
#menu ul li,
|
|
.postpromonav .tags,
|
|
.postpromonav .tags li,
|
|
.pager,
|
|
.pager li,
|
|
#toptranslations ul,
|
|
#toptranslations ul li {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
#toptranslations ul {
|
|
display: inline;
|
|
}
|
|
|
|
#menu ul li,
|
|
#toptranslations ul li {
|
|
display: inline-block;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
#toptranslations h2 {
|
|
display: inline;
|
|
font-size: 1em;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
html[dir="rtl"] #menu ul li,
|
|
html[dir="rtl"] #toptranslations ul li,
|
|
html[dir="rtl"] #toptranslations h2 {
|
|
margin-left: 1.5em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#toptranslations {
|
|
text-align: right;
|
|
float: right;
|
|
}
|
|
|
|
html[dir="rtl"] #toptranslations {
|
|
text-align: left;
|
|
float: left;
|
|
}
|
|
|
|
.posttranslations h3, .translationslist h3 {
|
|
display: inline;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.entry-title {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.posttranslations h3:last-child, .translationslist h3:last-child {
|
|
display: none;
|
|
}
|
|
|
|
.postindex article {
|
|
border-bottom: 1px solid #4F5151;
|
|
padding-bottom: 1em;
|
|
}
|
|
#header {
|
|
border-bottom: 1px solid #4F5151;
|
|
}
|
|
#footer {
|
|
border-top: 1px solid #4F5151;
|
|
}
|
|
|
|
/* Tags */
|
|
.postpromonav {
|
|
border-bottom: 1px solid #4F5151;
|
|
border-top: 1px solid #4F5151;
|
|
margin-top: 1em;
|
|
padding: .5em 0;
|
|
}
|
|
.postpromonav .tags {
|
|
text-align: center;
|
|
}
|
|
.metadata p:before,
|
|
.postpromonav .tags li:before,
|
|
.postlist .listdate:after,
|
|
.translationslist p:before {
|
|
content: " — ";
|
|
}
|
|
.postlist li {
|
|
margin-bottom: .33em;
|
|
}
|
|
.byline a:not(:last-child):after {
|
|
content: ",";
|
|
}
|
|
|
|
/* Post and archive pagers */
|
|
.postindexpager .pager .next:before {
|
|
content: "↓ ";
|
|
}
|
|
.postindexpager .pager .previous:before,
|
|
.archivenav .pager .up:before {
|
|
content: "↑ ";
|
|
}
|
|
.postpromonav .pager .next:after,
|
|
.archivenav .pager .next:after {
|
|
content: " →";
|
|
}
|
|
html[dir="rtl"] .postpromonav .pager .previous:after,
|
|
html[dir="rtl"] .archivenav .pager .previous:after {
|
|
content: " →";
|
|
}
|
|
.postpromonav .pager .previous:before,
|
|
.archivenav .pager .previous:before {
|
|
content: "← ";
|
|
}
|
|
html[dir="rtl"] .postpromonav .pager .next:before,
|
|
html[dir="rtl"] .archivenav .pager .next:before {
|
|
content: "← ";
|
|
}
|
|
html[dir="rtl"] .postpromonav .pager .next:after,
|
|
html[dir="rtl"] .archivenav .pager .next:after,
|
|
html[dir="rtl"] .postpromonav .pager .previous:before,
|
|
html[dir="rtl"] .archivenav .pager .previous:before {
|
|
content: "";
|
|
}
|
|
.metadata p:first-of-type:before,
|
|
.postpromonav .tags li:first-of-type:before,
|
|
.translationslist p:first-of-type:before {
|
|
content: "";
|
|
}
|
|
.postpromonav .pager {
|
|
clear: both;
|
|
height: 1em;
|
|
}
|
|
.postpromonav .tags li,
|
|
.postpromonav .pager li,
|
|
.archivenav .pager li {
|
|
display: inline-block;
|
|
}
|
|
.archivenav .pager {
|
|
text-align: center
|
|
}
|
|
.postpromonav .pager .next,
|
|
.archivenav .pager .next {
|
|
float: right;
|
|
}
|
|
html[dir="rtl"] .postpromonav .pager .next,
|
|
html[dir="rtl"] .archivenav .pager .next {
|
|
float: left;
|
|
}
|
|
|
|
.postpromonav .pager .previous,
|
|
.archivenav .pager .previous {
|
|
float: left;
|
|
}
|
|
html[dir="rtl"] .postpromonav .pager .previous,
|
|
html[dir="rtl"] .archivenav .pager .previous {
|
|
float: right;
|
|
}
|
|
|
|
.archivenav .pager .disabled,
|
|
.archivenav .pager .disabled a,
|
|
.archivenav .pager .disabled:link {
|
|
color: #888;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.metadata p,
|
|
.translationslist p {
|
|
display: inline;
|
|
}
|
|
|
|
#brand {
|
|
font-size: 3em;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* Links */
|
|
:link {
|
|
color: #1168CC;
|
|
text-decoration: none;
|
|
}
|
|
:visited {
|
|
color: #6830BB;
|
|
}
|
|
:link:hover, :visited:hover {
|
|
color: #0d53a3;
|
|
}
|
|
|
|
#brand :link,
|
|
#brand :visited {
|
|
color: inherit;
|
|
}
|
|
|
|
/* Images */
|
|
img {
|
|
border: none;
|
|
line-height: 1;
|
|
}
|
|
|
|
.postpage img,
|
|
.postpage object,
|
|
.postindex article img,
|
|
.postindex article object {
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Comment helpers */
|
|
#disqus_thread {
|
|
min-height: 325px;
|
|
}
|
|
|
|
.breadcrumb {
|
|
padding: 8px 15px;
|
|
margin-bottom: 20px;
|
|
list-style: none;
|
|
}
|
|
|
|
.breadcrumb > li {
|
|
display: inline-block;
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.breadcrumb > li:after {
|
|
content: ' / ';
|
|
color: #888;
|
|
}
|
|
|
|
.breadcrumb > li:last-of-type:after {
|
|
content: '';
|
|
margin-left: 0;
|
|
}
|
|
|
|
.thumbnails {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.thumbnails > li {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.thumbnails > li:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
border: 0;
|
|
}
|
|
|
|
.sr-only-focusable:active,
|
|
.sr-only-focusable:focus {
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
margin: 0;
|
|
overflow: visible;
|
|
clip: auto;
|
|
}
|
|
|
|
pre.code, code {
|
|
white-space: pre-wrap;
|
|
word-wrap: normal;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* Set a minimum logo height to ensure .svg are displayed if there is no brand text (#3493) */
|
|
#logo {
|
|
min-height: 25px;
|
|
}
|
|
|
|
/* SOURCE: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
|
|
@media print {
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
background: transparent !important;
|
|
color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
font-family: Garamond, Junicode, serif;
|
|
}
|
|
|
|
body {
|
|
font-size: 12pt;
|
|
}
|
|
|
|
a,
|
|
a:visited {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a[href]:after {
|
|
content: " (" attr(href) ")";
|
|
}
|
|
|
|
abbr[title]:after {
|
|
content: " (" attr(title) ")";
|
|
}
|
|
|
|
/*
|
|
* Don't show links that are fragment identifiers,
|
|
* or use the `javascript:` pseudo protocol
|
|
*/
|
|
|
|
a[href^="#"]:after,
|
|
a[href^="data:"]:after,
|
|
a[href^="javascript:"]:after {
|
|
content: "";
|
|
}
|
|
|
|
pre,
|
|
blockquote {
|
|
border: 1px solid #999;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
/*
|
|
* Printing Tables:
|
|
* http://css-discuss.incutio.com/wiki/Printing_Tables
|
|
*/
|
|
|
|
thead {
|
|
display: table-header-group;
|
|
}
|
|
|
|
tr,
|
|
img {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
img {
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
p,
|
|
h2,
|
|
h3 {
|
|
orphans: 3;
|
|
widows: 3;
|
|
}
|
|
|
|
h2,
|
|
h3 {
|
|
page-break-after: avoid;
|
|
}
|
|
|
|
.hidden-print {
|
|
display: none !important;
|
|
}
|
|
|
|
article .entry-title a[href]:after,
|
|
article .metadata a[href]:after,
|
|
article .tags a[href]:after {
|
|
content: "";
|
|
}
|
|
|
|
article .metadata .sourceline {
|
|
display: none;
|
|
}
|
|
|
|
article .metadata .linkline a[href]:after {
|
|
content: " (" attr(href) ")";
|
|
}
|
|
|
|
#header {
|
|
display: none;
|
|
}
|
|
|
|
.postpromonav {
|
|
padding: 0;
|
|
}
|
|
}
|