NIHVIVO-1238: Continue working on styles and making custom forms theme agnostic

themes/wilma/css/edit.css

@@ -3,12 +3,66 @@
 
 /******************* mb863: willma styles ********************************/
 
-label{
-    display: block; 
-    margin-top: .5em; 
-}
 input{
-    padding:0;
+    border: 0;
+    font-size: 14px;
+    padding: 10px;
+    background: #fff;
+    border: 1px solid #e0dfdf;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px; 
 }
 
+input#submit{
+    background: #222 url(../images/alert-overlay.png) repeat-x;
+    display: inline-block;
+    padding: 7px 22px 8px;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px; 
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    position: relative;
+    cursor: pointer;
+    border: 0;
+    margin:0;
+    margin-top:1.2em;
+    background-color: #749a02;
+    color: #fff;
+    font-size: 16px;
+    font-weight: normal;
+    line-height: 1;
+}
 
+/* STYLED BUTTONS ------>  
+p input#submit,
+p input#submit:visited {
+    background: #222 url(../images/alert-overlay.png) repeat-x;
+    display: inline-block;
+    padding: 7px 22px 8px;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px; 
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    position: relative;
+    cursor: pointer;
+    border: 0;
+    margin:0;
+    height: 24px;
+    background-color: #749a02;
+    color: #fff;
+    font-size: 16px;
+    font-weight: normal;
+    line-height: 1; 
+}
+p input#submit:hover {
+    background-color: #111;
+    color: #fff;
+    background-color: #b2d15a;
+}
+p input#submit:active {
+    top: 1px;
+}
+*/

themes/wilma/css/formedit.css

@@ -1,10 +0,0 @@
-/* $This file is distributed under the terms of the license in /doc/license.txt$ */
-
-/*************************************************
-This styles will change for wilma theme.
-
-wilma theme: editing form styles copied from vivo-basic
- 
-This document is included by formPrefix.jsp
- 
-

themes/wilma/css/screen.css

@@ -26,5 +26,6 @@ VIVO wilma theme: screen styles
 @import url("reset.css");
 @import url("edit.css");
 @import url("pictos.css");
-@import url("wilma.css");
-/*@import url("formedit.css");  mb863 move the content of formedit.css to edit.css in vtiro */
+/*@import url("formedit.css");  mb863 move the content of formedit.css to edit.css in vitro */
+@import url("edit.css");
+@import url("wilma.css");

themes/wilma/css/wilma.css

@@ -365,13 +365,13 @@ p.password-note{
     height: 44px;
     background: url(../images/search-field-and-button.png) 0 0 no-repeat;
 }
-#search-home-field  .submit {
+#search-home-field  input.submit {
     text-decoration: none;
     background-color: transparent;
     color: #fff;
     font-size: 18px;
     border: none;
-    padding-left: 40px;
+    padding-left: 20px;
     padding-top: 8px;
     cursor: pointer;
 }