Right-aligned input buttons, added gradient

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 1092dccff9669a5c6a69d482d91c470c34b134ac..153e5ab0ef3799276e339683b198100e73400cac 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -69,34 +69,39 @@ a.mediagoblin_logo:hover {
   float:right;
 }
 
+/* common website elements */
+
+.dotted_line {
+  width:100%;
+  height:0px;
+  border-bottom: dotted 1px #5f5f5f;
+  position:absolute;
+  left:0px;
+  margin-top:-20px;
+}
+
 .button {
   font-family:'Carter One', arial, serif;
   height:32px;
   min-width:99px;
   background-color:#86d4b1;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2)); 
+  background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2); 
+  background-image:    -moz-linear-gradient(top, #86d4b1, #62caa2); 
+  background-image:     -ms-linear-gradient(top, #86d4b1, #62caa2); 
+  background-image:      -o-linear-gradient(top, #86d4b1, #62caa2); 
+  background-image:         linear-gradient(top, #86d4b1, #62caa2);
   box-shadow:0px 0px 4px #000;
   border-radius:5px;
   border:none;
   color:#272727;
-  margin:10px;
+  margin:10px 0px;
   font-size:1em;
-  display:block;
   text-align:center;
   padding-left:11px;
   padding-right:11px;
 }
 
-/* common website elements */
-
-.dotted_line {
-  width:100%;
-  height:0px;
-  border-bottom: dotted 1px #5f5f5f;
-  position:absolute;
-  left:0px;
-  margin-top:-20px;
-}
-
 /* forms */
 
 .form_box {
@@ -139,6 +144,10 @@ a.mediagoblin_logo:hover {
   margin-bottom:8px;
 }
 
+.form_submit_buttons {
+  text-align:right;
+}
+
 /* media pages */
 
 img.media_image {