stuartl/tornado-news
1
0
Fork 0
mirror of https://github.com/sjlongland/tornado-news.git synced 2025-09-13 18:13:16 +10:00
Code Issues Releases Wiki Activity

example: Update example template and styling.

Browse Source
This commit is contained in:
Stuart Longland 2016-03-13 08:16:19 +10:00
parent 13b581fcc7
commit ccd08db986
Signed by: stuartl
GPG Key ID: 4DFA191410BDE3B7
2 changed files with 61 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
example/config.yml
View File

@ -38,7 +38,7 @@ html_templates:
entry: >
<div class="entry border">
<div class="entry header">
<h1 class="entry header title"><a href="{{link}}" name="{{anchor}}">[{{source}}] {{title}}</a></h1>
<h1 class="entry header title"><a href="{{link}}" name="{{anchor}}">[{{source}}] {% raw title %}</a></h1>
<p class="entry header meta">
<span class="entry header author">{{author}}</span>
<span class="entry header timestamp">{{updated_str}}</span>

64
example/style.css
View File

@ -1,15 +1,71 @@
body {
background-color: #000;
color: #fff;
};
font-family: "Linux Libertine", serif;
}
a {
color: #00f;
};
}
div.entry.border {
margin: 3em;
border: 1px solid #fff;
margin: 1em;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
background: #666;
}
div.entry.header {
margin: 1px;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding-top: 0px;
padding-bottom: 0px;
}
h1.entry.header.title {
margin: 0px;
}
p.entry.header.meta {
margin-top: 5px;
margin-bottom: 5px;
}
h1.entry.header.title a {
display: block;
border-top: 2px solid #ccc;
border-left: 2px solid #ccc;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
background-color: #999;
color: #000;
text-decoration: none;
}
h1.entry.header.title a:hover {
color: #00f;
}
h1.entry.header.title a:active {
border-top: 2px solid #666;
border-left: 2px solid #666;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
color: #00f;
}
div.entry.body {
border-top: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
background-color: #333;
color: #fff;
padding-left: 1em;
padding-right: 1em;
}