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 4d38d5ba988b01c7968d54839a7b26d3e88737c3..fc78d3ce9e1af5090086fbd231768b667b66be33 100644 (file)
--- a/media/dark-courgette/style.css.php
+++ b/media/dark-courgette/style.css.php
@@ -134,7 +134,7 @@ input[type="submit"]:focus {
   position: relative;
   background: #FFF;
   border-bottom: 5px solid #555;
   position: relative;
   background: #FFF;
   border-bottom: 5px solid #555;

-  margin-bottom: 15px;
+  margin-bottom: 10px;

 }
 
 .inner {
 }
 
 .inner {


@@ -289,6 +289,26 @@ input[type="submit"]:focus {
   background: url(email.png) no-repeat;
 }
 
   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
    ========================================================================== */
 /* ==========================================================================
    5 = Terms of service
    ========================================================================== */


@@ -471,4 +491,4 @@ textarea[readonly="readonly"] + p + p a:focus {
   padding-left: 40px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 40px;
   padding-top: 10px;
   padding-bottom: 10px;

-}
+}
\ No newline at end of file