Better adjustment of footer links in responsive mode, and decrease line height of body text

This commit is contained in:
Alex Cabal 2020-05-21 14:56:30 -05:00
parent 4e88ffd909
commit f7e3a5c39f
2 changed files with 57 additions and 2 deletions

View file

@ -134,9 +134,29 @@ require_once('Core.php');
<!-- <li> <!-- <li>
<p><a href="https://www.gutenberg.org/ebooks/78">Tarzan of the Apes</a> by Edgar Rice Burroughs</p> <p><a href="https://www.gutenberg.org/ebooks/78">Tarzan of the Apes</a> by Edgar Rice Burroughs</p>
</li> --> </li> -->
<li>
<p><a href="http://gutenberg.net.au/ebooks03/0301231h.html">The Three Hostages</a> by John Buchan</p>
</li>
<li>
<p><a href="https://www.gutenberg.org/ebooks/24">O Pioneers!</a> by Willa Cather</p>
</li>
</ul> </ul>
<h2>Moderate-difficulty productions</h2> <h2>Moderate-difficulty productions</h2>
<ul> <ul>
<li>
<p><a href="https://www.gutenberg.org/ebooks/589">Catronia</a> by Robert Louis Stevenson</p>
</li>
<li>
<p><a href="https://www.gutenberg.org/ebooks/372">Prince Otto</a> by Robert Louis Stevenson</p>
</li>
<li>
<p><a href="https://www.gutenberg.org/ebooks/32954">The Black Arrow</a> by Robert Louis Stevenson</p>
</li>
<li>
<p><a href="https://www.gutenberg.org/ebooks/864">The Master of Ballantrae</a> by Robert Louis Stevenson</p>
<li>
<p><a href="https://www.gutenberg.org/ebooks/44">The Song of the Lark</a> by Willa Cather</p>
</li>
<li> <li>
<p><a href="https://www.gutenberg.org/ebooks/3155">She</a> by H. Rider Haggard</p> <p><a href="https://www.gutenberg.org/ebooks/3155">She</a> by H. Rider Haggard</p>
</li> </li>

View file

@ -119,7 +119,7 @@ html{
-webkit-hyphens: auto; -webkit-hyphens: auto;
hyphens: auto; hyphens: auto;
font-size: 22px; font-size: 22px;
line-height: 1.5; line-height: 1.3;
/* fallback for ie */ /* fallback for ie */
background: #e9e7e0; background: #e9e7e0;
background: var(--body-bg); background: var(--body-bg);
@ -987,11 +987,16 @@ footer ul li{
text-transform: lowercase; text-transform: lowercase;
} }
footer ul li + li:before{ footer ul li::after{
content: '\2022'; content: '\2022';
margin: 0 10px; margin: 0 10px;
} }
footer ul li:last-child::after{
content: '';
display: none;
}
footer p{ footer p{
font-size: .6rem; font-size: .6rem;
} }
@ -1233,6 +1238,7 @@ p.no-results{
.us-pd-warning{ .us-pd-warning{
font-style: italic; font-style: italic;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem;
} }
input[type="search"]{ input[type="search"]{
@ -1388,6 +1394,16 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
margin: auto; margin: auto;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
footer ul li{
display: inline;
}
footer ul li:nth-child(3)::after{
content: "\A"; /* This is a line break */
white-space: pre;
margin: 0;
}
} }
@media(max-width: 680px){ @media(max-width: 680px){
@ -1521,6 +1537,12 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
article.ebook #history li time{ article.ebook #history li time{
text-align: left; text-align: left;
} }
footer ul li:nth-child(5)::after{
content: "\A"; /* This is a line break */
white-space: pre;
margin: 0;
}
} }
@media(max-width: 380px){ @media(max-width: 380px){
@ -1553,6 +1575,19 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
h1,h2,h3,h4,h5,h6,code,.ebook h1 + p{ h1,h2,h3,h4,h5,h6,code,.ebook h1 + p{
hyphens: auto; hyphens: auto;
} }
body > footer{
padding-top: 0;
}
footer ul li{
display: block;
margin: 1rem 0;
}
footer ul li::after{
display: none;
}
} }
@supports not(hyphens: auto){ @supports not(hyphens: auto){