Format the error message
This commit is contained in:
parent
c16b10236e
commit
73b9880eb4
|
@ -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">
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue