jlengrand/savethedate
1
0
Fork 0
mirror of https://github.com/nat3yice/savethedate.git synced 2026-03-10 08:51:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

styled login error message

Browse Source
This commit is contained in:
nat3yice
2018-03-04 20:48:43 +01:00
parent 3590a3100c
commit c98fff9848
3 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
rsvp.css
View File

@@ -224,8 +224,8 @@ input:focus {outline:0;}
.btn:focus {
outline: 0;
background-color: #fff;
color: #50E3C2;
background-color: #50E3C2;
color: #fff;
}
.active {
color: #fff;

6
savethedate.css
View File

@@ -202,9 +202,15 @@ img {
font-size: 60px;
background-color: transparent;
}
.login-form {
margin-top: 1em;
}
.overlay div {
background-color: pink;
}
#take-me-in-btn {
display : flex;
width : 262px;

14
savethedate.html
View File

@@ -138,17 +138,17 @@
</div>
</div>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<div class="overlay-content">
<p class="modal-message">Please use your invitation email and code we sent</p>
<input tabindex="1" class="input-box" type="text" id="email-input" tabindex="10" value="" placeholder="email">
<input tabindex="1" class="input-box" type="text" id="email-input" tabindex="10" value="" placeholder="email">
<br>
<input tabindex="2" class="input-box" type="text" id="code-input" value="" placeholder="code">
<input tabindex="2" class="input-box" type="text" id="code-input" value="" placeholder="code">
<br>
<button tabindex="3" id="take-me-in-btn" onclick="openRsvp()">Take me in!</button>
</div>
<div id="invalid-credentials">
Please make sure that both the email and code are valid
<div class="invalid-credentials" id="invalid-credentials" style="font-size:22px; color: #ED3F54; font-weight: bold; letter-spacing: 1px; line-height: 150%;">
Hmm.. that didn't work </br>Please make sure to use your invitation email and code we sent
</div>
<button tabindex="3" id="take-me-in-btn" onclick="openRsvp()">Take me in!</button>
</div>
</div>
</body>