für europa reicht's
This commit is contained in:
Luke
@@ -1,232 +1,232 @@
|
||||
html {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
-webkit-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
-webkit-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
padding: 1em .5em;
|
||||
/*background: url("../../img/login/background.jpg") no-repeat;*/
|
||||
/*background-size: cover;*/
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
padding: 1em .5em;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
header {
|
||||
height: 5em;
|
||||
margin-bottom: 2em;
|
||||
background-image: url("../../img/login/logo.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
height: 5em;
|
||||
margin-bottom: 2em;
|
||||
background-image: url("package://assets/img/login/logo.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
main {
|
||||
height: auto;
|
||||
max-width: 60ch;
|
||||
padding: 1em;
|
||||
border-radius: .25em;
|
||||
font-size: 1em;
|
||||
line-height: 1.25;
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
height: auto;
|
||||
max-width: 60ch;
|
||||
padding: 1em;
|
||||
border-radius: .25em;
|
||||
font-size: 1em;
|
||||
line-height: 1.25;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
main h1, main p {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main h2 {
|
||||
margin-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
main h2 span#name {
|
||||
white-space: nowrap;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
main .form {
|
||||
margin-top: .25em;
|
||||
margin-top: .25em;
|
||||
}
|
||||
|
||||
main .form__row {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
main .form__row--streched {
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
main form input {
|
||||
width: 100%;
|
||||
padding: 0 .25em;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.125);
|
||||
color: inherit;
|
||||
width: 100%;
|
||||
padding: 0 .25em;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.125);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
main form input:focus {
|
||||
outline-width: 0;
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
main form input#password {
|
||||
font-family: "Roboto Mono";
|
||||
font-weight: 500;
|
||||
font-size: 1em;
|
||||
padding: .5em 2em .5em .5em;
|
||||
font-family: "Roboto Mono";
|
||||
font-weight: 500;
|
||||
font-size: 1em;
|
||||
padding: .5em 2em .5em .5em;
|
||||
}
|
||||
|
||||
main form span#password-visibility {
|
||||
width: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-item-align: center;
|
||||
align-self: center;
|
||||
width: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-item-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
main form span#password-visibility::before {
|
||||
content: "\f06e";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-size: .9em;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
font-weight: 400;
|
||||
position: relative;
|
||||
right: 1.75em;
|
||||
content: "\f06e";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-size: .9em;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
font-weight: 400;
|
||||
position: relative;
|
||||
right: 1.75em;
|
||||
}
|
||||
|
||||
main form span#password-visibility.hidden::before {
|
||||
content: "\f070";
|
||||
right: 1.82em;
|
||||
content: "\f070";
|
||||
right: 1.82em;
|
||||
}
|
||||
|
||||
main form button.transparent {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
color: inherit;
|
||||
border: none;
|
||||
margin: unset;
|
||||
padding: unset;
|
||||
margin-left: .5em;
|
||||
background: transparent;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
color: inherit;
|
||||
border: none;
|
||||
margin: unset;
|
||||
padding: unset;
|
||||
margin-left: .5em;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
main form button.transparent:focus {
|
||||
outline-width: 0;
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
main form button.transparent#submit {
|
||||
width: 3.25em;
|
||||
background-image: url("../../img/login/enter.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right;
|
||||
background-size: contain;
|
||||
width: 3.25em;
|
||||
background-image: url("package://assets/img/login/enter.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
main form #alert {
|
||||
margin-top: .5em;
|
||||
padding: .5em;
|
||||
color: #FFF;
|
||||
background-color: rgba(255, 125, 125, 0.25);
|
||||
border: 1px solid rgba(255, 125, 125, 0.3);
|
||||
border-radius: 5px;
|
||||
margin-top: .5em;
|
||||
padding: .5em;
|
||||
color: #FFF;
|
||||
background-color: rgba(255, 125, 125, 0.25);
|
||||
border: 1px solid rgba(255, 125, 125, 0.3);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
main form #alert.hidden {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
footer {
|
||||
height: -webkit-fit-content;
|
||||
height: -moz-fit-content;
|
||||
height: fit-content;
|
||||
width: 60ch;
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
position: fixed;
|
||||
bottom: 1em;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
height: -webkit-fit-content;
|
||||
height: -moz-fit-content;
|
||||
height: fit-content;
|
||||
width: 60ch;
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
position: fixed;
|
||||
bottom: 1em;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
footer .link-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
body.light {
|
||||
color: #333;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
body.light main {
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
body.light header {
|
||||
background-image: url("../../img/login/logo-light.png");
|
||||
background-image: url("package://assets/img/login/logo-light.png");
|
||||
opacity: .75;
|
||||
}
|
||||
|
||||
body.light form input {
|
||||
background-color: rgba(255, 255, 255, 0.125);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
body.light form span#password-visibility::before {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
body.light form button.transparent#submit {
|
||||
background-image: url("../../img/login/enter-dark.png");
|
||||
background-image: url("package://assets/img/login/enter-dark.png");
|
||||
}
|
||||
|
||||
body.light form #alert {
|
||||
color: #985555;
|
||||
background-color: rgba(255, 125, 125, 0.125);
|
||||
border: 1px solid rgba(255, 125, 125, 0.15);
|
||||
color: #985555;
|
||||
background-color: rgba(255, 125, 125, 0.125);
|
||||
border: 1px solid rgba(255, 125, 125, 0.15);
|
||||
}
|
||||
|
||||
body.light footer {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"mappings": "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",
|
||||
"sources": [
|
||||
"styles.scss"
|
||||
],
|
||||
|
||||
@@ -21,8 +21,6 @@ body {
|
||||
margin: 0 auto;
|
||||
padding: 1em .5em;
|
||||
|
||||
background: url('../../img/splash-screen/background.jpg') no-repeat;
|
||||
background-size: cover;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
@@ -32,10 +30,11 @@ header {
|
||||
height: 5em;
|
||||
margin-bottom: 2em;
|
||||
|
||||
background-image: url('../../img/splash-screen/logo.png');
|
||||
background-image: url('package://assets/img/login/logo.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
main {
|
||||
@@ -47,7 +46,7 @@ main {
|
||||
|
||||
font-size: 1em;
|
||||
line-height: 1.25;
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
|
||||
h1, p {
|
||||
margin: 0;
|
||||
@@ -138,7 +137,7 @@ main {
|
||||
&#submit {
|
||||
width: 3.25em;
|
||||
|
||||
background-image: url('../../img/splash-screen/enter.png');
|
||||
background-image: url('package://assets/img/login/enter.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: right;
|
||||
background-size: contain;
|
||||
@@ -186,16 +185,17 @@ body.light {
|
||||
color: #333;
|
||||
|
||||
main {
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
background-color: rgba(255, 255, 255, .75);
|
||||
}
|
||||
|
||||
header {
|
||||
background-image: url('../../img/splash-screen/logo-light.png');
|
||||
background-image: url('package://assets/img/login/logo-light.png');
|
||||
opacity: .75;
|
||||
}
|
||||
|
||||
form {
|
||||
input {
|
||||
background-color: rgba(255, 255, 255, .125);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
span#password-visibility {
|
||||
@@ -206,7 +206,7 @@ body.light {
|
||||
|
||||
button.transparent {
|
||||
&#submit {
|
||||
background-image: url('../../img/splash-screen/enter-dark.png');
|
||||
background-image: url('package://assets/img/login/enter-dark.png');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -5,10 +5,10 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Login | Life of German</title>
|
||||
|
||||
<link rel="stylesheet" href="../../css/login/styles.css">
|
||||
<link rel="stylesheet" href="../../font/font-awesome/css/fontawesome.min.css">
|
||||
<link rel="stylesheet" href="../../font/font-awesome/css/regular.min.css">
|
||||
<link rel="stylesheet" href="../../font/roboto-mono/include_500.css">
|
||||
<link rel="stylesheet" href="package://assets/css/login/styles.css">
|
||||
<link rel="stylesheet" href="package://assets/font/font-awesome/css/fontawesome.min.css">
|
||||
<link rel="stylesheet" href="package://assets/font/font-awesome/css/regular.min.css">
|
||||
<link rel="stylesheet" href="package://assets/font/roboto-mono/include_500.css">
|
||||
</head>
|
||||
|
||||
<body class="light">
|
||||
@@ -38,12 +38,12 @@
|
||||
|
||||
<footer>
|
||||
<ul class="link-list">
|
||||
<li class="link-list__item">Forum: <a href="#">gtav.log.ac</a></li>
|
||||
<li class="link-list__item">TeamSpeak: <a href="#">ts.log.ac</a></li>
|
||||
<li class="link-list__item">Forum: <strong>gtav.log.ac</strong></li>
|
||||
<li class="link-list__item">TeamSpeak: <strong>ts.log.ac</strong></li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
<script src="../../js/jquery-3.3.1.min.js"></script>
|
||||
<script src="../../js/login/application.js"></script>
|
||||
<script src="package://assets/js/jquery-3.3.1.min.js"></script>
|
||||
<script src="package://assets/js/login/application.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Registrierung | Life of German</title>
|
||||
|
||||
<link rel="stylesheet" href="../../css/login/styles.css">
|
||||
<link rel="stylesheet" href="../../font/roboto-mono/include_500.css">
|
||||
<link rel="stylesheet" href="package://assets/css/login/styles.css">
|
||||
<link rel="stylesheet" href="package://assets/font/roboto-mono/include_500.css">
|
||||
</head>
|
||||
|
||||
<body class="light">
|
||||
@@ -18,7 +18,7 @@
|
||||
<p>
|
||||
Die Registrierung ist denkbar einfach: Passwort wählen und anschließend deinen eigenen Charakter erstellen.<br><br>
|
||||
|
||||
Bitte beachte, dass du mit der Registrierung unser <a href="">Regelwerk</a> und die <a href="">Datenschutzerklärung</a> akzeptierst.
|
||||
Bitte beachte, dass du mit der Registrierung unser <strong>Regelwerk</strong> und die <strong>Datenschutzerklärung</strong> akzeptierst.
|
||||
Bei Fragen stehen wir dir gerne im TeamSpeak oder im Forum unterstützend zur Seite.<br><br>
|
||||
|
||||
Passwort wählen:
|
||||
@@ -43,12 +43,12 @@
|
||||
|
||||
<footer>
|
||||
<ul class="link-list">
|
||||
<li class="link-list__item">Forum: <a href="#">gtav.log.ac</a></li>
|
||||
<li class="link-list__item">TeamSpeak: <a href="#">ts.log.ac</a></li>
|
||||
<li class="link-list__item">Forum: <strong>gtav.log.ac</strong></li>
|
||||
<li class="link-list__item">TeamSpeak: <strong>ts.log.ac</strong></li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
<script src="../../js/jquery-3.3.1.min.js"></script>
|
||||
<script src="../../js/login/application.js"></script>
|
||||
<script src="package://assets/js/jquery-3.3.1.min.js"></script>
|
||||
<script src="package://assets/js/login/application.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user