Fenêtre changer mdp
HTML
<div class="formboxwrapper">
<div style=" " class="formbox">
<div id="confpassboxtitle" class="formboxtitle h20 lh20">
<div class="boxtitle">( Réinitialiser votre mot de passe )</div>
<div id="closeresetbox" class="boxclose w20">X</div>
<div class="iconebox ">
<img src="http://www.junkst.com/Images/Icones/logo_junkst.png" class="h40 w40" />
</div>
</div>
<form method="Post" action="#" id="submitstatutform" name="submitstatutform">
<p style="border-top:none;">
<label class="poslabelbox1 h30 lh30" style="">e-mail:</label>
<input name="resetmail" id="resetmail" placeholder="[email protected]" size="95" type="text" class="h30 lh30" />
</p>
<p id="resultreset">Mot de passe changé avec succès...</p>
<!-- <p> <input type="file" name="nom" value="Joindre une image"/></p> -->
<p style="text-align:center;">
<button type="submit" name="btnsubmitstatut" id="resetconf" value="Envoyer" onclick="">Envoyer !</button>
<input name="action" value="action" id="actionform" type="hidden" />
<!-- <button type="button" name="cancel" value="Annuler" onclick="closeformbox('statutbox')">Annuler</button>-->
</p>
</form>
</div>
</div>
CSS
html {
font-size:100%;
}
.h40 {
height:40px;
}
.lh40 {
line-height:40px;
}
.w40 {
width:40px;
}
.w30 {
width:30px;
}
.h30 {
height:30px;
}
.lh30 {
line-height:30px;
}
.w20 {
width:20px;
}
.h20 {
height:20px;
}
.lh20 {
line-height:20px;
}
.formboxwrapper {
position: fixed;
left:50%;
top: 20%;
}
.formbox {
position:relative;
margin-left: -50%;
font-size: 0.9rem;
width: 500px;
padding-bottom:2%;
z-index: 101;
padding-top: 3.5%;
padding-left: 0;
background-color: #FFF !important;
font-family: calibri, "lucida sans";
border: 7px solid #DCDCDC;
box-shadow: 1px 1px 5px black;
}
.formbox button {
background-color: gainsboro;
padding: 1% !important;
font-size: 0.9rem;
text-align: center;
color: #990000;
display: inline-block;
vertical-align: middle;
text-indent: 0px;
border-width: 1px medium;
border-style: solid none;
border-color: grey;
width: 80%;
margin-left: auto;
margin-right: auto;
font-family:'Georgia';
font-weight:bold;
text-shadow:2px 2px 3px white;
cursor:pointer;
}
.formbox button:hover {
background-color: rgba(221, 221, 255, 1);
}
.formbox button:active {
background-color: rgba(196, 190, 196, 1);
}
.formbox label {
position: absolute;
left: 4%;
;
display: block;
background: none repeat scroll 0% 0% #DCDCDC;
width: 20%;
text-align: center;
vertical-align: middle;
color: grey;
}
.formbox p {
margin:auto;
font-size: 1rem;
color: #FF7000;
padding-bottom: 4%;
padding-top: 4%;
text-align:center;
display:block;
position:relative;
}
.formboxtitle {
text-align: center;
vertical-align: middle;
margin-left: auto;
font-family: Georgia;
font-size: 0.9rem;
border: 1px solid #DCDCDC;
letter-spacing: 1.5px;
font-weight:;
color: #808080;
background-color: #DCDCDC;
position:relative;
...