Applied CSS for "show password box" to other themes

[jirafeau/pcanterino.git] / media / courgette / style.css.php

diff --git a/media/courgette/style.css.php b/media/courgette/style.css.php
index e8f0a76bdb3f89f7b6769c0ee26f5f1027c1a25d..d6f1e095912853f58fba66566240a23f6f114ebb 100644 (file)
--- a/media/courgette/style.css.php
+++ b/media/courgette/style.css.php
@@ -2,7 +2,7 @@
 /*
  *  Jyraphe, your web file repository
  *  Copyright (C) 2013
- *  Jerome Jutteau <j.jutteau@gmail.com>
+ *  Jerome Jutteau <jerome@jutteau.fr>
  *  Jimmy Beauvois <jimmy.beauvois@gmail.com>
  *
  *  This program is free software: you can redistribute it and/or modify
@@ -24,8 +24,6 @@
  * The content is dynamically generated for easier handling.
  */
 
-$dark = '#8B4513';
-
 header('Content-type: text/css');
 
 ?>
@@ -132,8 +130,9 @@ input[type="submit"]:hover,
 input[type="submit"]:focus {
   border: 0;
   position: relative;
-  top: 5px;
-  margin-bottom: 15px;
+  background: #085B69;
+  border-bottom: 5px solid #0D9CB2;
+  margin-bottom: 10px;
 }
 
 .inner {
@@ -287,6 +286,26 @@ input[type="submit"]:focus {
   background: url(email.png) no-repeat;
 }
 
+#show_password {
+  flex: 1 1 auto;
+  position: absolute;
+  right: 0%;
+  background: none;
+  border: none;
+  cursor: pointer;
+  opacity: 30%;
+}
+#show_password:hover {
+  opacity: 100%;
+}
+
+.passwordcolumn {
+  display: flex;
+  position: relative;
+  align-items: center;
+  width: 100%;
+}
+
 /* ==========================================================================
    5 = Terms of service
    ========================================================================== */