added tag cloud styles (4 levels) and margin-bottom for figure

1 files changed, 39 insertions, 4 deletions

diff --git a/Just-Read/less/main.less b/Just-Read/less/main.less
index 55efa5a..2903288 100644
--- a/Just-Read/less/main.less
+++ b/Just-Read/less/main.less
@@ -16,6 +16,7 @@
 
 figure {
 	position: relative;
+	margin: 0 0 (@line * 1px) 0;
 }
 
 figure img, figure object, figure embed, figure video {
@@ -23,6 +24,11 @@ figure img, figure object, figure embed, figure video {
 	display: block;
 }
 
+figcaption{
+	margin-top: @line * 1px;
+	color: lighten(@black, 60%);
+}
+
 // Elastic Object & Iframe Embedded Videos  http://webdesignerwall.com/tutorials/css-elastic-videos
 
 .video-container {
@@ -102,6 +108,25 @@ b, strong{
 }
 
 
+.tagcloud li{
+	list-style: none;
+	margin-bottom: @line / 8px;
+}
+.tagcloud a{
+	color: @black;
+	display: block;
+	background-color: lighten(@link, 50%);
+	padding: (@line / 8px) (@line / 4px);
+	.small;
+	.rounded();
+	.border-box;
+	
+	&:hover{
+		text-decoration:none;
+		background-color: lighten(@link, 30%);
+	}
+}
+
 // Four-column grid active
 // ----------------------------------------
 // Margin   | #  1   2   3   4   |   Margin
@@ -109,10 +134,7 @@ b, strong{
 
 .wrapper {
 	padding: 0 (@line/2)/@em;
-	-webkit-box-sizing: border-box;
-	   -moz-box-sizing: border-box;
-		 -o-box-sizing: border-box;
-			box-sizing: border-box;
+	.border-box;
 }
 
 
@@ -251,6 +273,19 @@ code{
 	color: lighten(@black, 40%);
 }
 
+.tag-1 a{
+	width: 100%;
+}
+.tag-2 a{
+	width: 75%;
+}
+.tag-3 a{
+	width: 50%;
+}
+.tag-4 a{
+	width: 25%;
+}
+
 
 // Eight-column grid active
 // ----------------------------------------------------------------------