[Noalyss-commit] [noalyss] 201/323: CSS : page login : forgotten email

[Dany De Bontridder]

sparkyx pushed a commit to branch master
in repository noalyss.

commit ac2b811b6d1565bd83a45ec42634e9b4eeb6dec5
Author: Dany De Bontridder <address@hidden>
Date:   Mon Feb 12 19:00:01 2018 +0100

    CSS : page login : forgotten email
---
 html/index.css | 64 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 html/index.php |  4 ++--
 2 files changed, 65 insertions(+), 3 deletions(-)

diff --git a/html/index.css b/html/index.css
index ad79604..c8d6c5c 100644
--- a/html/index.css
+++ b/html/index.css
@@ -62,6 +62,20 @@ background-repeat: repeat-x repeat-y;
 #logo_id {
     width:19%;
 }
+
+
+#recover_box {
+
+    display: block;
+    position: absolute;
+    top: 40%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 30%;
+    margin-left: 25%;
+    background-color: whitesmoke;
+
+}
 @media only screen and (max-width : 360px) {
     #alternate_browser {
         display : none;
@@ -87,6 +101,18 @@ background-repeat: repeat-x repeat-y;
     margin-bottom:30px;
     width: 100%;
     }
+    #recover_box {
+
+    display: block;
+    position: absolute;
+    top: 15%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 96%;
+    margin-left: 1%;
+    background-color: whitesmoke;
+
+}
  
 }
 @media only screen and (max-width : 900px) {
@@ -104,7 +130,18 @@ background-repeat: repeat-x repeat-y;
     .input_text {
         width:8em;
     }
- 
+     #recover_box {
+
+    display: block;
+    position: absolute;
+    top: 15%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 96%;
+    margin-left: 1%;
+    background-color: whitesmoke;
+
+}
 }
 @media only screen and (min-width : 901px) {
     #alternate_browser {
@@ -135,6 +172,18 @@ background-repeat: repeat-x repeat-y;
     left:539px;
     background-color: white;
 }
+    #recover_box {
+
+    display: block;
+    position: absolute;
+    top: 15%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 96%;
+    margin-left: 1%;
+    background-color: whitesmoke;
+
+}
 }
 @media only screen and (min-width : 1100px) {
     #alternate_browser {
@@ -165,4 +214,17 @@ background-repeat: repeat-x repeat-y;
     left:539px;
     background-color: white;
 }
+#recover_box {
+
+    display: block;
+    position: absolute;
+    top: 40%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 30%;
+    margin-left: 25%;
+    background-color: whitesmoke;
+
+}
+
 }
diff --git a/html/index.php b/html/index.php
index 716ffdb..4d112d3 100644
--- a/html/index.php
+++ b/html/index.php
@@ -233,12 +233,12 @@ echo '
 
 ?>
 </table>
-
+</center>
 </form>
 <?php if (defined("RECOVER")) : ?>
     <a id="recover_link" href="#">Mot de passe oublié ? </a>
     
-<div id="recover_box" 
style="display:none;position:absolute;top:40%;z-index:1;border:solid blue 
2px;width:30%;margin-left: 25%;background-color: whitesmoke">
+<div id="recover_box">
     <span style="display:block;font-size:120%;padding:10px">Indiquez votre 
login ou votre email <span style="cursor: pointer;background-color: 
white;color:block;top:-5px;float: right;position:relative;right:-5px" 
id="close"><a ref="#" id="close_link"><?php echo SMALLX?></a></span></span>
             <form method="POST">
                 <input type="hidden" value="send_email" name="id">