her.esy.fun/src/Scratch/files/styling.css

297 lines
4.9 KiB
CSS
Raw Normal View History

2021-04-18 10:23:24 +00:00
@charset "UTF-8";
/*
* I add this to html files generated with pandoc.
*/
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
body {
color: #444;
font-family: "Avenir Next", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.7;
padding: 1em;
margin: auto;
max-width: 42em;
background: #fefefe; }
a {
color: #e67e22;
text-decoration: none; }
a:visited {
color: #d35400; }
a:hover {
color: #e67e22;
text-decoration: underline; }
a:active {
color: #e67e22; }
a:focus {
outline: thin dotted; }
*::-moz-selection {
background: rgba(255, 255, 0, 0.3);
color: #000; }
*::selection {
background: rgba(255, 255, 0, 0.3);
color: #000; }
a::-moz-selection {
background: rgba(255, 255, 0, 0.3);
color: #0645ad; }
a::selection {
background: rgba(255, 255, 0, 0.3);
color: #0645ad; }
p {
margin: 1em 0; }
img {
max-width: 100%; }
h1, h2, h3, h4, h5, h6 {
color: #111;
line-height: 125%;
margin-top: 2em;
font-family: "Hoefler Text", Georgia, Times, serif; }
h4, h5, h6 {
font-weight: bold; }
h1 {
font-size: 2.5em; }
h2 {
font-size: 2em; }
h3 {
font-size: 1.5em; }
h4 {
font-size: 1.2em; }
h5 {
font-size: 1em; }
h6 {
font-size: 0.9em; }
blockquote {
color: #666666;
margin: 0;
padding-left: 3em;
border-left: 0.5em #EEE solid; }
hr {
display: block;
height: 2px;
border: 0;
border-top: 1px solid #aaa;
border-bottom: 1px solid #eee;
margin: 1em 0;
padding: 0; }
pre, code, kbd, samp {
color: #000;
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 0.98em;
background: #f0f0f0; }
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 1em 2em;
border-left: solid 4px #C6E5Fd;
border-bottom: solid 1px #CCC; }
b, strong {
font-weight: bold; }
dfn {
font-style: italic; }
ins {
background: #ff9;
color: #000;
text-decoration: none; }
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
ul, ol {
margin: 1em 0;
padding: 0 0 0 2em; }
li p:last-child {
margin-bottom: 0; }
ul ul, ol ol {
margin: .3em 0; }
dl {
margin-bottom: 1em; }
dt {
font-weight: bold;
margin-bottom: .8em; }
dd {
margin: 0 0 .8em 2em; }
dd:last-child {
margin-bottom: 0; }
img {
border: solid 1px #888;
-ms-interpolation-mode: bicubic;
vertical-align: middle; }
figure {
display: block;
text-align: center;
margin: 1em 0; }
figure img {
border: none;
margin: 0 auto; }
figcaption {
font-size: 0.8em;
font-style: italic;
margin: 0 0 .8em; }
table {
margin-bottom: 2em;
border-bottom: 1px solid;
border-top: 1px solid;
border-spacing: 0;
border-collapse: collapse;
width: 100%; }
table th {
padding: .2em 1em;
background-color: #eee;
border-bottom: 1px solid; }
table td {
padding: .2em 1em;
vertical-align: top; }
.author {
font-size: 1.2em;
text-align: center; }
@media only screen and (min-width: 480px) {
body {
font-size: 14px; } }
@media only screen and (min-width: 768px) {
body {
font-size: 16px; } }
@media print {
* {
background: transparent !important;
color: black !important;
filter: none !important;
-ms-filter: none !important; }
body {
font-size: 12pt;
max-width: 100%; }
a, a:visited {
text-decoration: underline; }
hr {
height: 1px;
border: 0;
border-bottom: 1px solid black; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""; }
pre, blockquote {
border: 1px solid #999;
padding-right: 1em;
page-break-inside: avoid; }
tr, img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page :left {
margin: 15mm 20mm 15mm 10mm; }
@page :right {
margin: 15mm 10mm 15mm 20mm; }
p, h2, h3 {
orphans: 3;
widows: 3; }
h2, h3 {
page-break-after: avoid; } }
#TOC ul {
overflow-x: hidden;
list-style: none; }
#TOC ul li a {
background: #fff; }
#TOC ul li:before {
float: left;
width: .7em;
white-space: nowrap;
content: "-   . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "; }
header {
text-align: center;
margin-bottom: 5em;
border-bottom: solid;
border-top: solid;
padding-top: 2em;
padding-bottom: 2em; }
header h1.title {
margin-top: 0; }
header .date {
font-size: 1em; }
.footnotes {
font-size: .9em; }
#footer {
font-size: 1.5em;
border-top: solid;
padding-top: 1em;
margin-top: 2em; }
/*# sourceMappingURL=styling.css.map */