dan
/
jekyll
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Downgrade default site template for Internet exploder 

Swap `<header>` and `<footer>` tags to `<div>`s, so we can support IE without the need for an html5 shim.
This commit is contained in:
Benjamin J. Balter 2013-05-05 14:28:58 -04:00
parent 11419868dc
commit 8ec08fceb6
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
lib/site_template/_layouts/default.html
View File

@ -17,14 +17,14 @@
<div class="container"> <div class="container">
<div class="site"> <div class="site">
<header> <div class="header">
<h1 class="title"><a href="/">{{ site.name }}</a></h1> <h1 class="title"><a href="/">{{ site.name }}</a></h1>
<a class="extra" href="/">home</a> <a class="extra" href="/">home</a>
</header> </div>
{{ content }} {{ content }}
<footer> <div class="footer">
<div class="contact"> <div class="contact">
<p> <p>
Your Name<br /> Your Name<br />
@ -38,7 +38,7 @@
<a href="http://twitter.com/yourusername/">twitter.com/yourusername</a><br /> <a href="http://twitter.com/yourusername/">twitter.com/yourusername</a><br />
</p> </p>
</div> </div>
</footer> </div>
</div> <!-- /container --> </div> <!-- /container -->

22
lib/site_template/css/main.css
View File

@ -82,30 +82,30 @@ ul.posts span {
line-height: 1.5em; line-height: 1.5em;
} }
.site header a { .site .header a {
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
} }
.site header h1.title { .site .header h1.title {
display: inline-block; display: inline-block;
margin-bottom: 2em; margin-bottom: 2em;
} }
.site header h1.title a { .site .header h1.title a {
color: #a00; color: #a00;
} }
.site header h1.title a:hover { .site .header h1.title a:hover {
color: #000; color: #000;
} }
.site header a.extra { .site .header a.extra {
color: #aaa; color: #aaa;
margin-left: 1em; margin-left: 1em;
} }
.site header a.extra:hover { .site .header a.extra:hover {
color: #000; color: #000;
} }
@ -113,7 +113,7 @@ ul.posts span {
color: #aaa; color: #aaa;
} }
.site footer { .site .footer {
font-size: 80%; font-size: 80%;
color: #666; color: #666;
border-top: 4px solid #eee; border-top: 4px solid #eee;
@ -121,22 +121,22 @@ ul.posts span {
overflow: hidden; overflow: hidden;
} }
.site footer .contact { .site .footer .contact {
float: left; float: left;
margin-right: 3em; margin-right: 3em;
} }
.site footer .contact a { .site .footer .contact a {
color: #8085C1; color: #8085C1;
} }
.site footer .rss { .site .footer .rss {
margin-top: 1.1em; margin-top: 1.1em;
margin-right: -.2em; margin-right: -.2em;
float: right; float: right;
} }
.site footer .rss img { .site .footer .rss img {
border: 0; border: 0;
} }