[BUGFIX] prevent send button to "move" when focused or hovered

diff --git a/media/courgette/style.css.php b/media/courgette/style.css.php
index e8f0a76bdb3f89f7b6769c0ee26f5f1027c1a25d..36836ed7d7c6ef90eaeab3af531d78d031663984 100644 (file)
--- a/media/courgette/style.css.php
+++ b/media/courgette/style.css.php
@@ -24,8 +24,6 @@
  * The content is dynamically generated for easier handling.
  */
 
-$dark = '#8B4513';
-
 header('Content-type: text/css');
 
 ?>
@@ -132,7 +130,8 @@ input[type="submit"]:hover,
 input[type="submit"]:focus {
   border: 0;
   position: relative;
-  top: 5px;
+  background: #085B69;
+  border-bottom: 5px solid #0D9CB2;
   margin-bottom: 15px;
 }
 

diff --git a/media/dark-courgette/style.css.php b/media/dark-courgette/style.css.php
index b39a05dcdb6dd1c01dcecda763c6218197ef4436..93b52d6c8de112a65be244a41372d4c8dda6fac6 100644 (file)
--- a/media/dark-courgette/style.css.php
+++ b/media/dark-courgette/style.css.php
@@ -24,8 +24,6 @@
  * The content is dynamically generated for easier handling.
  */
 
-$dark = '#8B4513';
-
 header('Content-type: text/css');
 
 ?>
@@ -114,7 +112,7 @@ input[type="submit"] {
   padding: 0.4em 2.2em;
   font-size: 1.1em;
   color: #FFF;
-  border-bottom: 5px solid #fff;
+  border-bottom: 5px solid #FFF;
   cursor: pointer;
   margin: 10px;
 }
@@ -132,8 +130,10 @@ select { width: 100%; }
 input[type="submit"]:hover,
 input[type="submit"]:focus {
   border: 0;
+  color: #555;
   position: relative;
-  top: 5px;
+  background: #FFF;
+  border-bottom: 5px solid #555;
   margin-bottom: 15px;
 }
 

diff --git a/media/elegantish/elegantish.css b/media/elegantish/elegantish.css
index ddfd896e6e5c02b571b0efd45ef875645926c995..7e04ac8624353de5512fa9f930406815d410d40b 100644 (file)
--- a/media/elegantish/elegantish.css
+++ b/media/elegantish/elegantish.css
@@ -36,7 +36,7 @@
   @import url(https://fonts.googleapis.com/css?family=Open+Sans|Lobster);
 
 body {
-  background: ##050505;
+  background: #050505;
   background-image: url("bg1.png"), url("bg2.png");
   background-repeat: repeat-x, repeat;
   font-family: 'Lobster', cursive;
@@ -124,7 +124,8 @@ input[type="submit"]:focus {
   font-family: 'Lobster', cursive;
   border: 0;
   position: relative;
-  top: 5px;
+  background: #085B69;
+  border-bottom: 5px solid #157EFB;
   margin-bottom: 15px;
 }