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"> <input placeholder="Password" type="password" name="password" id="field_password" class="input_field">
</div><br> </div><br>
<div class="grt"> <div class="err_msg">
</div> </div>
<input type="submit" value="Login" name="login" id="input_login" class="input_field"> <input type="submit" value="Login" name="login" id="input_login" class="input_field">

View File

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