Clean code
This commit is contained in:
+9
-21
@@ -66,14 +66,12 @@ body {
|
|||||||
/* ------------------------
|
/* ------------------------
|
||||||
Windows Login
|
Windows Login
|
||||||
------------------------ */
|
------------------------ */
|
||||||
.messages, .login
|
.messages, .login {
|
||||||
{
|
|
||||||
width: 800px;
|
width: 800px;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ynh-wrapper
|
.ynh-wrapper {
|
||||||
{
|
|
||||||
background-image: url("pictures/login-logo.jpg");
|
background-image: url("pictures/login-logo.jpg");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position-x: 50px;
|
background-position-x: 50px;
|
||||||
@@ -84,9 +82,7 @@ body {
|
|||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.messages
|
.messages {
|
||||||
{
|
|
||||||
/*float: left;*/
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border-radius: 0 0 15px 15px;
|
border-radius: 0 0 15px 15px;
|
||||||
margin-top: 256px;
|
margin-top: 256px;
|
||||||
@@ -96,11 +92,9 @@ body {
|
|||||||
/* Typo Rules */
|
/* Typo Rules */
|
||||||
font-family: 'NotoSansBold', serif;
|
font-family: 'NotoSansBold', serif;
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
/*text-transform: capitalize;*/
|
|
||||||
font-variant: small-caps;
|
font-variant: small-caps;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
/* Drop Shadow */
|
|
||||||
box-shadow: 8px 8px 8px rgb(16, 28, 22);
|
box-shadow: 8px 8px 8px rgb(16, 28, 22);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -108,27 +102,23 @@ body {
|
|||||||
background-color: #5d5446;
|
background-color: #5d5446;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login
|
.login {
|
||||||
{
|
|
||||||
background-color: #2c2b27;
|
background-color: #2c2b27;
|
||||||
height: 256px;
|
height: 256px;
|
||||||
border-radius: 15px 15px 0 0;
|
border-radius: 15px 15px 0 0;
|
||||||
box-shadow: 8px 8px 8px rgb(16, 28, 22);
|
box-shadow: 8px 8px 8px rgb(16, 28, 22);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon
|
.icon {
|
||||||
{
|
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
.login-form
|
.login-form {
|
||||||
{
|
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin: 0 5% 0 45%;
|
margin: 0 5% 0 45%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group
|
.form-group {
|
||||||
{
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 52px 90%;
|
grid-template-columns: 52px 90%;
|
||||||
/* width: 100%; */
|
/* width: 100%; */
|
||||||
@@ -137,8 +127,7 @@ body {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-text
|
.form-text {
|
||||||
{
|
|
||||||
width: 90%;
|
width: 90%;
|
||||||
height: 52px;
|
height: 52px;
|
||||||
padding: 0 5%;
|
padding: 0 5%;
|
||||||
@@ -148,8 +137,7 @@ body {
|
|||||||
color: #c2a593;
|
color: #c2a593;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-user, .icon-lock
|
.icon-user, .icon-lock {
|
||||||
{
|
|
||||||
width: 52px;
|
width: 52px;
|
||||||
height: 52px;
|
height: 52px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user