moar minor website tweaks

index.html

@@ -154,7 +154,7 @@
 					</ul>
 					<ul class="legend">
 						<li><b>*</b> <span class="label">R</span> = App also demonstrates routing</li>
-						<li><b>*</b> <span class="labs-example">Maroon</span> = App requires further work to comply with <a href="https://github.com/tastejs/todomvc/blob/gh-pages/app-spec.md">the spec</a></li>
+						<li><b>*</b> <strong>Maroon</strong> = App requires further work to comply with <a href="https://github.com/tastejs/todomvc/blob/gh-pages/app-spec.md">the spec</a></li>
 					</ul>
 					<hr>
 					<h2>Compile To JavaScript</h2>

site-assets/main.css

@@ -34,14 +34,16 @@ h2 {
 	font-size: 24px;
 }
 
-a, .link {
+a,
+.link {
 	color: #9f3c3c;
 	font-weight: 500;
 	cursor: pointer;
 }
 
 
-a:hover, .link:hover {
+a:hover,
+.link:hover {
 	color: #431919;
 	text-decoration: underline;
 }
@@ -52,11 +54,6 @@ p {
 	font-weight: 300;
 }
 
-hr {
-	border-top: 1px dashed #C5C5C5;
-	border-bottom: 1px dashed #F7F7F7;
-}
-
 var {
 	font-style: normal;
 }
@@ -89,15 +86,6 @@ header nav a:not(:last-child) {
 	display: none;
 }
 
-.nav-tabs > li,
-.nav-pills > li {
-	clear: both;
-}
-
-.nav-pills {
-	margin-left: -10px;
-}
-
 .row {
 	margin-top: 20px;
 	margin-bottom: 20px;
@@ -134,14 +122,6 @@ header nav a:not(:last-child) {
 	left: -20px;
 }
 
-.whats-new li ul {
-	margin-left: 10px;
-}
-
-.whats-new li ul li {
-	margin-left: 20px;
-}
-
 .applist {
 	list-style: none;
 	margin: 0;
@@ -215,15 +195,11 @@ header nav a:not(:last-child) {
 	margin-bottom: 0;
 }
 
-.labs-example {
-	font-weight: bold;
-}
-
 .collapsed {
 	overflow: hidden;
 	max-height: 0;
-	-webkit-transition: max-height 1s;
-	transition: max-height 1s;
+	-webkit-transition: max-height 0.7s ease-out;
+	transition: max-height 0.7s ease-out;
 }
 
 #news-expander {
@@ -232,6 +208,8 @@ header nav a:not(:last-child) {
 
 #news-expander:checked ~ .collapsed {
 	max-height: 999px;
+	-webkit-transition: max-height 0.7s ease-in;
+	transition: max-height 0.7s ease-in;
 }
 
 .credit a {