mirror of
https://github.com/86Box/86box.github.io.git
synced 2026-02-22 01:25:35 -07:00
108 lines
1.6 KiB
CSS
108 lines
1.6 KiB
CSS
/* Reduced stylesheet for printing on both retro and modern browsers. */
|
|
|
|
/* Global Defaults */
|
|
html {
|
|
font-family: "Source Code Pro", "Courier New", "Courier", monospace;
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
/* Page Layout */
|
|
header {
|
|
text-align: center;
|
|
}
|
|
img {
|
|
border: none;
|
|
}
|
|
img#icon {
|
|
height: 76px;
|
|
margin-right: 20pt;
|
|
}
|
|
nav {
|
|
display: none;
|
|
}
|
|
hero, main {
|
|
padding: 5pt 0pt;
|
|
}
|
|
footer, div#footer {
|
|
display: none;
|
|
}
|
|
|
|
/* Links */
|
|
a, a:visited {
|
|
color: #000080;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Blog */
|
|
p, ul, ol {
|
|
margin: 0.65em 0;
|
|
}
|
|
.image {
|
|
text-align: center;
|
|
}
|
|
img.heading {
|
|
max-width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
img.image {
|
|
max-width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
hr {
|
|
border-color: #808080;
|
|
width: 100%;
|
|
}
|
|
h1.blogpost, h2, h3 {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
h2.bloglist {
|
|
margin: 0.5em 0.33em 0 0;
|
|
margin-bottom: 0.33em;
|
|
}
|
|
span.emoji {
|
|
font-family: Tweemoji Mozilla; /* work around Windows' lack of flags where supported (Firefox) */
|
|
}
|
|
table {
|
|
border: 1px solid #808080;
|
|
}
|
|
th, td {
|
|
border: 1px solid #808080;
|
|
padding: 5px;
|
|
}
|
|
code {
|
|
font-size: 11pt;
|
|
color: #ffffff;
|
|
background: #404040 !important;
|
|
border-radius: 3pt;
|
|
padding-left: 3pt;
|
|
padding-right: 3pt;
|
|
-webkit-print-color-adjust: exact;
|
|
}
|
|
iframe {
|
|
display: block;
|
|
border: none;
|
|
}
|
|
iframe.youtube {
|
|
text-align: center;
|
|
margin: auto;
|
|
width: 640px;
|
|
height: 64px;
|
|
padding-bottom: 8pt;
|
|
}
|
|
button.ytp-button {
|
|
display: none;
|
|
}
|
|
|
|
/* Advanced features here, to avoid upsetting retro browsers. */
|
|
tr:nth-child(odd) {
|
|
background: #f0f0f0;
|
|
-webkit-print-color-adjust: exact;
|
|
}
|
|
div.td2nowrap > table > tbody > tr > td:nth-child(2) {
|
|
white-space: nowrap;
|
|
}
|