Toolbox output. Mostly css, some jquery.

Toolbox output: foundation, font, margins, various css.
Changes made to font in the Toolbox should now hold.
Some jquery to force foundation onto ul > li

diff --git a/styles.css b/styles.css
index 44eb603..e96c0e5 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -14,7 +14,7 @@ time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
-  font: inherit;
+/*  font: inherit;*/
   font-size: 100%;
   vertical-align: baseline;
 }
@@ -96,20 +96,32 @@ body {
   color: #004a80;
   text-decoration: underline;
 }
+.container .inner-container #toolbox > div {
+    padding: 0 !important;
+}
 .container .inner-container #toolbox p {
-  margin-bottom: 25px;
+    margin-bottom: 25px;
+    text-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
+    line-height: 135%;
+    font-size: 15px;
 }
 .container .inner-container #toolbox #category {
   margin-top: 60px;
+}
+.container .inner-container #toolbox #category p {
+
 }
 .container .inner-container #toolbox .listing {
-  margin-top: 45px;
+  margin-top: 60px;
 }
 .container .inner-container #toolbox ul {
   list-style-type: disc;
 }
 .container .inner-container #toolbox ul li {
 /*  margin: 0 3px 15px 0;*/
+    line-height: 150%;
+    text-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
+    font-size: 15px;
 }
 @media only screen and (max-width: 30em) {
   .container .inner-container #toolbox ul {

diff --git a/templates/template.html b/templates/template.html
index 52bc1d4..5d86cbe 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -275,6 +275,7 @@
             $(this).siblings('ul').toggleClass('open');
           });
         $('.datepicker').datepicker();
+        $('#toolbox .listing ul li').attr('class','small-12 medium-6 columns');
       });
     </script>
   </body>