Revert "Remove unnecessary page-header class and define style for header element instead"

This reverts commit 6cb8cf97a28888774d3151e577d53fd91a9ff543.

Problem is header is used in My Projects, About me and other headings
too. We do not want to use same style for all headers everywhere as it will create
visual confusion.

My point is main header on page that shows page title should not be used
any where else on the same page so that it remains visually distinct.

static/css/elegant.css

@@ -417,7 +417,7 @@ article div.article-content ul:not(.articles-timeline) a:hover {
 .article-content dt {
     font-size: inherit;
 }
-header h1 {
+.page-header h1 {
     border-bottom: 1px solid #8f8686;
     color: #8B0000;
     font-size: 3em;
@@ -425,13 +425,13 @@ header h1 {
     margin: 20px 0;
     padding: 5px 5px 15px;
 }
-header h1 small {
+.page-header h1 small {
     color: #8f7474;
 }
-header h1 a {
+.page-header h1 a {
     color: #8B0000;
 }
-header h1 a:hover, header h1 a:focus {
+.page-header h1 a:hover {
     text-decoration: none;
 }
 ul.articles-timeline {

templates/404.html

@@ -9,7 +9,7 @@ Page does not exist at {{ SITENAME|striptags }} blog.
 {% endblock head_description %}
 {% block content %}
 <div class="row-fluid">
-    <header class="span10 offset2">
+    <header class="page-header span10 offset2">
     <h1>That page doesn't exist!</h1>
     </header>
 </div>

templates/archives.html

@@ -11,7 +11,7 @@ Full archives of {{ SITENAME|striptags }} blog.
 {% block content %}
 
 <div class="row-fluid">
-    <header class="span10 offset2">
+    <header class="page-header span10 offset2">
     <h1><a href="{{ SITEURL }}/archives.html">All Posts</a></h1>
     </header>
 </div>

templates/article.html

@@ -19,7 +19,7 @@
 {% block content %}
 <article>
 <div class="row-fluid">
-    <header class="span10 offset2">
+    <header class="page-header span10 offset2">
     <h1><a href="{{ SITEURL }}/{{ article.url }}"> {{ article.title }} {%if article.subtitle %} <small> {{ article.subtitle }} </small> {% endif %} </a></h1>
     </header>
 </div>

templates/categories.html

@@ -15,7 +15,7 @@ All categories of the {{ SITENAME|striptags }} blog.
 
 {% block content %}
 <div class="row-fluid">
-    <header class="span10 offset2">
+    <header class="page-header span10 offset2">
     <h1><a href="{{ SITEURL }}/categories.html">All Categories</a></h1>
     </header>
 </div>

templates/index.html

@@ -7,7 +7,7 @@
 {% block content %}
 <div class="row-fluid">
     {% if LANDING_PAGE_ABOUT and LANDING_PAGE_ABOUT.title %}
-    <header class="span12">
+    <header class="page-header span12">
     <h1><a href="{{ SITEURL }}">{{ LANDING_PAGE_ABOUT.title }}</a></h1>
     </header>
     {% endif %}

templates/page.html

@@ -19,7 +19,7 @@
 {% block content %}
 <article>
 <div class="row-fluid">
-    <header class="span10 offset2">
+    <header class="page-header span10 offset2">
     <h1><a href="{{ SITEURL }}/{{ page.url }}"> {{ page.title }} {%if page.subtitle %} <small> {{ page.subtitle }} </small> {% endif %} </a></h1>
     </header>
 </div>

templates/tags.html

@@ -16,7 +16,7 @@ All tags used in the {{ SITENAME|striptags }} blog.
 {% block content %}
 
 <div class="row-fluid">
-    <header class="span10 offset2">
+    <header class="page-header span10 offset2">
     <h1><a href="{{ SITEURL }}/tags.html">All Tags</a></h1>
     </header>
 </div>