ul.blog-page-list {
list-style: none;
}
ul.blog-page-list .blog-post {
font-size: 18pt;
}
ul.blog-page-list li {
margin-bottom: 2ex;
}
ul.blog-page-list time {
display: inline-block;
}
ul.blog-page-list .tag-list {
display: block;
}
.collapsible {
overflow:hidden;
border: 2px #1f1803 solid;
border-radius: 1ex;
}
.collapsible .toggle {
cursor: pointer;
}
.collapsible input.toggle {
display: none;
}
.collapsible label.toggle {
display: block;
border-radius: 0.8ex 0.8ex 0 0;
text-align: center;
padding: 0.5rem;
background: #eb3;
}
.collapsible label.toggle:hover {
background: #dca512;
}
.collapsible input.toggle + label.toggle:after {
display: block;
float: right;
font-size: small;
content: "[expand]";
}
.collapsible input.toggle:checked + label.toggle:after {
content: "[hide]";
}
.collapsible input.toggle:checked + label.toggle + .collapsible-content {
max-height: initial;
overflow: initial;
}
.collapsible .collapsible-content {
clear: both;
display: block;
overflow: scroll;
overflow-x: initial;
max-height: 8em;
max-width: 100%;
}
html, body {
font-family: sans-serif;
}
pre {
background: #ffe;
border: 1px solid #ccc;
border-radius: 3px;
padding: 0.5ex 1ex;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 2.5ex;
margin-right: 2.5ex;
overflow: auto;
text-align: initial !important;
}
pre, code, kbd, samp {
font-family: monospace;
}
blockquote {
border-left: 1ex solid #ddd;
padding-top: 0;
margin-left: 5ex;
margin-bottom: 1em;
margin-top: 1em;
padding-left: 1ex;
}
blockquote > :first-child {
margin-top: 0;
}
blockquote > :last-child {
margin-bottom: 0;
}
dl {
padding: 0;
margin: 1em 0;
margin-left: 2ex;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-left: 5ex;
}
dl dd + dt {
margin-top: 1em;
}
ul,
ol {
margin: 1em 0;
padding: 0;
padding-left: 7ex;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-top: 0;
margin-bottom: 0;
}
li {
margin: 0;
padding: 0;
}
hr {
width: 75%
}
.left {
float: left;
}
.right {
float: right;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center; }
html, body {
height: 100%;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.wrapper {
min-height: 100%;
padding: 0;
margin: 0;
}
footer[role="contentinfo"] {
clear: both;
position: relative;
display: block;
width: 100%;
height: 5em;
padding: 0;
margin: 0;
padding-top: 0.5em;
border-top: 1px solid black;
font-size: 80%;
text-align: center;
}
.footnote-bar {
position: fixed;
bottom: 0;
left: 0;
border-top: 1px solid black;
background: #f0f0f0;
margin: 0;
padding: 0;
max-height: 50%;
width: 100%;
z-index: 150;
overflow: auto;
}
.footnote-bar .footnote-bar-contents {
margin-top: 1ex;
margin-left: 2ex;
margin-right: 2ex;
}
.footnote-bar .footnote-bar-contents *:first-child {
margin-top: 0;
}
.footnote-bar::-webkit-scrollbar {
-webkit-appearance: visible;
width: 4px;
}
.footnote-bar::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: rgba(0,0,0,.5);
}
.footnote-bar .footnote-backref {
display: none;
}
header[role="banner"] {
display: block;
}
header[role="banner"] h1 {
float: left;
margin: 0;
padding: 0.25ex;
vertical-align: bottom;
border: none;
}
header[role="banner"] h1 a {
color: black;
}
header[role="banner"] nav {
float: right;
clear: right;
margin: 0;
padding: 0.5ex;
margin-top: 0.5ex;
}
header[role="banner"] nav a {
display: inline-block;
padding-left: 0.5ex;
padding-right: 0.5ex;
}
@media (max-width: 80ex) {
header[role="banner"] nav {
float: left;
clear: left;
font-size: 90%;
}
header[role="banner"] nav a {
padding-left: 0.25ex;
padding-right: 0.25ex;
}
}
header[role="banner"] a {
color: #00a;
}
.main {
clear: both;
border-top: 1px black solid;
}
h1,
h2,
h3 {
clear: both;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
h1 {
font-size: 28pt;
border-bottom: 1px solid #ccc;
}
h2 {
font-size: 24pt;
}
h3 {
font-size: 18pt;
}
h4 {
font-size: 16pt;
}
h5 {
font-size: 14pt;
}
h6 {
font-size: 14pt;
color: #999;
}
img {
max-width: 100%;
}
object[type="image/svg+xml"] {
max-width: 100%;
overflow: hidden;
}
figure {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 95%;
padding: 1ex;
border: 1px #000 solid;
border-radius: 2px;
}
figure.two-images,
figure.two-smaller {
width: 90%;
}
figure.two-images img {
max-width: 48%;
}
@media screen {
figure.two-images img {
min-width: 25em;
}
}
figure.two-smaller img {
width: 35%;
}
@media screen {
figure.two-smaller img {
min-width: 15em;
}
}
.figure-list {
display: block;
display: -ms-flex;
display: -moz-flex;
display: -webkit-flex;
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
.figure-list figure {
border: none;
-ms-flex: 1;
-moz-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.figure-list img {
max-width: initial !important;
vertical-align: bottom;
}
figcaption {
display: block;
text-align: center;
list-style-position: inside;
font-style: italic;
}
figcaption code {
display: inline-block;
}
a {
text-decoration: none;
color: #00f;
}
a:hover,
a:focus {
text-decoration: underline;
}
article a {
text-decoration: underline;
}
.tag-list a,
a.footnote-ref,
a.footnote-backref {
text-decoration: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: black;
text-decoration: none;
}
a.author {
font-weight: bold;
}
.main header {
margin-top: 2ex;
margin-bottom: 2ex;
}
.main header h1 {
margin: 0;
padding: 0;
font-weight: normal;
border-bottom: 1px dotted #ccc;
}
.main header h2 {
margin: 0;
padding: 0;
margin-top: 2ex;
}
.main header .date {
padding: 0;
font-size: 75%;
}
.main header .report-bug {
float: right;
font-size: 75%;
max-width: 40%;
}
.main header .report-bug a {
white-space: nowrap;
}
nav.site-tags-list,
nav#contents {
display: inline-block;
padding: 1ex;
margin-bottom: 1em;
background: #eee;
border: none;
-moz-border-radius: 0.5ex;
-webkit-border-radius: 0.5ex;
border-radius: 0.5ex;
}
nav.site-tags-list h1,
nav#contents h1 {
font-size: 18pt;
margin-top: 0;
margin-bottom: 1ex;
}
nav#contents ul {
padding-left: 2.5ex;
padding-top: 0;
margin: 0;
}
article .warning {
display: block;
margin-left: auto;
margin-right: auto;
padding: 3ex;
padding-top: 2ex;
padding-bottom: 1ex;
max-width: 90%;
background: #fee;
border: 4px #f00 solid;
}
article .warning h1,
article .warning h2,
article .warning h3 {
margin-top: 0;
}
article aside {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 1ex;
margin-bottom: 1ex;
max-width: 90%;
padding: 1ex;
padding-top: 0;
padding-bottom: 0;
background: #eef;
border: 2px #0000a2 solid;
}
article aside.right {
float: right;
width: 300px;
max-width: 95%;
padding: 1ex;
padding-top: 0;
padding-bottom: 0;
border: none;
}
article aside.right table {
width: 100%;
}
article .footnote {
margin-top: 3em;
}
ul.page-list li {
margin-bottom: 0.5ex;
}
ul.page-list time {
float: right;
color: #888
}
@media print {
header[role="banner"] nav {
display: none;
}
nav#contents,
a.back-to-top {
display: none;
}
}
main {
margin: 0 auto;
}
main.without-sidebar {
padding-left: 1em;
padding-right: 1em;
}
main.with-sidebar {
display: block;
display: -ms-flex;
display: -moz-flex;
display: -webkit-flex;
display: flex;
padding: 0;
margin: 0;
min-height: 100%;
}
main.with-sidebar > .sidebar {
margin: 0;
padding: 0;
padding-top: 1em;
padding-right: 1em;
background: #eee;
min-width: 15em;
-ms-flex: 1 0 15em;
-moz-flex: 1 0 15em;
-webkit-flex: 1 0 15em;
flex: 1 0 15em;
}
@media (max-width: 55em) {
main.with-sidebar > .sidebar {
display: none;
}
}
main.with-sidebar > article {
max-width: 95%;
-ms-flex: 5 1 40em;
-moz-flex: 5 1 40em;
-webkit-flex: 5 1 40em;
flex: 5 1 40em;
padding-left: 1em;
padding-right: 1em;
}
main.with-sidebar > article:after {
content: " ";
clear: both;
}
@media not screen {
main.with-sidebar > .sidebar {
display: none;
}
main.with-sidebar > article {
-ms-flex: none;
-moz-flex: none;
-webkit-flex: none;
flex: none;
}
}
table {
min-width: 50%;
margin: 1ex auto;
border-collapse: collapse;
border: 1px solid #ccc;
}
table tr {
background-color: #fcfcfc;
}
table tr:nth-child(2n) {
background-color: #f0f0f0;
}
table .odd {
background-color: #fcfcfc !important;
}
table .even {
background-color: #f0f0f0 !important;
}
table th {
font-weight: bold;
padding: 0.5ex 1ex;
background-color: #ddd;
border: 1px solid #ccc;
}
table tbody th {
text-align: left;
}
table td {
padding: 0.5ex 1ex;
border: 1px solid #ccc;
}
.tag-list {
list-style: none;
display: inline;
margin: 0;
padding-left: 0;
padding-right: 0;
}
.tag-list li {
display: inline;
margin-right: 2ex;
}
.tag-list a {
color: #888 !important;
}
nav.site-tags-list {
display: block;
}
.youarehere {
font-weight: bold;
}
table.register-cheatsheet {
border-collapse: collapse;
min-width: 100%;
table-layout: fixed;
text-align: center;
border: 1px solid #444;;
}
table.register-cheatsheet thead {
border-top: 1px solid #444;;
}
table.register-cheatsheet tr {
border-right: 1px solid #444;;
}
table.register-cheatsheet tr:last-child {
border-bottom: 1px solid #444;;
}
table.register-cheatsheet col.address {
border-left: 1px solid #444;;
border-right: 1px solid #aaa;;
}
table.register-cheatsheet col.timing,
table.register-cheatsheet col.register {
border-right: 1px solid #444;;
}
table.register-cheatsheet col.bits {
border: 1px solid #aaa;;
}
table.register-cheatsheet tr.reg {
border-top: 1px solid #444;;
}
table.register-cheatsheet tr.reg-bits {
border-top: 1px solid #aaa;;
}
table.register-cheatsheet tr {
background-color: unset !important;
}
table.register-cheatsheet th {
background-color: #eee;;
}
table.register-cheatsheet th,
table.register-cheatsheet td {
border: unset !important;
}
aside.register {
float: right;
width: 300px;
max-width: 95%;
margin: 0;
padding-top: 0;
padding-left: 2ex;
padding-right: 0;
padding-bottom: 1ex;
background: none;
border: none;
}
aside.register table {
width: 100%;
margin-top: 0;
}
table.register {
clear: both;
padding-right: 3ex;
text-align: center;
}
table.register th {
width: 10ex;
}
figure.fixed-width {
width: 70%;
}