Change donation drive panel to a thank you

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

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 2df8b7e6537e6d09b285f4adfb555749911936cd..45a047611d946a93c2c119323e9b79b724686334 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -15,9 +15,15 @@ fieldset,img { border: 0; }
 
 legend { color: #000; }
 
-sup { vertical-align: text-top; }
+sup {
+  vertical-align: super;
+  font-size: smaller;
+}
 
-sub { vertical-align: text-bottom; }
+sub {
+  vertical-align: sub;
+  font-size: smaller;
+}
 
 table {
   border-collapse: collapse;
@@ -715,6 +721,7 @@ nav.secondary {
       text-decoration: none;
       background-color: $lightblue;
       padding: 5px 10px;
+      border-right: 1px solid #fff;
     }
 
     a:first-child {
@@ -723,7 +730,6 @@ nav.secondary {
     }
 
     a:last-child {
-      border-left: 1px solid #fff;
       border-radius: 0 4px 4px 0;
     }
 
@@ -978,6 +984,7 @@ header .search_forms,
 
 .search_results_error {
   color: #f00;
+  padding: 10px 20px;
 }
 
 /* Rules for routing */
@@ -2509,6 +2516,10 @@ input.richtext_title[type="text"] {
     background-position: -300px 0;
   }
 
+  .sprite.rules {
+    background-position: -350px 0;
+  }
+
   .start-mapping {
     margin: auto;
     cursor: pointer;
@@ -2659,6 +2670,43 @@ input.richtext_title[type="text"] {
     &.open         { background-position: 0px  -80px; }
     &.partners     { background-position: 0px -120px; }
     &.infringement { background-position: 0px -160px; }
+    &.legal        { background-position: -45px -160px; }
+  }
+}
+
+#sidebar #donate {
+  background-color: rgb(89, 89, 89);
+  padding: 10px 5px;
+  min-height: 120px;
+
+  .sprite {
+    background: transparent image-url('donate-sprite@2x.png') no-repeat scroll 0 0 / 120px 100px;
+  }
+
+  .sprite.logo {
+    float: left;
+    background-position: 0 0;
+    height: 100px;
+    width: 100px;
+  }
+
+  h2 {
+    margin-left: 100px;
+    padding: 14px 10px 6px 10px;
+  }
+
+  p {
+    margin-left: 100px;
+    padding: 2px 10px 3px 10px;
+  }
+
+  a {
+    color: $offwhite;
+  }
+
+  :hover {
+    text-decoration: none;
+    color: #b7b7bf;
   }
 }