Przeglądaj źródła

reverted .section > .title a from, added js to split namespace titles into labels

Garrick van Buren 12 lat temu
rodzic
commit
bf544024e5

+ 3 - 0
assets/scripts/foreground.js

@@ -1,3 +1,6 @@
 jQuery(document).ready(function() {
   jQuery(document).foundation();
+  var $title = jQuery('h3:contains(":")').text().split(":");
+  jQuery('h3:contains(":")').html('<small class="label">' + $title[0] + '</small>' + $title[1]);
+  jQuery('#mw-normal-catlinks ul li a').addClass('label');
 });

+ 12 - 0
assets/stylesheets/foreground.css

@@ -21,6 +21,18 @@ small {
   font-size: 80%;
 }
 
+h3 small {
+  font-size: small;
+  margin-right: 1em;
+}
+
+.section strong {
+  font-size: 0.875em;
+  color: #4d4d4d;
+  display: block;
+  font-weight: 500;
+}
+
 /* LAYOUT */
 
 div.small-10 .row {

+ 111 - 111
assets/stylesheets/foundation.css

@@ -2207,86 +2207,86 @@ form.custom {
     width: 100%;
     height: 100%; }
 
-/* .sections */
+/* Sections */
 .section-container, .section-container.auto {
   width: 100%;
   display: block;
   margin-bottom: 1.25em;
   border: 1px solid #cccccc;
   border-top: none; }
-  .section-container > .section, .section-container > .section, .section-container.auto > .section, .section-container.auto > .section {
+  .section-container > section, .section-container > .section, .section-container.auto > section, .section-container.auto > .section {
     position: relative; }
-    .section-container > .section > .title, .section-container > .section > .title, .section-container.auto > .section > .title, .section-container.auto > .section > .title {
+    .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
       background-color: #efefef;
       cursor: pointer;
       margin-bottom: 0; }
-      .section-container > .section > .title a, .section-container > .section > .title a, .section-container.auto > .section > .title a, .section-container.auto > .section > .title a {
+      .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
         padding: 0.9375em;
         display: inline-block;
         color: #333333;
         font-size: 0.875em;
         white-space: nowrap; }
-      .section-container > .section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > .section > .title:hover, .section-container.auto > .section > .title:hover {
+      .section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
         background-color: #e2e2e2; }
-    .section-container > .section .content, .section-container > .section .content, .section-container.auto > .section .content, .section-container.auto > .section .content {
+    .section-container > section .content, .section-container > .section .content, .section-container.auto > section .content, .section-container.auto > .section .content {
       display: none;
       padding: 0.9375em;
       background-color: white; }
-      .section-container > .section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > .section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
+      .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
         margin-bottom: 0; }
-      .section-container > .section .content > *:first-child, .section-container > .section .content > *:first-child, .section-container.auto > .section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
+      .section-container > section .content > *:first-child, .section-container > .section .content > *:first-child, .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
         padding-top: 0; }
-      .section-container > .section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > .section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
+      .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
         padding-bottom: 0; }
-    .section-container > .section.active > .content, .section-container > .section.active > .content, .section-container.auto > .section.active > .content, .section-container.auto > .section.active > .content {
+    .section-container > section.active > .content, .section-container > .section.active > .content, .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
       display: block; }
-    .section-container > .section.active > .title, .section-container > .section.active > .title, .section-container.auto > .section.active > .title, .section-container.auto > .section.active > .title {
+    .section-container > section.active > .title, .section-container > .section.active > .title, .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
       background: #d5d5d5; }
-      .section-container > .section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > .section.active > .title a, .section-container.auto > .section.active > .title a {
+      .section-container > section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
         color: #333333; }
-    .section-container > .section > .title, .section-container > .section > .title, .section-container.auto > .section > .title, .section-container.auto > .section > .title {
+    .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
       top: 0;
       width: 100%;
       margin: 0;
       border-top: solid 1px #cccccc; }
-      .section-container > .section > .title, .section-container > .section > .title, .section-container.auto > .section > .title, .section-container.auto > .section > .title {
+      .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
         width: 100%; }
 
 .section-container.tabs {
   border: 0;
   position: relative; }
-  .section-container.tabs > .section, .section-container.tabs > .section {
+  .section-container.tabs > section, .section-container.tabs > .section {
     border: 0;
     position: static; }
-    .section-container.tabs > .section > .title, .section-container.tabs > .section > .title {
+    .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
       background-color: #efefef;
       cursor: pointer;
       margin-bottom: 0; }
-      .section-container.tabs > .section > .title, .section-container.tabs > .section > .title {
+      .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
         padding: 0.9375em;
         display: inline-block;
         color: #333333;
         font-size: 0.875em;
         white-space: nowrap; }
-      .section-container.tabs > .section > .title:hover, .section-container.tabs > .section > .title:hover {
+      .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover {
         background-color: #e2e2e2; }
-    .section-container.tabs > .section .content, .section-container.tabs > .section .content {
+    .section-container.tabs > section .content, .section-container.tabs > .section .content {
       display: none;
       padding: 0.9375em;
       background-color: white; }
-      .section-container.tabs > .section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
+      .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
         margin-bottom: 0; }
-      .section-container.tabs > .section .content > *:first-child, .section-container.tabs > .section .content > *:first-child {
+      .section-container.tabs > section .content > *:first-child, .section-container.tabs > .section .content > *:first-child {
         padding-top: 0; }
-      .section-container.tabs > .section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
+      .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
         padding-bottom: 0; }
-    .section-container.tabs > .section.active > .content, .section-container.tabs > .section.active > .content {
+    .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
       display: block; }
-    .section-container.tabs > .section.active > .title, .section-container.tabs > .section.active > .title {
+    .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
       background: white; }
-      .section-container.tabs > .section.active > .title a, .section-container.tabs > .section.active > .title a {
+      .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a {
         color: #333333; }
-    .section-container.tabs > .section > .title, .section-container.tabs > .section > .title {
+    .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
       width: auto;
       border: solid 1px #cccccc;
       border-right: 0;
@@ -2294,59 +2294,59 @@ form.custom {
       position: absolute;
       top: 0;
       z-index: 1; }
-      .section-container.tabs > .section > .title, .section-container.tabs > .section > .title {
+      .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
         width: 100%; }
-    .section-container.tabs > .section:last-child .title, .section-container.tabs > .section:last-child .title {
+    .section-container.tabs > section:last-child .title, .section-container.tabs > .section:last-child .title {
       border-right: solid 1px #cccccc; }
-    .section-container.tabs > .section .content, .section-container.tabs > .section .content {
+    .section-container.tabs > section .content, .section-container.tabs > .section .content {
       border: solid 1px #cccccc;
       position: absolute;
       z-index: 10;
       display: none;
       top: -1px; }
-    .section-container.tabs > .section.active > .title, .section-container.tabs > .section.active > .title {
+    .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
       z-index: 11;
       border-bottom: 0;
       background-color: white; }
-    .section-container.tabs > .section.active > .content, .section-container.tabs > .section.active > .content {
+    .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
       position: relative; }
 
 @media only screen and (min-width: 768px) {
   .section-container.auto {
     border: 0;
     position: relative; }
-    .section-container.auto > .section, .section-container.auto > .section {
+    .section-container.auto > section, .section-container.auto > .section {
       border: 0;
       position: static; }
-      .section-container.auto > .section > .title, .section-container.auto > .section > .title {
+      .section-container.auto > section > .title, .section-container.auto > .section > .title {
         background-color: #efefef;
         cursor: pointer;
         margin-bottom: 0; }
-        .section-container.auto > .section > .title, .section-container.auto > .section > .title {
+        .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
           padding: 0.9375em;
           display: inline-block;
           color: #333333;
           font-size: 0.875em;
           white-space: nowrap; }
-        .section-container.auto > .section > .title:hover, .section-container.auto > .section > .title:hover {
+        .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
           background-color: #e2e2e2; }
-      .section-container.auto > .section .content, .section-container.auto > .section .content {
+      .section-container.auto > section .content, .section-container.auto > .section .content {
         display: none;
         padding: 0.9375em;
         background-color: white; }
-        .section-container.auto > .section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
+        .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
           margin-bottom: 0; }
-        .section-container.auto > .section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
+        .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
           padding-top: 0; }
-        .section-container.auto > .section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
+        .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
           padding-bottom: 0; }
-      .section-container.auto > .section.active > .content, .section-container.auto > .section.active > .content {
+      .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
         display: block; }
-      .section-container.auto > .section.active > .title, .section-container.auto > .section.active > .title {
+      .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
         background: white; }
-        .section-container.auto > .section.active > .title a, .section-container.auto > .section.active > .title a {
+        .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
           color: #333333; }
-      .section-container.auto > .section > .title, .section-container.auto > .section > .title {
+      .section-container.auto > section > .title, .section-container.auto > .section > .title {
         width: auto;
         border: solid 1px #cccccc;
         border-right: 0;
@@ -2354,21 +2354,21 @@ form.custom {
         position: absolute;
         top: 0;
         z-index: 1; }
-        .section-container.auto > .section > .title, .section-container.auto > .section > .title {
+        .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
           width: 100%; }
-      .section-container.auto > .section:last-child .title, .section-container.auto > .section:last-child .title {
+      .section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title {
         border-right: solid 1px #cccccc; }
-      .section-container.auto > .section .content, .section-container.auto > .section .content {
+      .section-container.auto > section .content, .section-container.auto > .section .content {
         border: solid 1px #cccccc;
         position: absolute;
         z-index: 10;
         display: none;
         top: -1px; }
-      .section-container.auto > .section.active > .title, .section-container.auto > .section.active > .title {
+      .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
         z-index: 11;
         border-bottom: 0;
         background-color: white; }
-      .section-container.auto > .section.active > .content, .section-container.auto > .section.active > .content {
+      .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
         position: relative; }
 
   .section-container.accordion .section {
@@ -2377,119 +2377,119 @@ form.custom {
   .section-container.vertical-tabs {
     border: 1px solid #cccccc;
     position: relative; }
-    .section-container.vertical-tabs .section,
+    .section-container.vertical-tabs section,
     .section-container.vertical-tabs .section {
       padding-top: 0 !important;
       border: 0;
       position: static; }
-      .section-container.vertical-tabs .section > .title,
+      .section-container.vertical-tabs section > .title,
       .section-container.vertical-tabs .section > .title {
         background-color: #efefef;
         cursor: pointer;
         margin-bottom: 0; }
-        .section-container.vertical-tabs .section > .title,
-        .section-container.vertical-tabs .section > .title {
+        .section-container.vertical-tabs section > .title a,
+        .section-container.vertical-tabs .section > .title a {
           padding: 0.9375em;
           display: inline-block;
           color: #333333;
           font-size: 0.875em;
           white-space: nowrap; }
-        .section-container.vertical-tabs .section > .title:hover,
+        .section-container.vertical-tabs section > .title:hover,
         .section-container.vertical-tabs .section > .title:hover {
           background-color: #e2e2e2; }
-      .section-container.vertical-tabs .section .content,
+      .section-container.vertical-tabs section .content,
       .section-container.vertical-tabs .section .content {
         display: none;
         padding: 0.9375em;
         background-color: white; }
-        .section-container.vertical-tabs .section .content > *:last-child,
+        .section-container.vertical-tabs section .content > *:last-child,
         .section-container.vertical-tabs .section .content > *:last-child {
           margin-bottom: 0; }
-        .section-container.vertical-tabs .section .content > *:first-child,
+        .section-container.vertical-tabs section .content > *:first-child,
         .section-container.vertical-tabs .section .content > *:first-child {
           padding-top: 0; }
-        .section-container.vertical-tabs .section .content > *:last-child,
+        .section-container.vertical-tabs section .content > *:last-child,
         .section-container.vertical-tabs .section .content > *:last-child {
           padding-bottom: 0; }
-      .section-container.vertical-tabs .section.active > .content,
+      .section-container.vertical-tabs section.active > .content,
       .section-container.vertical-tabs .section.active > .content {
         display: block; }
-      .section-container.vertical-tabs .section.active > .title,
+      .section-container.vertical-tabs section.active > .title,
       .section-container.vertical-tabs .section.active > .title {
         background: #d5d5d5; }
-        .section-container.vertical-tabs .section.active > .title a,
+        .section-container.vertical-tabs section.active > .title a,
         .section-container.vertical-tabs .section.active > .title a {
           color: #333333; }
-      .section-container.vertical-tabs .section > .title,
+      .section-container.vertical-tabs section > .title,
       .section-container.vertical-tabs .section > .title {
         position: absolute;
         border-top: solid 1px #cccccc;
         width: 12.5em; }
-      .section-container.vertical-tabs .section:first-child .title,
+      .section-container.vertical-tabs section:first-child .title,
       .section-container.vertical-tabs .section:first-child .title {
         border-top: 0; }
-      .section-container.vertical-tabs .section .content,
+      .section-container.vertical-tabs section .content,
       .section-container.vertical-tabs .section .content {
         display: block;
         position: relative;
         left: 12.5em;
         border-left: solid 1px #cccccc;
         z-index: 10; }
-      .section-container.vertical-tabs .section.active > .title,
+      .section-container.vertical-tabs section.active > .title,
       .section-container.vertical-tabs .section.active > .title {
         background-color: #d5d5d5;
         width: 12.5625em;
         border-right: solid 0 transparent;
         z-index: 11; }
-      .section-container.vertical-tabs .section.active:last-child .title,
+      .section-container.vertical-tabs section.active:last-child .title,
       .section-container.vertical-tabs .section.active:last-child .title {
         border-bottom: 0; }
 
   .section-container.vertical-nav {
     border: 0;
     position: relative; }
-    .section-container.vertical-nav > .section, .section-container.vertical-nav > .section {
+    .section-container.vertical-nav > section, .section-container.vertical-nav > .section {
       padding-top: 0 !important;
       position: relative; }
-      .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > .section > .title {
+      .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
         background-color: #efefef;
         cursor: pointer;
         margin-bottom: 0; }
-        .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > .section > .title {
+        .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
           padding: 0.9375em;
           display: inline-block;
           color: #333333;
           font-size: 0.875em;
           white-space: nowrap; }
-        .section-container.vertical-nav > .section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
+        .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
           background-color: #e2e2e2; }
-      .section-container.vertical-nav > .section .content, .section-container.vertical-nav > .section .content {
+      .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
         display: none;
         padding: 0.9375em;
         background-color: white; }
-        .section-container.vertical-nav > .section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
+        .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
           margin-bottom: 0; }
-        .section-container.vertical-nav > .section .content > *:first-child, .section-container.vertical-nav > .section .content > *:first-child {
+        .section-container.vertical-nav > section .content > *:first-child, .section-container.vertical-nav > .section .content > *:first-child {
           padding-top: 0; }
-        .section-container.vertical-nav > .section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
+        .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
           padding-bottom: 0; }
-      .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > .section.active > .content {
+      .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
         display: block; }
-      .section-container.vertical-nav > .section.active > .title, .section-container.vertical-nav > .section.active > .title {
+      .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title {
         background: #d5d5d5; }
-        .section-container.vertical-nav > .section.active > .title, .section-container.vertical-nav > .section.active > .title {
+        .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a {
           color: #333333; }
-      .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > .section > .title {
+      .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
         border-top: none;
         border: solid 1px #cccccc; }
-        .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > .section > .title {
+        .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
           display: block;
           width: 100%; }
-      .section-container.vertical-nav > .section .content, .section-container.vertical-nav > .section .content {
+      .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
         display: none; }
-      .section-container.vertical-nav > .section:first-child .title, .section-container.vertical-nav > .section:first-child .title {
+      .section-container.vertical-nav > section:first-child .title, .section-container.vertical-nav > .section:first-child .title {
         border-bottom: none; }
-      .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > .section.active > .content {
+      .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
         display: block;
         position: absolute;
         left: 100%;
@@ -2502,50 +2502,50 @@ form.custom {
     position: relative;
     background: #efefef;
     border: 1px solid #cccccc; }
-    .section-container.horizontal-nav > .section, .section-container.horizontal-nav > .section {
+    .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section {
       padding-top: 0;
       border: 0;
       position: static; }
-      .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > .section > .title {
+      .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
         background-color: #efefef;
         cursor: pointer;
         margin-bottom: 0; }
-        .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > .section > .title {
+        .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
           padding: 0.9375em;
           display: inline-block;
           color: #333333;
           font-size: 0.875em;
           white-space: nowrap; }
-        .section-container.horizontal-nav > .section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
+        .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
           background-color: #e2e2e2; }
-      .section-container.horizontal-nav > .section .content, .section-container.horizontal-nav > .section .content {
+      .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
         display: none;
         padding: 0.9375em;
         background-color: white; }
-        .section-container.horizontal-nav > .section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
+        .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
           margin-bottom: 0; }
-        .section-container.horizontal-nav > .section .content > *:first-child, .section-container.horizontal-nav > .section .content > *:first-child {
+        .section-container.horizontal-nav > section .content > *:first-child, .section-container.horizontal-nav > .section .content > *:first-child {
           padding-top: 0; }
-        .section-container.horizontal-nav > .section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
+        .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
           padding-bottom: 0; }
-      .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > .section.active > .content {
+      .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
         display: block; }
-      .section-container.horizontal-nav > .section.active > .title, .section-container.horizontal-nav > .section.active > .title {
+      .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title {
         background: #d5d5d5; }
-        .section-container.horizontal-nav > .section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
+        .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
           color: #333333; }
-      .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > .section > .title {
+      .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
         width: auto;
         border: solid 1px #cccccc;
         border-left: 0;
         top: -1px;
         position: absolute;
         z-index: 1; }
-        .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > .section > .title {
+        .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
           width: 100%; }
-      .section-container.horizontal-nav > .section .content, .section-container.horizontal-nav > .section .content {
+      .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
         display: none; }
-      .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > .section.active > .content {
+      .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
         display: block;
         position: absolute;
         z-index: 999;
@@ -2559,49 +2559,49 @@ form.custom {
   margin-bottom: 1.25em;
   border: 1px solid #cccccc;
   border-top: none; }
-  .no-js .section-container.auto > .section, .no-js .section-container.auto > .section, .no-js .section-container.accordion > .section, .no-js .section-container.accordion > .section, .no-js .section-container.tabs > .section, .no-js .section-container.tabs > .section, .no-js .section-container.vertical-tabs > .section, .no-js .section-container.vertical-tabs > .section, .no-js .section-container.vertical-nav > .section, .no-js .section-container.vertical-nav > .section, .no-js .section-container.horizontal-nav > .section, .no-js .section-container.horizontal-nav > .section {
+  .no-js .section-container.auto > section, .no-js .section-container.auto > .section, .no-js .section-container.accordion > section, .no-js .section-container.accordion > .section, .no-js .section-container.tabs > section, .no-js .section-container.tabs > .section, .no-js .section-container.vertical-tabs > section, .no-js .section-container.vertical-tabs > .section, .no-js .section-container.vertical-nav > section, .no-js .section-container.vertical-nav > .section, .no-js .section-container.horizontal-nav > section, .no-js .section-container.horizontal-nav > .section {
     position: relative; }
-    .no-js .section-container.auto > .section > .title, .no-js .section-container.auto > .section > .title, .no-js .section-container.accordion > .section > .title, .no-js .section-container.accordion > .section > .title, .no-js .section-container.tabs > .section > .title, .no-js .section-container.tabs > .section > .title, .no-js .section-container.vertical-tabs > .section > .title, .no-js .section-container.vertical-tabs > .section > .title, .no-js .section-container.vertical-nav > .section > .title, .no-js .section-container.vertical-nav > .section > .title, .no-js .section-container.horizontal-nav > .section > .title, .no-js .section-container.horizontal-nav > .section > .title {
+    .no-js .section-container.auto > section > .title, .no-js .section-container.auto > .section > .title, .no-js .section-container.accordion > section > .title, .no-js .section-container.accordion > .section > .title, .no-js .section-container.tabs > section > .title, .no-js .section-container.tabs > .section > .title, .no-js .section-container.vertical-tabs > section > .title, .no-js .section-container.vertical-tabs > .section > .title, .no-js .section-container.vertical-nav > section > .title, .no-js .section-container.vertical-nav > .section > .title, .no-js .section-container.horizontal-nav > section > .title, .no-js .section-container.horizontal-nav > .section > .title {
       background-color: #efefef;
       cursor: pointer;
       margin-bottom: 0; }
-      .no-js .section-container.auto > .section > .title a, .no-js .section-container.auto > .section > .title a, .no-js .section-container.accordion > .section > .title a, .no-js .section-container.accordion > .section > .title a, .no-js .section-container.tabs > .section > .title a, .no-js .section-container.tabs > .section > .title a, .no-js .section-container.vertical-tabs > .section > .title a, .no-js .section-container.vertical-tabs > .section > .title a, .no-js .section-container.vertical-nav > .section > .title a, .no-js .section-container.vertical-nav > .section > .title a, .no-js .section-container.horizontal-nav > .section > .title, .no-js .section-container.horizontal-nav > .section > .title {
+      .no-js .section-container.auto > section > .title a, .no-js .section-container.auto > .section > .title a, .no-js .section-container.accordion > section > .title a, .no-js .section-container.accordion > .section > .title a, .no-js .section-container.tabs > section > .title a, .no-js .section-container.tabs > .section > .title a, .no-js .section-container.vertical-tabs > section > .title a, .no-js .section-container.vertical-tabs > .section > .title a, .no-js .section-container.vertical-nav > section > .title a, .no-js .section-container.vertical-nav > .section > .title a, .no-js .section-container.horizontal-nav > section > .title a, .no-js .section-container.horizontal-nav > .section > .title a {
         padding: 0.9375em;
         display: inline-block;
         color: #333333;
         font-size: 0.875em;
         white-space: nowrap; }
-      .no-js .section-container.auto > .section > .title:hover, .no-js .section-container.auto > .section > .title:hover, .no-js .section-container.accordion > .section > .title:hover, .no-js .section-container.accordion > .section > .title:hover, .no-js .section-container.tabs > .section > .title:hover, .no-js .section-container.tabs > .section > .title:hover, .no-js .section-container.vertical-tabs > .section > .title:hover, .no-js .section-container.vertical-tabs > .section > .title:hover, .no-js .section-container.vertical-nav > .section > .title:hover, .no-js .section-container.vertical-nav > .section > .title:hover, .no-js .section-container.horizontal-nav > .section > .title:hover, .no-js .section-container.horizontal-nav > .section > .title:hover {
+      .no-js .section-container.auto > section > .title:hover, .no-js .section-container.auto > .section > .title:hover, .no-js .section-container.accordion > section > .title:hover, .no-js .section-container.accordion > .section > .title:hover, .no-js .section-container.tabs > section > .title:hover, .no-js .section-container.tabs > .section > .title:hover, .no-js .section-container.vertical-tabs > section > .title:hover, .no-js .section-container.vertical-tabs > .section > .title:hover, .no-js .section-container.vertical-nav > section > .title:hover, .no-js .section-container.vertical-nav > .section > .title:hover, .no-js .section-container.horizontal-nav > section > .title:hover, .no-js .section-container.horizontal-nav > .section > .title:hover {
         background-color: #e2e2e2; }
-    .no-js .section-container.auto > .section .content, .no-js .section-container.auto > .section .content, .no-js .section-container.accordion > .section .content, .no-js .section-container.accordion > .section .content, .no-js .section-container.tabs > .section .content, .no-js .section-container.tabs > .section .content, .no-js .section-container.vertical-tabs > .section .content, .no-js .section-container.vertical-tabs > .section .content, .no-js .section-container.vertical-nav > .section .content, .no-js .section-container.vertical-nav > .section .content, .no-js .section-container.horizontal-nav > .section .content, .no-js .section-container.horizontal-nav > .section .content {
+    .no-js .section-container.auto > section .content, .no-js .section-container.auto > .section .content, .no-js .section-container.accordion > section .content, .no-js .section-container.accordion > .section .content, .no-js .section-container.tabs > section .content, .no-js .section-container.tabs > .section .content, .no-js .section-container.vertical-tabs > section .content, .no-js .section-container.vertical-tabs > .section .content, .no-js .section-container.vertical-nav > section .content, .no-js .section-container.vertical-nav > .section .content, .no-js .section-container.horizontal-nav > section .content, .no-js .section-container.horizontal-nav > .section .content {
       display: none;
       padding: 0.9375em;
       background-color: white; }
-      .no-js .section-container.auto > .section .content > *:last-child, .no-js .section-container.auto > .section .content > *:last-child, .no-js .section-container.accordion > .section .content > *:last-child, .no-js .section-container.accordion > .section .content > *:last-child, .no-js .section-container.tabs > .section .content > *:last-child, .no-js .section-container.tabs > .section .content > *:last-child, .no-js .section-container.vertical-tabs > .section .content > *:last-child, .no-js .section-container.vertical-tabs > .section .content > *:last-child, .no-js .section-container.vertical-nav > .section .content > *:last-child, .no-js .section-container.vertical-nav > .section .content > *:last-child, .no-js .section-container.horizontal-nav > .section .content > *:last-child, .no-js .section-container.horizontal-nav > .section .content > *:last-child {
+      .no-js .section-container.auto > section .content > *:last-child, .no-js .section-container.auto > .section .content > *:last-child, .no-js .section-container.accordion > section .content > *:last-child, .no-js .section-container.accordion > .section .content > *:last-child, .no-js .section-container.tabs > section .content > *:last-child, .no-js .section-container.tabs > .section .content > *:last-child, .no-js .section-container.vertical-tabs > section .content > *:last-child, .no-js .section-container.vertical-tabs > .section .content > *:last-child, .no-js .section-container.vertical-nav > section .content > *:last-child, .no-js .section-container.vertical-nav > .section .content > *:last-child, .no-js .section-container.horizontal-nav > section .content > *:last-child, .no-js .section-container.horizontal-nav > .section .content > *:last-child {
         margin-bottom: 0; }
-      .no-js .section-container.auto > .section .content > *:first-child, .no-js .section-container.auto > .section .content > *:first-child, .no-js .section-container.accordion > .section .content > *:first-child, .no-js .section-container.accordion > .section .content > *:first-child, .no-js .section-container.tabs > .section .content > *:first-child, .no-js .section-container.tabs > .section .content > *:first-child, .no-js .section-container.vertical-tabs > .section .content > *:first-child, .no-js .section-container.vertical-tabs > .section .content > *:first-child, .no-js .section-container.vertical-nav > .section .content > *:first-child, .no-js .section-container.vertical-nav > .section .content > *:first-child, .no-js .section-container.horizontal-nav > .section .content > *:first-child, .no-js .section-container.horizontal-nav > .section .content > *:first-child {
+      .no-js .section-container.auto > section .content > *:first-child, .no-js .section-container.auto > .section .content > *:first-child, .no-js .section-container.accordion > section .content > *:first-child, .no-js .section-container.accordion > .section .content > *:first-child, .no-js .section-container.tabs > section .content > *:first-child, .no-js .section-container.tabs > .section .content > *:first-child, .no-js .section-container.vertical-tabs > section .content > *:first-child, .no-js .section-container.vertical-tabs > .section .content > *:first-child, .no-js .section-container.vertical-nav > section .content > *:first-child, .no-js .section-container.vertical-nav > .section .content > *:first-child, .no-js .section-container.horizontal-nav > section .content > *:first-child, .no-js .section-container.horizontal-nav > .section .content > *:first-child {
         padding-top: 0; }
-      .no-js .section-container.auto > .section .content > *:last-child, .no-js .section-container.auto > .section .content > *:last-child, .no-js .section-container.accordion > .section .content > *:last-child, .no-js .section-container.accordion > .section .content > *:last-child, .no-js .section-container.tabs > .section .content > *:last-child, .no-js .section-container.tabs > .section .content > *:last-child, .no-js .section-container.vertical-tabs > .section .content > *:last-child, .no-js .section-container.vertical-tabs > .section .content > *:last-child, .no-js .section-container.vertical-nav > .section .content > *:last-child, .no-js .section-container.vertical-nav > .section .content > *:last-child, .no-js .section-container.horizontal-nav > .section .content > *:last-child, .no-js .section-container.horizontal-nav > .section .content > *:last-child {
+      .no-js .section-container.auto > section .content > *:last-child, .no-js .section-container.auto > .section .content > *:last-child, .no-js .section-container.accordion > section .content > *:last-child, .no-js .section-container.accordion > .section .content > *:last-child, .no-js .section-container.tabs > section .content > *:last-child, .no-js .section-container.tabs > .section .content > *:last-child, .no-js .section-container.vertical-tabs > section .content > *:last-child, .no-js .section-container.vertical-tabs > .section .content > *:last-child, .no-js .section-container.vertical-nav > section .content > *:last-child, .no-js .section-container.vertical-nav > .section .content > *:last-child, .no-js .section-container.horizontal-nav > section .content > *:last-child, .no-js .section-container.horizontal-nav > .section .content > *:last-child {
         padding-bottom: 0; }
-    .no-js .section-container.auto > .section.active > .content, .no-js .section-container.auto > .section.active > .content, .no-js .section-container.accordion > .section.active > .content, .no-js .section-container.accordion > .section.active > .content, .no-js .section-container.tabs > .section.active > .content, .no-js .section-container.tabs > .section.active > .content, .no-js .section-container.vertical-tabs > .section.active > .content, .no-js .section-container.vertical-tabs > .section.active > .content, .no-js .section-container.vertical-nav > .section.active > .content, .no-js .section-container.vertical-nav > .section.active > .content, .no-js .section-container.horizontal-nav > .section.active > .content, .no-js .section-container.horizontal-nav > .section.active > .content {
+    .no-js .section-container.auto > section.active > .content, .no-js .section-container.auto > .section.active > .content, .no-js .section-container.accordion > section.active > .content, .no-js .section-container.accordion > .section.active > .content, .no-js .section-container.tabs > section.active > .content, .no-js .section-container.tabs > .section.active > .content, .no-js .section-container.vertical-tabs > section.active > .content, .no-js .section-container.vertical-tabs > .section.active > .content, .no-js .section-container.vertical-nav > section.active > .content, .no-js .section-container.vertical-nav > .section.active > .content, .no-js .section-container.horizontal-nav > section.active > .content, .no-js .section-container.horizontal-nav > .section.active > .content {
       display: block; }
-    .no-js .section-container.auto > .section.active > .title, .no-js .section-container.auto > .section.active > .title, .no-js .section-container.accordion > .section.active > .title, .no-js .section-container.accordion > .section.active > .title, .no-js .section-container.tabs > .section.active > .title, .no-js .section-container.tabs > .section.active > .title, .no-js .section-container.vertical-tabs > .section.active > .title, .no-js .section-container.vertical-tabs > .section.active > .title, .no-js .section-container.vertical-nav > .section.active > .title, .no-js .section-container.vertical-nav > .section.active > .title, .no-js .section-container.horizontal-nav > .section.active > .title, .no-js .section-container.horizontal-nav > .section.active > .title {
+    .no-js .section-container.auto > section.active > .title, .no-js .section-container.auto > .section.active > .title, .no-js .section-container.accordion > section.active > .title, .no-js .section-container.accordion > .section.active > .title, .no-js .section-container.tabs > section.active > .title, .no-js .section-container.tabs > .section.active > .title, .no-js .section-container.vertical-tabs > section.active > .title, .no-js .section-container.vertical-tabs > .section.active > .title, .no-js .section-container.vertical-nav > section.active > .title, .no-js .section-container.vertical-nav > .section.active > .title, .no-js .section-container.horizontal-nav > section.active > .title, .no-js .section-container.horizontal-nav > .section.active > .title {
       background: #d5d5d5; }
-      .no-js .section-container.auto > .section.active > .title a, .no-js .section-container.auto > .section.active > .title a, .no-js .section-container.accordion > .section.active > .title a, .no-js .section-container.accordion > .section.active > .title a, .no-js .section-container.tabs > .section.active > .title a, .no-js .section-container.tabs > .section.active > .title a, .no-js .section-container.vertical-tabs > .section.active > .title a, .no-js .section-container.vertical-tabs > .section.active > .title a, .no-js .section-container.vertical-nav > .section.active > .title a, .no-js .section-container.vertical-nav > .section.active > .title a, .no-js .section-container.horizontal-nav > .section.active > .title a, .no-js .section-container.horizontal-nav > .section.active > .title a {
+      .no-js .section-container.auto > section.active > .title a, .no-js .section-container.auto > .section.active > .title a, .no-js .section-container.accordion > section.active > .title a, .no-js .section-container.accordion > .section.active > .title a, .no-js .section-container.tabs > section.active > .title a, .no-js .section-container.tabs > .section.active > .title a, .no-js .section-container.vertical-tabs > section.active > .title a, .no-js .section-container.vertical-tabs > .section.active > .title a, .no-js .section-container.vertical-nav > section.active > .title a, .no-js .section-container.vertical-nav > .section.active > .title a, .no-js .section-container.horizontal-nav > section.active > .title a, .no-js .section-container.horizontal-nav > .section.active > .title a {
         color: #333333; }
-    .no-js .section-container.auto > .section > .title, .no-js .section-container.auto > .section > .title, .no-js .section-container.accordion > .section > .title, .no-js .section-container.accordion > .section > .title, .no-js .section-container.tabs > .section > .title, .no-js .section-container.tabs > .section > .title, .no-js .section-container.vertical-tabs > .section > .title, .no-js .section-container.vertical-tabs > .section > .title, .no-js .section-container.vertical-nav > .section > .title, .no-js .section-container.vertical-nav > .section > .title, .no-js .section-container.horizontal-nav > .section > .title, .no-js .section-container.horizontal-nav > .section > .title {
+    .no-js .section-container.auto > section > .title, .no-js .section-container.auto > .section > .title, .no-js .section-container.accordion > section > .title, .no-js .section-container.accordion > .section > .title, .no-js .section-container.tabs > section > .title, .no-js .section-container.tabs > .section > .title, .no-js .section-container.vertical-tabs > section > .title, .no-js .section-container.vertical-tabs > .section > .title, .no-js .section-container.vertical-nav > section > .title, .no-js .section-container.vertical-nav > .section > .title, .no-js .section-container.horizontal-nav > section > .title, .no-js .section-container.horizontal-nav > .section > .title {
       top: 0;
       width: 100%;
       margin: 0;
       border-top: solid 1px #cccccc; }
-      .no-js .section-container.auto > .section > .title a, .no-js .section-container.auto > .section > .title a, .no-js .section-container.accordion > .section > .title a, .no-js .section-container.accordion > .section > .title a, .no-js .section-container.tabs > .section > .title a, .no-js .section-container.tabs > .section > .title a, .no-js .section-container.vertical-tabs > .section > .title a, .no-js .section-container.vertical-tabs > .section > .title a, .no-js .section-container.vertical-nav > .section > .title a, .no-js .section-container.vertical-nav > .section > .title a, .no-js .section-container.horizontal-nav > .section > .title, .no-js .section-container.horizontal-nav > .section > .title {
+      .no-js .section-container.auto > section > .title a, .no-js .section-container.auto > .section > .title a, .no-js .section-container.accordion > section > .title a, .no-js .section-container.accordion > .section > .title a, .no-js .section-container.tabs > section > .title a, .no-js .section-container.tabs > .section > .title a, .no-js .section-container.vertical-tabs > section > .title a, .no-js .section-container.vertical-tabs > .section > .title a, .no-js .section-container.vertical-nav > section > .title a, .no-js .section-container.vertical-nav > .section > .title a, .no-js .section-container.horizontal-nav > section > .title a, .no-js .section-container.horizontal-nav > .section > .title a {
         width: 100%; }
-    .no-js .section-container.auto > .section .title, .no-js .section-container.auto > .section .title, .no-js .section-container.accordion > .section .title, .no-js .section-container.accordion > .section .title, .no-js .section-container.tabs > .section .title, .no-js .section-container.tabs > .section .title, .no-js .section-container.vertical-tabs > .section .title, .no-js .section-container.vertical-tabs > .section .title, .no-js .section-container.vertical-nav > .section .title, .no-js .section-container.vertical-nav > .section .title, .no-js .section-container.horizontal-nav > .section .title, .no-js .section-container.horizontal-nav > .section .title {
+    .no-js .section-container.auto > section .title, .no-js .section-container.auto > .section .title, .no-js .section-container.accordion > section .title, .no-js .section-container.accordion > .section .title, .no-js .section-container.tabs > section .title, .no-js .section-container.tabs > .section .title, .no-js .section-container.vertical-tabs > section .title, .no-js .section-container.vertical-tabs > .section .title, .no-js .section-container.vertical-nav > section .title, .no-js .section-container.vertical-nav > .section .title, .no-js .section-container.horizontal-nav > section .title, .no-js .section-container.horizontal-nav > .section .title {
       position: static;
       width: 100%;
       border-left: 0;
       border-right: 0; }
-    .no-js .section-container.auto > .section .content, .no-js .section-container.auto > .section .content, .no-js .section-container.accordion > .section .content, .no-js .section-container.accordion > .section .content, .no-js .section-container.tabs > .section .content, .no-js .section-container.tabs > .section .content, .no-js .section-container.vertical-tabs > .section .content, .no-js .section-container.vertical-tabs > .section .content, .no-js .section-container.vertical-nav > .section .content, .no-js .section-container.vertical-nav > .section .content, .no-js .section-container.horizontal-nav > .section .content, .no-js .section-container.horizontal-nav > .section .content {
+    .no-js .section-container.auto > section .content, .no-js .section-container.auto > .section .content, .no-js .section-container.accordion > section .content, .no-js .section-container.accordion > .section .content, .no-js .section-container.tabs > section .content, .no-js .section-container.tabs > .section .content, .no-js .section-container.vertical-tabs > section .content, .no-js .section-container.vertical-tabs > .section .content, .no-js .section-container.vertical-nav > section .content, .no-js .section-container.vertical-nav > .section .content, .no-js .section-container.horizontal-nav > section .content, .no-js .section-container.horizontal-nav > .section .content {
       position: static;
       display: block;
       width: 100%;