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;}
|
||||
.abstract { font-style: italic; }
|
||||
.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;
|
||||
vertical-align: middle;
|
||||
|
@ -63,7 +67,6 @@ header, footer { text-align: center; }
|
|||
header { padding-top: 5px; max-width: 80ch; margin: 0 auto;}
|
||||
header > .content { padding-top: 0; text-align: left; }
|
||||
header > .content > h1 { padding: 0; margin: 0; text-align: left; }
|
||||
footer { padding: 1rem; }
|
||||
figure img { width: 100%; }
|
||||
|
||||
#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 > a { padding: 0.5em; }
|
||||
.footpara { display: inline; }
|
||||
footer { padding: 1em 0;
|
||||
footer { padding: 0;
|
||||
border-top: solid 1px;
|
||||
border-bottom: solid 1px;
|
||||
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;
|
||||
display: block;
|
||||
border: solid 1px;}
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h2>Articles</h2>
|
||||
$body$
|
||||
|
||||
<h3>Archives from my previous dead blog</h3>
|
||||
|
|
Loading…
Reference in a new issue