github/pelican-alchemy
1
0
Fork 1
mirror of https://github.com/nairobilug/pelican-alchemy.git synced 2024-12-30 12:15:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add missing HTML img alt attribute

Browse source 
Wrap content body in div

Add title class to titles

Show icons with the teaser metadata

Visual improvements
This commit is contained in:
Raymond Wanyoike 2016-11-30 21:46:02 +03:00
commit 8b0903ec8e
5 changed files with 63 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

59
alchemy/static/css/style.css
View file

@ -46,6 +46,7 @@ h4,
h5,
h6 {
font-family: Montserrat, 'Helvetica Neue', sans-serif;
font-weight: bold;
}
a {
@ -77,7 +78,7 @@ blockquote {
margin: 20px 0;
}
.header h1 {
.header .title {
font-size: 3em;
}
@ -132,40 +133,48 @@ blockquote {
border: 1px solid #ddd;
}
.teaser h4 {
.teaser header ul {
list-style: none;
padding-left: 0;
}
.teaser header li {
margin-bottom: 10px;
}
.teaser .title {
margin-top: 0;
line-height: 1.3;
}
.teaser p {
.teaser .content p {
margin-bottom: 0;
}
.teaser header div {
margin-bottom: 10px;
}
.article > ul,
.article > ol,
.article > p,
.article > blockquote,
.article > .highlight {
margin: 20px 0;
}
.article > h2 {
margin-top: 30px;
}
.article a {
text-decoration: underline
}
.article header ul {
margin-bottom: 10px;
margin-bottom: 0;
}
.article header li {
margin-bottom: 10px;
}
.article .content p {
margin: 25px 0;
}
.article .content a {
text-decoration: underline
}
@media (max-width: 768px) {
.teaser header ul {
margin-left: -5px;
}
.teaser header li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
}