From e012f18f434007d7b660f3442c1f2316d0d7f323 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 9 Feb 2012 11:10:48 -0500
Subject: [PATCH] Styled calc

---
 css/application.css | 36 ++++++++++++++++++++++++++++++++++++
 css/marketing.css   | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 72 insertions(+)

diff --git a/css/application.css b/css/application.css
index 6ac1eba58c..8d65dcb146 100644
--- a/css/application.css
+++ b/css/application.css
@@ -713,6 +713,42 @@ div#feedback_div form ol li {
   div#feedback_div form ol li textarea#feedback_message {
     height: 100px; }
 
+div#calculator_div {
+  max-width: 500px; }
+  div#calculator_div form {
+    padding-bottom: 22.652px;
+    margin-bottom: 22.652px;
+    border-bottom: 1px solid #ddd; }
+    div#calculator_div form input#calculator_input {
+      width: 400px; }
+    div#calculator_div form input#calculator_button {
+      background: 0;
+      color: #993333;
+      border: 0;
+      -webkit-box-shadow: none;
+      -moz-box-shadow: none;
+      -ms-box-shadow: none;
+      -o-box-shadow: none;
+      box-shadow: none;
+      padding: 0;
+      text-shadow: none; }
+      div#calculator_div form input#calculator_button:hover {
+        color: #333; }
+    div#calculator_div form input#calculator_output {
+      border: 0;
+      background: 0;
+      padding: 7.928px;
+      width: 60px;
+      font-size: 24px;
+      font-weight: bold; }
+  div#calculator_div dl dt {
+    float: left;
+    clear: both;
+    padding-right: 11.326px;
+    font-weight: bold; }
+  div#calculator_div dl dd {
+    float: left; }
+
 div.course-wrapper ul, div.course-wrapper ol {
   list-style: none; }
 div.course-wrapper div#accordion div#open_close_accordion {
diff --git a/css/marketing.css b/css/marketing.css
index 4ff920c173..916f05173e 100644
--- a/css/marketing.css
+++ b/css/marketing.css
@@ -787,3 +787,39 @@ div#feedback_div form ol li {
   width: 100%; }
   div#feedback_div form ol li textarea#feedback_message {
     height: 100px; }
+
+div#calculator_div {
+  max-width: 500px; }
+  div#calculator_div form {
+    padding-bottom: 25.888px;
+    margin-bottom: 25.888px;
+    border-bottom: 1px solid #ddd; }
+    div#calculator_div form input#calculator_input {
+      width: 400px; }
+    div#calculator_div form input#calculator_button {
+      background: 0;
+      color: #993333;
+      border: 0;
+      -webkit-box-shadow: none;
+      -moz-box-shadow: none;
+      -ms-box-shadow: none;
+      -o-box-shadow: none;
+      box-shadow: none;
+      padding: 0;
+      text-shadow: none; }
+      div#calculator_div form input#calculator_button:hover {
+        color: #333; }
+    div#calculator_div form input#calculator_output {
+      border: 0;
+      background: 0;
+      padding: 9.061px;
+      width: 60px;
+      font-size: 24px;
+      font-weight: bold; }
+  div#calculator_div dl dt {
+    float: left;
+    clear: both;
+    padding-right: 12.944px;
+    font-weight: bold; }
+  div#calculator_div dl dd {
+    float: left; }