weg damit
This commit is contained in:
Luke
@@ -1,181 +0,0 @@
|
||||
*, *:before, *:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Titillium Web', sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #1ab188;
|
||||
transition: 0.5s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #179b77;
|
||||
}
|
||||
|
||||
.form {
|
||||
background: rgba(19, 35, 47, .9);
|
||||
padding: 40px;
|
||||
max-width: 600px;
|
||||
margin: 40px auto;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, .3);
|
||||
}
|
||||
|
||||
.tab-group {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 0 40px 0;
|
||||
}
|
||||
|
||||
.tab-group:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.tab-group li a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
padding: 15px;
|
||||
background: rgba(160, 179, 176, .25);
|
||||
color: #a0b3b0;
|
||||
font-size: 20px;
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
transition: 0.5s ease;
|
||||
}
|
||||
|
||||
.tab-group li a:hover {
|
||||
background: #179b77;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tab-group .active a {
|
||||
background: #1ab188;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tab-content > div:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 300;
|
||||
margin: 0 0 40px;
|
||||
}
|
||||
|
||||
label {
|
||||
position: absolute;
|
||||
transform: translateY(6px);
|
||||
left: 13px;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
transition: all 0.25s ease;
|
||||
-webkit-backface-visibility: hidden;
|
||||
pointer-events: none;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
label .req {
|
||||
margin: 2px;
|
||||
color: #1ab188;
|
||||
}
|
||||
|
||||
label.active {
|
||||
transform: translateY(40px);
|
||||
left: 2px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
label.active .req {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
label.highlight {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
font-size: 22px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 5px 10px;
|
||||
background: none;
|
||||
background-image: none;
|
||||
border: 1px solid #a0b3b0;
|
||||
color: #fff;
|
||||
border-radius: 0;
|
||||
transition: border-color 0.25s ease, box-shadow 0.25s ease;
|
||||
}
|
||||
|
||||
input:focus, textarea:focus {
|
||||
outline: 0;
|
||||
border-color: #1ab188;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: 2px solid #a0b3b0;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.field-wrap {
|
||||
position: relative;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.top-row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.top-row > div {
|
||||
float: left;
|
||||
width: 48%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
|
||||
.top-row > div:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 0;
|
||||
outline: none;
|
||||
border-radius: 0;
|
||||
padding: 15px 0;
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
background: #1ab188;
|
||||
color: #fff;
|
||||
transition: all 0.5s ease;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.button:hover, .button:focus {
|
||||
background: #179b77;
|
||||
}
|
||||
|
||||
.button-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.forgot {
|
||||
margin-top: -20px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#error-field {
|
||||
margin-bottom: 40px;
|
||||
display: none;
|
||||
}
|
||||
@@ -1,89 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="package://assets/css/login/style.css" />
|
||||
<link rel="stylesheet" href="package://assets/css/jquery-ui.min.css" />
|
||||
<meta charset="utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="form">
|
||||
|
||||
<ul class="tab-group">
|
||||
<li class="tab active"><a href="#login">Anmelden</a></li>
|
||||
<li class="tab"><a href="#signup">Registrieren</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="ui-widget" id="error-field">
|
||||
<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
|
||||
<p>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-content">
|
||||
<div id="login">
|
||||
<h1>Wilkommen zurück</h1>
|
||||
|
||||
<form id="form-login" >
|
||||
|
||||
<div class="field-wrap">
|
||||
<label>
|
||||
Benutzername<span class="req">*</span>
|
||||
</label>
|
||||
<input type="text" id="login-username" class="input-username" required autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<div class="field-wrap">
|
||||
<label>
|
||||
Passwort<span class="req">*</span>
|
||||
</label>
|
||||
<input type="password" id="login-password" required autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<p class="forgot"><a href="#">Passwort vergessen?</a></p>
|
||||
|
||||
<button class="button button-block">Anmelden</button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div id="signup">
|
||||
<h1>Kostenlos registrieren</h1>
|
||||
|
||||
<form id="form-register">
|
||||
|
||||
<div class="field-wrap">
|
||||
<label>
|
||||
Benutzername<span class="req">*</span>
|
||||
</label>
|
||||
<input type="text" id="register-username" class="input-username" required autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<div class="field-wrap">
|
||||
<label>
|
||||
Passwort<span class="req">*</span>
|
||||
</label>
|
||||
<input type="password" id="register-password-first" required autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<div class="field-wrap">
|
||||
<label>
|
||||
Passwort wiederholen<span class="req">*</span>
|
||||
</label>
|
||||
<input type="password" id="register-password-second" required autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<button type="submit" class="button button-block">Registrieren</button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div><!-- tab-content -->
|
||||
|
||||
</div> <!-- /form -->
|
||||
<script type="text/javascript" src="package://assets/js/jquery-3.3.1.min.js"></script>
|
||||
<script type="text/javascript" src="package://assets/js/jquery-ui.min.js"></script>
|
||||
<script type="text/javascript" src="package://assets/js/login/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 124 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
@@ -1,3 +1,2 @@
|
||||
Hintergrund: https://imgur.com/gallery/1Gk6H
|
||||
Enter-Icon: https://icons8.com/icons/set/enter-mac-key
|
||||
Augen: Icons made by <a href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> from www.flaticon.com
|
||||
Reference in New Issue
Block a user