a slightly better mobile compatible

This commit is contained in:
Yann Esposito (Yogsototh) 2022-10-06 17:28:14 +02:00
parent cce2fa901d
commit 20ec6b1023
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
2 changed files with 8 additions and 4 deletions

View file

@ -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;}

View file

@ -40,6 +40,7 @@
</nav>
</header>
<main id="content">
<h2>Articles</h2>
$body$
<h3>Archives from my previous dead blog</h3>