Update application.css.

* clean up unused class and inherited properties
* move `.button` along with the rest of the selectors from that page
* remove `-moz-inline-stack` which was needed for old FF

_includes/breadcrumbs.html

@@ -1,5 +1,5 @@
 {% unless page.hide_breadcrumbs == true %}
-  <ol class="breadcrumbs">
+  <ol>
     <li>
       {% if page.layout == "license" %}
         <a href="/">Home</a> / <a href="/licenses/">Licenses</a>

css/application.css

@@ -6,7 +6,7 @@ layout: nil
 {% include css/jquery.qtip.min.css %}
 
 body {
-  background: #f5f1ec url(../img/bg.jpg);
+  background-image: url(../img/bg.jpg);
   color: #5c5855;
   font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
@@ -21,44 +21,6 @@ a:hover {
   text-decoration: underline;
 }
 
-.button {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
-  -o-border-radius: 3px;
-  border-radius: 3px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  border-color: #ceccc9 #b6b4b1 #a6a4a2 #b6b4b1;
-  border-style: solid;
-  border-width: 1px;
-  color: #443b34;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
-  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
-  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d5d3cf));
-  background-image: -webkit-linear-gradient(#e7e5e0, #d5d3cf);
-  background-image: -moz-linear-gradient(#e7e5e0, #d5d3cf);
-  background-image: -o-linear-gradient(#e7e5e0, #d5d3cf);
-  background-image: linear-gradient(#e7e5e0, #d5d3cf);
-  display: -moz-inline-stack;
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 12px;
-  font-weight: normal;
-  padding: 5px 10px;
-  text-align: center;
-}
-.button:hover {
-  text-decoration: none;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d0ceca));
-  background-image: -webkit-linear-gradient(#e7e5e0, #d0ceca);
-  background-image: -moz-linear-gradient(#e7e5e0, #d0ceca);
-  background-image: -o-linear-gradient(#e7e5e0, #d0ceca);
-  background-image: linear-gradient(#e7e5e0, #d0ceca);
-}
-
 h1, h2, h3, h5 {
   font-family: Chivo, "Helvetica Neue", Helvetica, Arial, serif;
   font-weight: 900;
@@ -110,7 +72,6 @@ strong {
 }
 
 .home {
-  padding-top: 20px;
   text-align: center;
 }
 
@@ -146,7 +107,6 @@ strong {
   width: 280px;
   float: left;
   margin-left: 27px;
-  text-align: center;
 }
 
 .triptych li:first-child {
@@ -187,7 +147,6 @@ strong {
 .circular     { background-position: 0 -129px; width: 72px; height: 69px; }
 
 
-
 .license-family {
   clear: both;
   margin-bottom: 50px;
@@ -355,6 +314,44 @@ strong {
   font: 0.7em "Courier new", courier;
 }
 
+.button {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-color: #ceccc9 #b6b4b1 #a6a4a2 #b6b4b1;
+  border-style: solid;
+  border-width: 1px;
+  color: #443b34;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
+  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
+  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d5d3cf));
+  background-image: -webkit-linear-gradient(#e7e5e0, #d5d3cf);
+  background-image: -moz-linear-gradient(#e7e5e0, #d5d3cf);
+  background-image: -o-linear-gradient(#e7e5e0, #d5d3cf);
+  background-image: linear-gradient(#e7e5e0, #d5d3cf);
+  display: inline-block;
+  font-size: 12px;
+  font-weight: normal;
+  padding: 5px 10px;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.button:hover {
+  text-decoration: none;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d0ceca));
+  background-image: -webkit-linear-gradient(#e7e5e0, #d0ceca);
+  background-image: -moz-linear-gradient(#e7e5e0, #d0ceca);
+  background-image: -o-linear-gradient(#e7e5e0, #d0ceca);
+  background-image: linear-gradient(#e7e5e0, #d0ceca);
+}
+
 .projects-with-license li {
   padding-bottom: 3px;
 }
@@ -389,11 +386,10 @@ strong {
 }
 
 .bullets {
-  margin-bottom: 1em;
+  list-style-type: disc;
 }
 
-.bullets li {
+.bullets > li {
-  list-style-type: disc;
   margin-left: 2em;
 }
 
@@ -425,6 +421,7 @@ strong {
   font-size: 90%;
 }
 
+
 /* Qtip styles */
 
 .qtip-required,