css optimizations, uses some more html5 tags
diff --git a/static/css/style.less b/static/css/style.less
index 3d381ae..d33d9fb 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -21,13 +21,20 @@
text-decoration: none;
}
+hr {
+ color: @light-grey;
+ background-color: @light-grey;
+ height: 1px;
+ border: none;
+}
+
.border-radius (@radius: 5px) {
border-radius: @radius;
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
}
-section#sidebar {
+aside {
width: 25%;
height: 100%;
position: fixed;
@@ -35,25 +42,19 @@
left: 0;
border-right: @light-grey 1px solid;
- figure {
- margin: 0;
- padding: 60px 40px 0 40px;
- }
-
div#user_meta {
- width: 192px;
+ max-width: 192px;
margin: 0;
- padding: 0 40px 60px 40px;
+ padding: 40px;
+ font-family: 'PT Serif', serif;
h1 {
font-size: 30px;
- font-family: 'PT Serif', serif;
font-weight: normal;
}
h2 {
font-size: 12px;
- font-family: 'PT Serif', serif;
font-weight: normal;
}
@@ -64,7 +65,6 @@
li {
padding: 10px 0 10px 0;
- font-family: 'PT Serif', serif;
a {
color: @med-grey;
border: 2px solid @light-grey;
@@ -76,7 +76,7 @@
}
}
-section#posts {
+main {
width: 75%;
position: absolute;
top: 0;
@@ -84,55 +84,41 @@
overflow-x: hidden;
overflow-y: hidden;
- hr {
- color: @light-grey;
- background-color: @light-grey;
- height: 1px;
- border: none;
- }
-
header {
padding: 40px;
border-bottom: @light-grey 1px solid;
h3 {
font-size: 12px;
- color: @black;
text-transform: uppercase;
}
}
article {
padding: 40px;
- width: 768px;
+ max-width: 672px;
h1 {
- color: @black;
font-size: 24px;
}
h2 {
- color: @black;
font-size: 22px;
}
h3 {
- color: @black;
font-size: 20px;
}
h4 {
- color: @black;
font-size: 18px;
}
h5 {
- color: @black;
font-size: 16px;
}
h6 {
- color: @black;
font-size: 12px;
}
@@ -172,6 +158,8 @@
}
div#article_meta {
+ margin: 0;
+ padding: 0;
font-size: 10px;
color: @med-grey;
}
@@ -199,7 +187,6 @@
}
p#paginator {
- width: 768px;
}
}
}
diff --git a/templates/base.html b/templates/base.html
index a07a880..40f05e3 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -21,11 +21,9 @@
</head>
<body>
- <section id="sidebar">
- <figure>
- <a href="{{ SITEURL }}"><img src="{{ SITEURL }}/theme/images/gravatar_to192.png" alt="logo"></a>
- </figure>
+ <aside>
<div id="user_meta">
+ <a href="{{ SITEURL }}"><img src="{{ SITEURL }}/theme/images/gravatar_to192.png" alt="logo"></a>
<h1><a href="{{ SITEURL }}">{{ AUTHOR }}</a></h1>
<h2>{{ TAGLINE }}</h2>
<ul>
@@ -45,12 +43,12 @@
{% endfor %}
</ul>
</div>
- </section>
+ </aside>
- <section id="posts">
+ <main>
{% block content %}
{% endblock %}
- </section>
+ </main>
{% include "analytics.html" %}
</body>