Minor adjustments to TOC and author sidebar

README.md

@@ -142,7 +142,7 @@ Insert the following HTML in post or page content that you want a *table of cont
 ``` html
 <section id="table-of-contents" class="toc">
   <header>
-    <h3 class="delta">Contents</h3>
+    <h3>Contents</h3>
   </header>
 <div id="drawer" markdown="1">
 *  Auto generated table of contents

_posts/2011-03-10-sample-post.md

@@ -13,7 +13,7 @@ image:
 
 <section id="table-of-contents" class="toc">
   <header>
-    <h3 class="delta">Contents</h3>
+    <h3>Contents</h3>
   </header>
 <div id="drawer" markdown="1">
 *  Auto generated table of contents

assets/less/480.less

@@ -3,14 +3,6 @@
 // TEXTURE ====================================================
 // ELEMENTS ===================================================
 // LAYOUT =====================================================
-.article-author-top,
-.article-author-bottom {
-	.transition(all .2s ease);
-	.opacity(.7);
-	&:hover {
-		.opacity(1);
-	}
-}
 .image-grid {
 	li {
 		width: 33.333333%;

assets/less/600.less

@@ -45,6 +45,24 @@
 	.grid(12,2);
 	.prefix(12,0.5);
 	.suffix(12,0.5);
+	h3,
+	.bio-photo,
+	p,
+	.author-social {
+		display: block;
+		max-width: 125px;
+		margin: auto;
+	}
+	h3 {
+		margin-top: 10px;
+		margin-bottom: 10px;
+	}
+	p {
+		margin-bottom: 20px;
+	}
+	.author-social {
+		margin-bottom: 5px;
+	}
 }
 .article-author-bottom {
 	display: none;
@@ -54,8 +72,8 @@
 	.grid(12,2);
 	.prefix(12,0.5);
 	.suffix(12,0.5);
-	position: fixed;
+	position: absolute;
-	top: 120px;
+	top: 5.5em;
 	right: 0;
 	.box-shadow(0 0 5px rgba(0,0,0,.50));
 }

assets/less/992.less

@@ -5,6 +5,12 @@
 // LAYOUT =====================================================
 .article-author-top,
 .article-author-bottom {
+	h3,
+	.bio-photo,
+	p,
+	.author-social {
+		max-width: 150px;
+	}
 	img.bio-photo {
 		width: 150px;
 		height: 150px;

assets/less/coderay.less

@@ -4,6 +4,7 @@
   .font(12);
   color: #333332;
   margin-bottom: 1.5em;
+  .rounded(4px);
   pre {
     margin: 0px;
     padding: 1em;

assets/less/elements.less

@@ -47,7 +47,7 @@ svg:not(:root) {
   background-color: @black;
   color: @white;
   border: 2px solid @black !important;
-  .rounded(20px);
+  .rounded(4px);
   &:visited {
     color: @white;
   }

assets/less/page.less

@@ -69,8 +69,12 @@ body {
 	}
 	article {
 		h2 {
-			margin-bottom: 0;
+			margin-bottom: 4px;
-			.font-rem(24);
+			.font-rem(20);
+			text-transform: uppercase;
+		}
+		p {
+			.font-rem(14);
 		}
 		p+p {
 			text-indent: 0;
@@ -145,7 +149,6 @@ body {
 }
 .article-author-top {
 	display: none;
-	text-align: center;
 }
 .article-author-bottom {
 	margin-bottom: 1em;
@@ -204,15 +207,20 @@ body {
 		font-family: @heading-font;
 		border-bottom: 1px solid darken(@white, 50);
 		&:last-child {
-			border-bottom: 0 solid transparent;
+			border-bottom-width: 0;
-		}
-		a, a:hover {
-			color: @white;
-			border-bottom: 0 solid transparent;
 		}
 		a {
 			padding: 10px;
 			display: block;
+			color: @white;
+			border-bottom-width: 0;
+			&:hover {
+				font-weight: 400;
+				:before {
+					content: "\00bb";
+					padding-right: 5px;
+				}
+			}
 		}
 		ul {
 			margin: 0;

assets/less/pygments.less

@@ -4,6 +4,7 @@
 	.font(12);
 	color: #333332;
 	margin-bottom: 1.5em;
+	.rounded(4px);
 	pre {
 		position: relative;
 		margin: 0;

theme-setup.md

@@ -12,7 +12,7 @@ image:
 
 <section id="table-of-contents" class="toc">
   <header>
-    <h3 class="delta">Contents</h3>
+    <h3 >Contents</h3>
   </header>
 <div id="drawer" markdown="1">
 *  Auto generated table of contents
@@ -131,7 +131,7 @@ Any article or page that you want a *table of contents* to render insert the fol
 {% highlight html %}
 <section id="table-of-contents" class="toc">
   <header>
-    <h3 class="delta">Contents</h3>
+    <h3>Contents</h3>
   </header>
 <div id="drawer" markdown="1">
 *  Auto generated table of contents