a slightly better mobile compatible
This commit is contained in:
parent
cce2fa901d
commit
20ec6b1023
|
@ -32,7 +32,11 @@ hr { opacity: 0.3; }
|
||||||
.notes { border: dotted 1px; padding: 1em 2em;}
|
.notes { border: dotted 1px; padding: 1em 2em;}
|
||||||
.abstract { font-style: italic; }
|
.abstract { font-style: italic; }
|
||||||
.post-title { display: inline-block; min-width: 18em; }
|
.post-title { display: inline-block; min-width: 18em; }
|
||||||
.post-title > a { display: inline-block; padding: 0.5em; min-width: 100%; }
|
.post-title > a { display: inline-block; min-width: 100%; }
|
||||||
|
|
||||||
|
@media only screen and (max-width: 640px) {
|
||||||
|
.post-title > a { padding: 0.5em; }
|
||||||
|
}
|
||||||
|
|
||||||
#logo { display: block;
|
#logo { display: block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
@ -63,7 +67,6 @@ header, footer { text-align: center; }
|
||||||
header { padding-top: 5px; max-width: 80ch; margin: 0 auto;}
|
header { padding-top: 5px; max-width: 80ch; margin: 0 auto;}
|
||||||
header > .content { padding-top: 0; text-align: left; }
|
header > .content { padding-top: 0; text-align: left; }
|
||||||
header > .content > h1 { padding: 0; margin: 0; text-align: left; }
|
header > .content > h1 { padding: 0; margin: 0; text-align: left; }
|
||||||
footer { padding: 1rem; }
|
|
||||||
figure img { width: 100%; }
|
figure img { width: 100%; }
|
||||||
|
|
||||||
#logo svg:hover .e { fill: rgba(255,255,255,0.5); }
|
#logo svg:hover .e { fill: rgba(255,255,255,0.5); }
|
||||||
|
@ -85,12 +88,12 @@ sub { top: 0.4em; }
|
||||||
.footdef > sup { vertical-align: top; font-size: medium; }
|
.footdef > sup { vertical-align: top; font-size: medium; }
|
||||||
.footdef > sup > a { padding: 0.5em; }
|
.footdef > sup > a { padding: 0.5em; }
|
||||||
.footpara { display: inline; }
|
.footpara { display: inline; }
|
||||||
footer { padding: 1em 0;
|
footer { padding: 0;
|
||||||
border-top: solid 1px;
|
border-top: solid 1px;
|
||||||
border-bottom: solid 1px;
|
border-bottom: solid 1px;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
font-size: 0.875em;
|
|
||||||
}
|
}
|
||||||
|
footer > .content { margin: 0; padding: 0; }
|
||||||
table { margin: 1rem 0; line-height: 1em; max-width: 100%; overflow: scroll;
|
table { margin: 1rem 0; line-height: 1em; max-width: 100%; overflow: scroll;
|
||||||
display: block;
|
display: block;
|
||||||
border: solid 1px;}
|
border: solid 1px;}
|
||||||
|
|
|
@ -40,6 +40,7 @@
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main id="content">
|
<main id="content">
|
||||||
|
<h2>Articles</h2>
|
||||||
$body$
|
$body$
|
||||||
|
|
||||||
<h3>Archives from my previous dead blog</h3>
|
<h3>Archives from my previous dead blog</h3>
|
||||||
|
|
Loading…
Reference in a new issue