compiled changes made in LESS files

Just-Read/static/css/main.css

@@ -52,6 +52,12 @@ img {
 .clearfix {
   *zoom: 1;
 }
+.border-box {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .sans, .fancy-font {
   font-family: 'Droid Sans', sans-serif;
 }
@@ -60,6 +66,7 @@ img {
 }
 figure {
   position: relative;
+  margin: 0 0 24px 0;
 }
 figure img,
 figure object,
@@ -68,6 +75,10 @@ figure video {
   max-width: 100%;
   display: block;
 }
+figcaption {
+  margin-top: 24px;
+  color: #999999;
+}
 .video-container {
   position: relative;
   padding-bottom: 56.25%;
@@ -147,6 +158,31 @@ h4, h5, h6 {
 b, strong {
   font-weight: 700;
 }
+.tagcloud li {
+  list-style: none;
+  margin-bottom: 3px;
+}
+.tagcloud a {
+  color: #000000;
+  display: block;
+  background-color: #ffffff;
+  padding: 3px 6px;
+  font-size: 12px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.tagcloud a:hover {
+  text-decoration: none;
+  background-color: #c5efec;
+}
 .wrapper {
   padding: 0 0.75em;
   -webkit-box-sizing: border-box;
@@ -291,6 +327,18 @@ code {
   display: inline;
   color: #666666;
 }
+.tag-1 a {
+  width: 100%;
+}
+.tag-2 a {
+  width: 75%;
+}
+.tag-3 a {
+  width: 50%;
+}
+.tag-4 a {
+  width: 25%;
+}
 @media screen and (min-width: 45em) {
   header .wrapper {
     width: 75%;
@@ -480,4 +528,4 @@ code {
   thead {
     display: table-header-group;
   }
-}
+}