Applied CSS for "show password box" to other themes

[jirafeau/jirafeau.git] / media / dark-courgette / style.css.php

diff --git a/media/dark-courgette/style.css.php b/media/dark-courgette/style.css.php
index 93b52d6c8de112a65be244a41372d4c8dda6fac6..fc78d3ce9e1af5090086fbd231768b667b66be33 100644 (file)
--- a/media/dark-courgette/style.css.php
+++ b/media/dark-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
@@ -134,7 +134,7 @@ input[type="submit"]:focus {
   position: relative;
   background: #FFF;
   border-bottom: 5px solid #555;
-  margin-bottom: 15px;
+  margin-bottom: 10px;
 }
 
 .inner {
@@ -289,6 +289,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
    ========================================================================== */
@@ -471,4 +491,4 @@ textarea[readonly="readonly"] + p + p a:focus {
   padding-left: 40px;
   padding-top: 10px;
   padding-bottom: 10px;
-}
+}
\ No newline at end of file