Refactor contributor terms using new form styles

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 4bb1586371e86bda0f85c13911f710bea5a2100d..599cce32d2908fbcbbea0ed6e779923a6a9958ae 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1236,45 +1236,50 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 
 /* Rules for the account confirmation page */
 
-div#contributorTerms {
-  border: 1px solid #ccc;
-  padding: 20px;
-  margin-bottom: 20px;
-  overflow: auto;
-  height: 398px;
-}
-
-div#contributorTerms p#last {
-  margin-bottom: 0px;
-}
-
-div#contributorTerms ol {
-  margin-bottom: 0px;
-}
-
-div#contributorTerms img {
-  display: block;
-  margin: 20px auto inherit auto;
-}
-
-form#termsForm div#buttons {
-  float: right;
-}
-
-form#termsForm input#agree {
-  margin-left: 40px;
-}
-
-div#slim_content form#termsForm {
-  width: auto;
-}
-
-p#contributorGuidance {
-  background-color: #f4f4ff;
-  border-radius: 4px;
-  -moz-border-radius: 4px;
-  margin-top: 20px;
-  padding: 10px;
+#terms {
+  .legale {
+    border: 1px solid #ccc;
+    padding: 20px;
+    margin-bottom: 20px;
+    overflow: auto;
+    height: 10em;
+  
+    &:p#last {
+      margin-bottom: 0px;
+    }
+    
+    &:ol {
+      margin-bottom: 0px;
+    }
+    
+    &:img {
+      display: block;
+      margin: 20px auto inherit auto;
+    }
+  }
+  
+  form.sign {
+    input[type=submit] {
+      float: left;
+    }
+    #decline {
+      background: #AAA;
+      &:hover {
+        background: #777;
+      }
+    }
+  }
+  fieldset {
+    margin-bottom: 20px;
+  }
+  #contributorGuidance {
+    background-color: #f4f4ff;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+  }
+  .signing-buttons {
+    height: 50px;
+  }
 }
 
 /* Rules for the account settings page */
@@ -1427,24 +1432,22 @@ p#contributorGuidance {
 
 /* Rules for forms */
 
-.submitButton {
-  text-align: center;
-}
+.standard-form fieldset {
+  margin-bottom: 20px;
 
-.fieldName {
-  vertical-align: top;
-  font-weight: bold;
-  font-size: 12px;
-  line-height: 1.6666;
-  text-align: right;
 }
 
-.submitButton {
-  text-align: right;
+.standard-form label {
+  display: block;
+  width: 200px;
+  margin-right: 10px;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 1.5;
 }
 
-.minorNote {
-  font-size: 12px;
+.standard-form .form-row {
+  margin-bottom: 10px;
 }
 
 input[type="text"],
@@ -1535,7 +1538,12 @@ ul.secondary-actions {
 
 /* Utility for general button styles */
 
+input[type="button"],
+input[type="submit"],
+input[type="reset"],
 a.button {
+  cursor: pointer;
+  border: 0;
   display: block;
   padding: 5px;
   min-width: 120px;
@@ -1607,6 +1615,16 @@ a.button.submit {
     padding: 2px 3px;
   }
 
+  pre {
+    font-size: 13px;
+    background: #e8e8e8;
+    padding: 2px 3px;
+
+    code {
+      padding: 0;
+    }
+  }
+
   img {
     padding: 20px;
     background-color: #f4f4ff;
@@ -1678,6 +1696,7 @@ a.button.submit {
     margin-left: 15px;
     background-color: #f8f8ff;
     padding: 10px;
+    width: 300px;
     max-width: 450px;
 
     ul {