Decentrala/luser
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Styling] separated css to file

Browse Source
This commit is contained in:
coja
2025-10-23 00:59:05 +02:00
parent 3c75fe3e2c
commit ad5cdde65e
4 changed files with 79 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
luser/templates/changepassword.html
View File

@@ -4,67 +4,9 @@
<head>
<meta charset="UTF-8">
<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="stylesheet" href="styles/main.css">
<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>
<body>

80
luser/templates/register.html
View File

@@ -5,86 +5,8 @@
<meta charset="UTF-8">
<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="stylesheet" href="styles/main.css">
<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>
<body>

76
luser/templates/styles/main.css Normal file
View 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;
}

60
luser/templates/unregister.html
View File

@@ -4,67 +4,9 @@
<head>
<meta charset="UTF-8">
<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="stylesheet" href="styles/main.css">
<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>
<body>