[Styling] separated css to file
This commit is contained in:
@@ -4,67 +4,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<!-- <link rel="stylesheet" href="/styles/reset.css"> -->
|
|
||||||
<!-- <link rel="stylesheet" href="/styles/style.css"> -->
|
|
||||||
<!-- <link rel="stylesheet" href="/styles/account.css"> -->
|
|
||||||
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
|
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
|
||||||
|
<link rel="stylesheet" href="styles/main.css">
|
||||||
<title>User password change in LDAP system</title>
|
<title>User password change in LDAP system</title>
|
||||||
|
|
||||||
<style>
|
|
||||||
html {
|
|
||||||
background-color: #181715;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 16px;
|
|
||||||
max-width: 360px;
|
|
||||||
margin: 50px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
height: 30px;
|
|
||||||
margin-top: 30px;
|
|
||||||
background-color: #262a2b;
|
|
||||||
border: 1px solid #7b7265;
|
|
||||||
color: #a1998d;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
opacity: 0.9;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:active {
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
height: 25px;
|
|
||||||
padding: 2px 8px;
|
|
||||||
border: 1px solid #303436;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: #7b7265;
|
|
||||||
background-color: #262a2b;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin: 50px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -5,86 +5,8 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
|
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
|
||||||
|
<link rel="stylesheet" href="styles/main.css">
|
||||||
<title>User registration to LDAP system</title>
|
<title>User registration to LDAP system</title>
|
||||||
|
|
||||||
<style>
|
|
||||||
html {
|
|
||||||
background-color: #181715;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 16px;
|
|
||||||
max-width: 360px;
|
|
||||||
margin: 50px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
height: 30px;
|
|
||||||
margin-top: 30px;
|
|
||||||
background-color: #262a2b;
|
|
||||||
border: 1px solid #7b7265;
|
|
||||||
color: #a1998d;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
opacity: 0.9;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:active {
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
height: 25px;
|
|
||||||
padding: 2px 8px;
|
|
||||||
border: 1px solid #303436;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: #7b7265;
|
|
||||||
background-color: #262a2b;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin: 50px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.captcha {
|
|
||||||
width: 200px;
|
|
||||||
margin: 10px auto;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.captcha img {
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hint {
|
|
||||||
letter-spacing: 2px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 10px;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.danger {
|
|
||||||
color: #bb3131;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
76
luser/templates/styles/main.css
Normal file
76
luser/templates/styles/main.css
Normal file
@@ -0,0 +1,76 @@
|
|||||||
|
html {
|
||||||
|
background-color: #181715;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 16px;
|
||||||
|
max-width: 360px;
|
||||||
|
margin: 50px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
height: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
background-color: #262a2b;
|
||||||
|
border: 1px solid #7b7265;
|
||||||
|
color: #a1998d;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
opacity: 0.9;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:active {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
height: 25px;
|
||||||
|
padding: 2px 8px;
|
||||||
|
border: 1px solid #303436;
|
||||||
|
border-radius: 5px;
|
||||||
|
color: #7b7265;
|
||||||
|
background-color: #262a2b;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
margin: 50px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-input {
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.captcha {
|
||||||
|
width: 200px;
|
||||||
|
margin: 10px auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.captcha img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 10px;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger {
|
||||||
|
color: #bb3131;
|
||||||
|
}
|
||||||
@@ -4,67 +4,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<!-- <link rel="stylesheet" href="/styles/reset.css"> -->
|
|
||||||
<!-- <link rel="stylesheet" href="/styles/style.css"> -->
|
|
||||||
<!-- <link rel="stylesheet" href="/styles/account.css"> -->
|
|
||||||
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
|
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
|
||||||
|
<link rel="stylesheet" href="styles/main.css">
|
||||||
<title>User unregistration to LDAP system</title>
|
<title>User unregistration to LDAP system</title>
|
||||||
|
|
||||||
<style>
|
|
||||||
html {
|
|
||||||
background-color: #181715;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 16px;
|
|
||||||
max-width: 360px;
|
|
||||||
margin: 50px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
height: 30px;
|
|
||||||
margin-top: 30px;
|
|
||||||
background-color: #262a2b;
|
|
||||||
border: 1px solid #7b7265;
|
|
||||||
color: #a1998d;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
opacity: 0.9;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:active {
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
height: 25px;
|
|
||||||
padding: 2px 8px;
|
|
||||||
border: 1px solid #303436;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: #7b7265;
|
|
||||||
background-color: #262a2b;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin: 50px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
Reference in New Issue
Block a user