68 lines
2.7 KiB
Plaintext
68 lines
2.7 KiB
Plaintext
<%
|
|
Sub RenderPageStart(pageTitle, pageSubtitle)
|
|
%>
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title><%=pageTitle%></title>
|
|
<style>
|
|
:root{
|
|
--bg:#0f172a; --bg2:#111827; --card:#ffffff; --text:#0f172a; --muted:#64748b;
|
|
--line:#e5e7eb; --primary:#2563eb; --primary2:#1d4ed8; --danger:#b91c1c; --success:#166534;
|
|
}
|
|
*{box-sizing:border-box}
|
|
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,var(--bg),var(--bg2));color:var(--text);min-height:100vh}
|
|
.wrap{max-width:720px;margin:0 auto;padding:48px 20px}
|
|
.card{background:var(--card);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.22);overflow:hidden}
|
|
.hero{padding:28px 32px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff}
|
|
.hero h1{margin:0;font-size:30px;font-weight:700}
|
|
.hero p{margin:8px 0 0;color:rgba(255,255,255,.88);font-size:15px}
|
|
.body{padding:28px 32px}
|
|
.grid{display:grid;grid-template-columns:200px 1fr;gap:14px 18px;align-items:center}
|
|
label{font-weight:600}
|
|
input[type=text],input[type=password]{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;outline:none}
|
|
input[type=text]:focus,input[type=password]:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.15)}
|
|
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
|
|
input[type=submit],input[type=reset],.btn-link{appearance:none;border:0;border-radius:12px;padding:12px 18px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}
|
|
input[type=submit]{background:var(--primary);color:#fff}
|
|
input[type=submit][name=cancel], .btn-secondary{background:#e5e7eb;color:#111827}
|
|
input[type=reset]{background:#f8fafc;color:#111827;border:1px solid var(--line)}
|
|
.msg{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-size:15px;line-height:1.45}
|
|
.msg.error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}
|
|
.msg.success{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0}
|
|
.msg.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
|
|
a{color:var(--primary);text-decoration:none}
|
|
a:hover{text-decoration:underline}
|
|
.footer{margin-top:18px;color:var(--muted);font-size:13px}
|
|
@media (max-width:640px){
|
|
.wrap{padding:20px 12px}
|
|
.hero,.body{padding:20px}
|
|
.grid{grid-template-columns:1fr;gap:10px}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<div class="card">
|
|
<div class="hero">
|
|
<h1><%=pageTitle%></h1>
|
|
<p><%=pageSubtitle%></p>
|
|
</div>
|
|
<div class="body">
|
|
<%
|
|
End Sub
|
|
|
|
Sub RenderPageEnd()
|
|
%>
|
|
<div class="footer">Kennwortaenderung ueber das interne Active Directory.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<%
|
|
End Sub
|
|
%>
|