standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-21 14:55:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add newsletter link to footer

Browse source
This commit is contained in:
Alex Cabal 2021-01-06 16:23:22 -06:00
parent 46265b9c5a
commit b46d88d8c2
4 changed files with 95 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

69
www/css/core.css
View file

@ -1111,7 +1111,15 @@ footer ul li:last-child::after{
display: none;
}
footer p{
footer > p:first-child{
line-height: 1;
white-space: normal;
hyphens: none;
margin: 0 1rem 1rem 1rem;
text-transform: lowercase;
}
footer ul ~ p{
font-size: .6rem;
}
@ -1423,7 +1431,6 @@ p.no-results{
}
/* remove some styles from Chromium / Webkit */
input[type="search"],
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance: none;
@ -1434,41 +1441,46 @@ input::placeholder{
color: rgba(0, 0, 0, .75);
}
select{
-webkit-appearance: none;
appearance: none;
font-size: 1rem;
font-family: "ForkAwesome", "Crimson Pro";
color: var(--body-text);
background: rgba(0, 0, 0, .1);
border-radius: 5px;
border: 1px solid var(--input-border);
padding: 1rem;
padding-right: 2rem;
line-height: 1.4rem;
label.email,
label.search{
display: block;
}
select,
input[type="text"],
input[type="email"],
input[type="search"]{
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
width: 100%;
background: rgba(0, 0, 0, .1);
background: rgba(0, 0, 0, .05);
border-radius: 5px;
border: 1px solid var(--input-border);
display: flex;
align-items: center;
padding: 1rem;
padding-left: 2.5rem;
color: inherit;
font-size: 1rem;
font-family: "Crimson Pro";
color: var(--body-text);
line-height: 1.4;
box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
}
select,
input[type="search"]{
box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
label[class] input{
padding-left: 2.5rem;
}
select{
font-family: "ForkAwesome", "Crimson Pro";
padding-left: 1rem;
padding-right: 2rem;
display: block;
}
select[multiple]{
padding: 1rem;
}
label.select > span{
@ -1529,6 +1541,8 @@ nav li.highlighted a,
nav a[rel],
a.button,
button,
input[type="text"],
input[type="email"],
input[type="search"],
select{
transition: border-color .5s, background-color .5s;
@ -1541,12 +1555,16 @@ button:hover{
transition: none;
}
input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="search"]:focus,
input[type="search"]:hover,
select:focus,
select:hover{
border-color: var(--input-outline);
background: rgba(0, 0, 0, .15);
background: rgba(0, 0, 0, .1);
transition: none;
}
@ -1554,6 +1572,11 @@ select[multiple] option:last-child{
margin-bottom: 1rem; /* needed for firefox */
}
select[multiple] option:checked{
/* We have to use this method to set the bg color because browsers override background-color with !important */
background-image: linear-gradient(0deg, var(--button) 0%, var(--button) 100%);
}
form[action="/settings"]{
margin: 0 1rem;
}
@ -2358,7 +2381,11 @@ article.ebook section aside.donation p::after{
}
body > footer{
padding-top: 0;
padding-top: 1rem;
}
body > footer > p:first-child{
line-height: 1.4;
}
footer ul li{

3
www/css/dark.css
View file

@ -53,8 +53,11 @@ article.ebook section aside.donation{
}
select,
input[type="text"],
input[type="email"],
input[type="search"]{
box-shadow: 1px 1px 0 rgba(0, 0, 0, .5) inset;
background: rgba(0, 0, 0, .1);
}
input::placeholder{