small styling updated, print css fixes

This commit is contained in:
Peter Molnar 2019-01-05 11:56:12 +00:00
parent b6ade60807
commit b18df5fd3e
2 changed files with 25 additions and 9 deletions

View file

@ -4,7 +4,7 @@
} }
html, body { html, body {
font-size: 11pt !important; font-size: 10pt !important;
font-family: Helvetica, sans-serif !important; font-family: Helvetica, sans-serif !important;
} }
@ -24,7 +24,7 @@ h1, h2, h3, h4, h5, h6 {
h3, h3,
a, a,
.footnotes ol li a, .footnotes a,
.h-feed .h-entry, .h-feed .h-entry,
code, code,
pre { pre {
@ -43,10 +43,16 @@ td, th {
border: 1pt solid #666; border: 1pt solid #666;
} }
.footnote ol li a { .footnotes a {
display: block; display: block;
overflow: visible; overflow: visible;
white-space: normal; white-space: normal;
overflow:visible !important;
text-overflow:initial !important;
}
.footnote-back {
display: none;
} }
body > header, body > header,
@ -55,7 +61,7 @@ video,
audio, audio,
.footnote-backref, .footnote-backref,
.footnote-back, .footnote-back,
.donation, .encourage,
.noprint { .noprint {
display:none !important; display:none !important;
} }
@ -80,4 +86,4 @@ pre {
.h-feed .h-entry { .h-feed .h-entry {
page-break-after: always; page-break-after: always;
} }

View file

@ -4,6 +4,10 @@
box-sizing: border-box; box-sizing: border-box;
} }
html {
background-color: #111;
}
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -214,8 +218,6 @@ body > footer {
padding: 0.6em 0.6em; padding: 0.6em 0.6em;
background-color: #111; background-color: #111;
text-align: center; text-align: center;
/*background-color: #424747;
text-shadow: 1px 1px #222;*/
} }
body > header nav { body > header nav {
@ -316,6 +318,7 @@ body > footer nav {
margin: 1em 0; margin: 1em 0;
} }
.replies .u-url,
.footnotes a { .footnotes a {
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
@ -357,7 +360,8 @@ body > footer h2,
} }
@media all and (min-width: 58em) { @media all and (min-width: 58em) {
body > header > section, body > header > section,
body > footer > section { body > footer > section,
.grid {
text-align: left; text-align: left;
display: flex; display: flex;
justify-content:space-between; justify-content:space-between;
@ -372,6 +376,11 @@ body > footer h2,
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
} }
.grid iframe {
width: 32%;
height: 30em;
}
} }
body > img { body > img {
@ -380,4 +389,5 @@ body > img {
right: 0; right: 0;
width: 10em; width: 10em;
height: auto; height: auto;
} }