Browse code

make donate button green

Nima Fatemi authored on08/12/2015 23:42:10
Showing2 changed files
... ...
@@ -229,6 +229,26 @@ footer.footer{
229 229
     padding-bottom: 10px;
230 230
     background-color: #f5f5f5;
231 231
 }
232
+.donate-button {
233
+	background-color: #5CA462;
234
+	border-color: #47A24E;
235
+}
236
+.donate-button:hover{
237
+	background-color: #2F8E38;
238
+	border-color: #47A24E; 
239
+}
240
+.donate-button:focus{
241
+	background-color: #2F8E38;
242
+	border-color: #47A24E; 
243
+}
244
+.donate-button:active{
245
+	background-color: #2F8E38;
246
+	border-color: #47A24E; 
247
+}
248
+.donate-button:active:hover{
249
+	background-color: #2F8E38;
250
+	border-color: #47A24E; 
251
+}
232 252
 @media (max-width: 991px) {
233 253
 	blockquote {
234 254
 		margin: 30px 0 0 0;
... ...
@@ -90,7 +90,7 @@
90 90
             </div>
91 91
             <div style="padding: 0 15px;">
92 92
               <h5 class="error-msg">The minimum donation amount is $5</h5>
93
-              <button id="donate-btn" class="btn btn-primary btn-lg btn-block" style="padding:10px;">Donate</button>
93
+              <button id="donate-btn" class="btn btn-primary btn-lg btn-block donate-button" style="padding:10px;">Donate</button>
94 94
               <h5>via PayPal (doesn't require an account)</h5>
95 95
               <h4><a href="<page donate/donate-options>">Other Ways to Donate</a></h4>
96 96
             </div>