further tab navigation

_includes/publication-entries.html

@@ -11,7 +11,7 @@
 
 {% assign content = pub.content | strip_newlines %}
 <details {% if content == "" %} class="empty" {% endif %}>
-  <summary>
+  <summary tabindex="0">
     {% if pub.authors %}<div>{{ pub.authors }}</div>{% endif %}
     <div><b>{{ pub.title }}</b>{% if pub.link %} [<a href="{{ pub.link }}">link</a>] {% endif %}</div>
     {% if pub.book %} <div>In {{ pub.book }}, {{ pub.year }}</div> {% endif %}

_layouts/blog.html

@@ -44,7 +44,7 @@ css: blog
 		  {% for post in paginator.posts %}
 			<article>
 			  <figure>
-				<a href="{{ post.url }}" class="img" style=
+				<a tabindex="-1" href="{{ post.url }}" class="img" style=
 				"background-image: url({% if post.image %}{{ post.image }}{% else %}/assets/img/default-blog.jpg{% endif %});"></a>
 			  </figure>
 

assets/css/main.css

@@ -338,6 +338,10 @@ button:focus,
 .btn:focus {
 	color: #000 !important;
 }
+
+.btnCancel:focus {
+  background: #FFDCB9 !important;
+}
 /*---------------------------- 2. Helper classes ------------------------------*/
 .hide {
   display: none !important;

assets/css/publications.css

@@ -50,6 +50,7 @@ details:hover{
   color: #242424!important;
   background-color: #f9f9f9!important;
 }
+details summary:focus,
 details:hover summary {
   color: #f16521;
 }