years

camp/static/css/main.css

@@ -145,7 +145,69 @@ ul.clearing-thumbs li {
 .pagination button:hover,
 .pagination span.current
 {
-      background: #1779ba !important; }
+      background: #1779ba !important;
+}
+
+.years {
+  text-align: center;
+  margin-left: 16px;
+  margin-right: 16px;
+  padding-bottom: 20px;
+}
+.years::before, .years::after {
+    display: table;
+    content: ' ';
+}
+.years::after {
+    clear: both;
+}
+.years li {
+    margin-right: 0.0625rem;
+    border-radius: 0;
+    font-size: 0.875rem;
+    display: inline-block;
+}
+.years a,
+.years button {
+    display: block;
+    padding: 0.1875rem 0.625rem;
+    border-radius: 0;
+    color: #0a0a0a; }
+
+.years a:hover,
+.years button:hover {
+      background: #e6e6e6; }
+
+.years .current {
+    padding: 0.1875rem 0.625rem;
+    background: #1779ba;
+    color: #fefefe;
+    cursor: default; }
+.years .disabled {
+    padding: 0.1875rem 0.625rem;
+    color: #cacaca;
+    cursor: not-allowed; }
+.years .disabled:hover {
+      background: transparent; }
+.years .ellipsis::after {
+    padding: 0.1875rem 0.625rem;
+    content: '\2026';
+    color: #0a0a0a;
+}
+
+.years {
+}
+
+.years a, .years button {
+	color: #ffffff !important;
+}
+
+.years a:hover,
+.years button:hover,
+.years span.current
+{
+      background: #1779ba !important;
+}
 
 .admin-menu {
     position: absolute;

content/templates/results.html

@@ -47,8 +47,7 @@
     <br>
     {% if years %}
     <div class="row">
-        <div class="medium-8 medium-offset-2 end columns">
-        <ul class="pagination">
+        <ul class="years">
         {% for y in years %}
             {% if year == y %}
             <li><span class="current">{{y}}</a></li>
@@ -58,7 +57,6 @@
         {% endfor %}
         </ul>
     </div>
-    </div>
     {% endif %}
     {% if content.has_other_pages %}
     <div class="row">