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">
|
||||
</div><br>
|
||||
|
||||
<div class="grt">
|
||||
<div class="err_msg">
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Login" name="login" id="input_login" class="input_field">
|
||||
|
|
|
@ -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) {
|
||||
|
||||
|
|
Loading…
Reference in New Issue