Format the error message

This commit is contained in:
Dimitrios Stoupis 2019-11-30 17:05:16 +00:00
parent c16b10236e
commit 73b9880eb4
No known key found for this signature in database
GPG Key ID: B264799BAB5100BB
2 changed files with 9 additions and 17 deletions

View File

@ -30,7 +30,7 @@
<input placeholder="Password" type="password" name="password" id="field_password" class="input_field">
</div><br>
<div class="grt">
<div class="err_msg">
</div>
<input type="submit" value="Login" name="login" id="input_login" class="input_field">

View File

@ -1,5 +1,4 @@
:root {
--form_bg: #ffffff;
--input_bg: #E5E5E5;
--input_hover:#eaeaea;
--accept_bg: #1FCC44;
@ -14,7 +13,6 @@ html {
margin: 0;
}
/* Overide browser defaults */
* {
padding: 0;
@ -22,8 +20,6 @@ html {
box-sizing: border-box;
}
/* Style the form wrapper */
body {
/* Set custom font */
@ -41,14 +37,9 @@ table {
margin-top: 5%;
}
/* Display the image centered on the left */
/* Format the different images*/
#form_icon,
#form_icon_prompt {
/* Center the image */
display: flex;
justify-content: center;
align-items: center;
@ -76,8 +67,6 @@ table {
transform: translate(-50%, 25%);
}
/* Style input fields */
.input_container {
background-color: var(--input_bg);
@ -103,7 +92,6 @@ table {
width: 100%;
}
.input_field {
/* Customize the input tag with lighter font and some padding*/
color: var(--icon_color);
@ -159,6 +147,13 @@ table {
background-color: var(--deny_hover);
}
/* Format the error messages */
.err_msg {
color: red;
font-weight: bold;
font-size: 110%;
}
/* General page styling */
h1,
@ -175,9 +170,6 @@ i {
color: var(--icon_color);
}
/* Make it responsive */
@media screen and (max-width:768px) {