Style tweaks

jhersh · Dec 2, 2024 · 2f6b9e2 · 2f6b9e2
1 parent 92da8b0
commit 2f6b9e2
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 9 deletions.
diff --git a/_includes/post_header.html b/_includes/post_header.html
@@ -6,7 +6,6 @@ <h2><a href="{{ page.url }}">{{ page.title }}</a></h2>
 <em>{{ page.summary }}</em><br/>
 {% endif %}
 {% if page.tags | size > 0 %}
-Tags:
 {% for tag in page.tags %}
   <a
     href={{ site.baseurl | append: "/tags/" | append: tag | append: "/" }}

diff --git a/_includes/styles.css b/_includes/styles.css
@@ -71,10 +71,14 @@ a {
 }
 
 a.tag {
-    font-size: 90%;
 	font-weight: bold;
 	color: #ccc;
+	background-color: #111;
+	border-radius: 4px;
+	padding-left: 5px;
+	padding-right: 5px;
 }
+
 #content {
 	margin: 0 auto;
 	overflow: hidden;
@@ -96,9 +100,9 @@ pre {
 p code,
 li code {
 	background-color: #DDD;
-	border-radius: 5px;
-	padding-left: 6px;
-	padding-right: 6px;
+	border-radius: 4px;
+	padding-left: 5px;
+	padding-right: 5px;
 	color: #111;
 }
 
@@ -187,11 +191,17 @@ p.summary {
     border-bottom: 2px solid currentcolor;
 }
 
+a.tag:hover {
+	background-color: #999;
+	color: black;
+	border-bottom: none;
+}
+
 .post,
 #content .page {
 	line-height: 1.7;
 	margin-bottom: 25px;
-	margin-top: 25px;
+	margin-top: 35px;
 }
 
 .post p {
@@ -226,9 +236,9 @@ h2.entry-title {
 blockquote,
 .archive-meta {
 	background: #111;
-	border: 1px dotted #333;
+	border: 2px solid #333;
 	color: #999;
-	margin-bottom: 1.5em;
+	margin-bottom: 1em;
 }
 blockquote p {
 	font-size: 0.9em;

diff --git a/_posts/2014-09-30-app-icons.md b/_posts/2014-09-30-app-icons.md
@@ -9,7 +9,6 @@ If you're constantly switching between Debug, Adhoc/Beta, and Release builds of
 
 Here's how this looks in my app [MUDRammer - A Modern MUD Client](https://itunes.apple.com/us/app/mudrammer-a-modern-mud-client/id597157072?mt=8):
 
-|  |  |
 |:-|:--|
 | <img src="/img/mr-dev.png" width="90" height="90" alt="MUDRammer Debug" /> | &nbsp;&nbsp;Debug | 
 | <img src="/img/mr-adhoc.png" width="90" height="90" alt="MUDRammer Adhoc/Beta" /> | &nbsp;&nbsp;Adhoc/Beta |