Merge pull request #1689

Minor fixes and adjustements to 'Blog'

_i18n/en.yml

@@ -897,6 +897,8 @@ blog:
   author: Posted by
   date: Posted at
   filter: "Filter by category:"
+  next: Next
+  previous: Prev
 
 
 tags:

blog/index.html

@@ -62,32 +62,31 @@ title: titles.blogbytag
           {% endfor %}
         </div>
       <!-- End full block-->
+    {% if paginator.total_pages > 1 %}
+    <div class="page-numbers"><p>
+      {% if paginator.previous_page %}
+        <a href="{{ paginator.previous_page_path | replace: '//', '/' }}">&laquo; {% t blog.prev %}</a>
+      {% else %}
+        <span>&laquo; Prev</span>
+      {% endif %}
+
+      {% for page in (1..paginator.total_pages) %}
+        {% if page == paginator.page %}
+          <em>{{ page }}</em>
+        {% elsif page == 1 %}
+          <a href="{{ site.baseurl }}/blog">{{ page }}</a>
+        {% else %}
+          <a href="{{ site.paginate_path | prepend: '/' | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
+        {% endif %}
+      {% endfor %}
+
+      {% if paginator.next_page %}
+        <a href="{{ paginator.next_page_path | replace: '//', '/' }}">{% t blog.next %} &raquo;</a>
+      {% else %}
+        <span>Next &raquo;</span>
+      {% endif %}
+    </p></div>
+    {% endif %}
   </section>
   <a href="#" class="arrow-up" aria-label="{% t accessibility.arrowup %}" title="{% t accessibility.gotop %}"><i></i></a>
 </div>
-
-{% if paginator.total_pages > 1 %}
-<div class="text-center page-numbers"><p>
-  {% if paginator.previous_page %}
-    <a href="{{ paginator.previous_page_path | replace: '//', '/' }}">&laquo; Prev</a>
-  {% else %}
-    <span>&laquo; Prev</span>
-  {% endif %}
-
-  {% for page in (1..paginator.total_pages) %}
-    {% if page == paginator.page %}
-      <em>{{ page }}</em>
-    {% elsif page == 1 %}
-      <a href="{{ site.baseurl }}/blog">{{ page }}</a>
-    {% else %}
-      <a href="{{ site.paginate_path | prepend: '/' | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
-    {% endif %}
-  {% endfor %}
-
-  {% if paginator.next_page %}
-    <a href="{{ paginator.next_page_path | replace: '//', '/' }}">Next &raquo;</a>
-  {% else %}
-    <span>Next &raquo;</span>
-  {% endif %}
-</p></div>
-{% endif %}

css/custom.css

@@ -2953,6 +2953,8 @@ footer a.white:hover, a.white:focus {
 .site-wrap {
     padding-bottom: 470px;
     padding-bottom: 29.375rem;
+    margin-bottom: -470px;
+    margin-bottom: -29.375rem;
 }
 
 footer {
@@ -2977,6 +2979,7 @@ footer {
 
 .site-wrap {
     padding-bottom: 0;
+    margin-bottom: 0;
 }
 
 footer {
@@ -3395,8 +3398,7 @@ span.icon-git {
 }
 
 .mob.dropdowndrop input:checked ~ ul#menu {
-    display: block;
-    transition:max-height 0.5s ease-in;
+    max-height: 30rem;
 }
 
 .mob.dropdowndrop label{
@@ -3432,7 +3434,7 @@ span.icon-git {
   }
 
 .mob.dropdowndrop input:checked ~ label {
-  color: #d26e2b;
+    color: #d26e2b;
 }
 
 .mob.dropdowndrop input:hover ~ .mob.dropdowndrop label:after {
@@ -3448,19 +3450,19 @@ span.icon-git {
 }
 
 .mob.dropdowndrop ul#menu {
-    display:none;
+    max-height: 0;
     padding:0;
-    overflow:hidden;
+    margin: 0;
+    width: 100%;
+    overflow: hidden;
+    background: #ffffff;
     list-style-type:none;
+    -webkit-transition: max-height 0.3s;
+    -o-transition: max-height 0.3s;
+    transition: max-height 0.3s;
     -moz-box-shadow: 0 2px 4px rgba(50,50,93,.1);
     -webkit-box-shadow: 0 2px 4px rgba(50,50,93,.1);
     box-shadow: 0 2px 4px rgba(50,50,93,.1);
-    transition:max-height 0.5s ease-out;
-    min-width:100%;
-    text-align: left;
-    background: #ffffff;
-    width: 100%;
-    margin: 0;
 }
 
 .mob.dropdowndrop ul#menu li a {
@@ -4101,6 +4103,10 @@ img.emoji {
   margin-top: 0;
 }
 
+.feed {
+    position: relative;
+}
+
 .feed span {
   height: 30px;
   width: 30px;
@@ -4110,7 +4116,8 @@ img.emoji {
 
 .feed span.feed-pic {
   background: url(../img/feed.svg) no-repeat;
-  float: right;
+  position: absolute;
+  right: 0;
 }
 
 @media only screen and (max-width: 75rem) {
@@ -4130,14 +4137,6 @@ img.emoji {
 }
 }
 
-@media only screen and (max-width: 48rem) {
-
-}
-
-@media only screen and (max-width: 30rem) {
-
-}
-
 
 /* Hangouts Styling */
 
@@ -4257,10 +4256,6 @@ p.hangouts-social {
   width: 3rem;
 }
 
-@media only screen and (max-width: 75rem) {
-
-}
-
 @media only screen and (max-width: 62rem) {
 
 .hangouts .irc .col-md-4 {
@@ -4546,7 +4541,6 @@ label.accordion {
 
 .tab-content {
   max-height: 0;
-  border-radius: 3px;
   -webkit-transition: max-height 0.3s;
   -o-transition: max-height 0.3s;
   transition: max-height 0.3s;
@@ -4558,7 +4552,7 @@ label.accordion {
 }
 
 input.accordion:checked ~ .tab-content {
-  max-height: 100rem;
+  max-height: 85rem;
 }
 
 label.accordion::after {