git-svn-id: svn://losandesgames.com/alfheim-website@26 15359d88-9307-4e75-a9c1-e5686e5897df

bin/static/login_24dp_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M480-120v-80h280v-560H480v-80h280q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H480Zm-80-160-55-58 102-102H120v-80h327L345-622l55-58 200 200-200 200Z"/></svg>

bin/static/style.css

@@ -0,0 +1,194 @@
+html {
+	height: 100%;
+	padding: 8px;
+	/*background: no-repeat url(/static/image.png);
+	background-size: cover;
+	background-position: center;*/
+	background-color: black;
+	box-sizing: border-box;
+}
+
+body {
+	background-color: #3475CB;
+	font-family: "Vollkorn";
+	color: white;
+	margin-top: 0px;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 0px;
+	min-height: 100%;
+	max-width: 900px;
+}
+
+header {
+	max-width: 100%;
+}
+
+h1 {
+	font-size: 6rem;
+	margin: 0px;
+}
+
+nav {
+	padding-left: 8px;
+	padding-right: 8px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.navbuttons a {
+	display: inline-block;
+}
+
+.maintitle {
+	color: white;
+}
+
+.loginbutton {
+	align-self: center;
+	display: flex;
+	background-color: ;
+	padding-top: 15px;
+	padding-right: 20px;
+	padding-bottom: 15px;
+	padding-left: 20px;
+	border-radius: 5px;
+	color: black;
+	/*box-shadow: 10px 10px 5px lightblue;*/
+}
+
+main {
+	margin: 0px;
+	display: flex;
+	flex-direction: column;
+	justify-content: start;
+	align-content: center;
+	min-height: 100%;
+	max-height: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+p {
+	text-align: center;
+}
+
+.account-wrapper {
+	background: transparent;
+	border: 2px solid white;
+	backdrop-filter: blur(20px);
+	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+	border-radius: 15px;
+	padding: 30px 40px;
+	font-size: 1.5rem;
+}
+
+.wrapper {
+	background: transparent;
+	border: 2px solid white;
+	backdrop-filter: blur(20px);
+	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+	border-radius: 15px;
+	padding: 30px 40px;
+
+}
+
+.wrapper h1 {
+	font-size: 1.5rem;
+	text-align: center;
+}
+
+.wrapper .input-box {
+	width: 100%;
+}
+
+.input-box input {
+	box-sizing: border-box;
+	background: transparent;
+	width: 100%;
+	height: 100%;
+	outline: none;
+	border: 2px solid rgba(255, 255, 255, .2);
+	border-radius: 25px;
+	padding: 10px 45px 10px 20px
+}
+
+.input-box input::placeholder {
+	color: white;
+}
+
+.wrapper .input-error {
+	width: 100%;
+}
+
+.error {
+	color: rgba(240, 0, 0, .8);
+}
+
+.input-error input {
+	box-sizing: border-box;
+	background: transparent;
+	width: 100%;
+	height: 100%;
+	outline: none;
+	border: 2px solid rgba(255, 0, 0, .2);
+	border-radius: 25px;
+	padding: 10px 45px 10px 20px
+}
+
+.input-error input::placeholder {
+	color: red;
+}
+
+.login-btn-wrapper {
+	display: flex;
+	justify-content: center;
+}
+
+.wrapper .btn {
+	width: 100%;
+	outline: none;
+	border: none;
+	border-radius: 20px;
+}
+
+.wrapper .register-link {
+	display: flex;
+	justify-content: center;
+}
+
+input {
+	font-family: inherit;
+}
+
+footer {
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	background-color: #132123;
+	color: white;
+	text-align: center;
+}
+
+a:link {
+	text-decoration: none;
+}
+
+.wrapper a:link {
+	text-decoration: none;
+}
+
+.wrapper a:visited {
+	text-decoration: none;
+}
+
+.wrapper a:hover {
+	text-decoration: underline;
+}
+
+video {
+	width: 100%;
+	height: auto;
+}