Adds style to footer

static/css/style.css

@@ -1,3 +1,30 @@
+/* footer */
+
+div#footer {
+    margin:0px;
+    border-top:1px solid rgba(0,0,0,0.2);
+    padding:2px 5px 0px 5px;
+}
+
+ul.footer-content{
+    list-style:none;
+    padding:0px;
+    margin:0px;
+}
+
+ul.footer-content li.elegant-power {
+    float:right;
+}
+
+ul.footer-content li.elegant-license {
+    float:left;
+}
+
+div#site-subtitle {
+    text-align:center;
+    padding-top:10px;
+}
+
 /* comment */
 
 #comment-message {

templates/footer.html

@@ -1,11 +1,13 @@
 <footer>
-<div>
-    <ul class="articles_timeline">
+<div class="navbar navbar-fixed-bottom" id="footer">
+    <ul class="footer-content">
         {% if ELEGANT_LICENSE %}
-        <li class="previous_article">{{ ELEGANT_LICENSE }}</li>
+        <li class="elegant-license">{{ ELEGANT_LICENSE }}</li>
+        {% endif %}
+        <li class="elegant-power">Powered by <a href="http://getpelican.com/" title="Pelican Home Page">Pelican</a> and <a href="https://github.com/talha131/pelican-elegant" title="Elegant theme Home Page">Elegant theme</a> by <a href="http://oncrashreboot.com" title="Talha Mansoor Home Page">Talha Mansoor</a></li>
+        {% if SITESUBTITLE %}
+        <div id="site-subtitle">{{ SITENAME }} - {{ SITESUBTITLE }}</div>
         {% endif %}
-        <li class="next_article">Powered by <a href="http://getpelican.com/" title="Pelican Home Page">Pelican</a> and <a href="https://github.com/talha131/pelican-elegant" title="Elegant theme Home Page">Elegant theme</a> by <a href="http://oncrashreboot.com" title="Talha Mansoor Home Page">Talha Mansoor</a></li>
     </ul>
-
 </div>
 </footer>