aviate/reallife-gamemode
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

weg damit

Browse Source
This commit is contained in:
Luke
2020-08-07 15:10:01 +02:00
parent d668549e5f
commit d143e93f57
6 changed files with 0 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

181
ReallifeGamemode.Client/assets/css/login/style.css
View File

@@ -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;
}

89
ReallifeGamemode.Client/assets/html/login/index.html
View File

@@ -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>

BIN
ReallifeGamemode.Client/assets/img/login/background.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 124 KiB

BIN
ReallifeGamemode.Client/assets/img/login/logo.psd
View File

Binary file not shown.

BIN
ReallifeGamemode.Client/assets/img/login/logo_white.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

1
ReallifeGamemode.Client/assets/img/login/source.txt
View File

@@ -1,3 +1,2 @@
Hintergrund: https://imgur.com/gallery/1Gk6H
Enter-Icon: https://icons8.com/icons/set/enter-mac-key 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 Augen: Icons made by <a href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> from www.flaticon.com