summaryrefslogtreecommitdiff
path: root/www/static
diff options
context:
space:
mode:
authorHorus32014-03-10 23:35:53 +0100
committerHorus32014-03-10 23:35:53 +0100
commit967ec8c209eb118685076468ce7fef59e0452881 (patch)
treed9fd6e6a9acd927f8d112ad200c8837edff332dc /www/static
parentd225afbdc4633b9a836decb717166f19f2c3440f (diff)
downloadfiles.iamfabulous.de-967ec8c209eb118685076468ce7fef59e0452881.tar.gz
folder for static content
Diffstat (limited to 'www/static')
-rw-r--r--www/static/footer.html9
-rw-r--r--www/static/header.html16
-rw-r--r--www/static/login.css56
-rw-r--r--www/static/logo.pngbin0 -> 121360 bytes
-rw-r--r--www/static/register.css53
-rw-r--r--www/static/style.css97
6 files changed, 231 insertions, 0 deletions
diff --git a/www/static/footer.html b/www/static/footer.html
new file mode 100644
index 0000000..f5ceae8
--- /dev/null
+++ b/www/static/footer.html
@@ -0,0 +1,9 @@
+ <!-- ______________________Content End______________________ -->
+ </div><!-- div content-area-->
+ </div><!-- div page-wrap-->
+ <footer>
+ <p id="copyright-text"> Copyright Maximilian M&ouml;hring und Oliver Weissbarth 2014 </p>
+ </footer>
+ </body>
+</html>
+
diff --git a/www/static/header.html b/www/static/header.html
new file mode 100644
index 0000000..de1ff79
--- /dev/null
+++ b/www/static/header.html
@@ -0,0 +1,16 @@
+<!Doctype html>
+<html>
+ <head>
+ <title>VFS</title>
+ <link rel="stylesheet" href="static/style.css">
+ </head>
+
+ <body>
+ <div id="page-wrap">
+
+ <div class="header-bar">
+ <a href="/" class="logo"> </a>
+ </div>
+
+ <div id="content-area">
+ <!-- ______________________Content Start______________________ -->
diff --git a/www/static/login.css b/www/static/login.css
new file mode 100644
index 0000000..6bd8a5e
--- /dev/null
+++ b/www/static/login.css
@@ -0,0 +1,56 @@
+/*********************************************************
+ Login-Form
+**********************************************************/
+div.login-area{
+ height: 200px;
+ width: 400px;
+ position: relative;
+ top: 50%;
+ /*transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);*/
+ margin-top: -100px;
+
+ margin-left: auto;
+ margin-right: auto;
+ vertical-align: middle;
+ border: 1px solid #1F3D4C;
+ padding: 10px;
+}
+
+h1.login-area{
+ font-weight: 200;
+}
+
+form.login-form{
+
+}
+
+input.login-input[type=text], input.login-input[type=password]{
+ border: none;
+ box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+ border-radius: 0;
+ height: 40px;
+ font-size: 25px;
+ margin-top: 15px;
+ width: 395px;
+ display:block;
+ padding-left: 5px;
+}
+
+input.login-input:focus{
+ background: #D6E0E5
+}
+#button-input{
+ height: 40px;
+ width: 120px;
+ display:inline;
+ border: none;
+ box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+ border-radius: 0;
+ font-size: 25px;
+ margin-top: 15px;
+}
+#recover-password-link{
+
+}
diff --git a/www/static/logo.png b/www/static/logo.png
new file mode 100644
index 0000000..c1be2fa
--- /dev/null
+++ b/www/static/logo.png
Binary files differ
diff --git a/www/static/register.css b/www/static/register.css
new file mode 100644
index 0000000..58f645d
--- /dev/null
+++ b/www/static/register.css
@@ -0,0 +1,53 @@
+/*********************************************************
+ Register-Form
+**********************************************************/
+div.register-area{
+ height: 370px;
+ width: 400px;
+ position: relative;
+ top: 50%;
+ /*transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);*/
+ margin-top: -185px;
+
+ margin-left: auto;
+ margin-right: auto;
+ vertical-align: middle;
+ border: 1px solid #1F3D4C;
+ padding: 10px;
+}
+
+h1.register-area{
+ font-weight: 200;
+}
+
+form.register-form{
+
+}
+
+input.register-input[type=text], input.register-input[type=password], input.register-input[type=email]{
+ border: none;
+ box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+ border-radius: 0;
+ height: 40px;
+ font-size: 25px;
+ margin-top: 15px;
+ width: 395px;
+ display:block;
+ padding-left: 5px;
+}
+
+input.register-input:focus{
+ background: #D6E0E5
+}
+#button-input{
+ height: 40px;
+ width: 120px;
+ display:inline;
+ border: none;
+ box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+ border-radius: 0;
+ font-size: 25px;
+ margin-top: 15px;
+}
diff --git a/www/static/style.css b/www/static/style.css
new file mode 100644
index 0000000..65c97f6
--- /dev/null
+++ b/www/static/style.css
@@ -0,0 +1,97 @@
+/***************************************************************
+ General Page Styling
+****************************************************************/
+*{
+ margin: 0;
+ padding: 0;
+}
+html, body{
+ height: 100%;
+ font-family: Impact, Charcoal, sans-serif;
+}
+
+
+
+/***************************************************************
+ Header
+****************************************************************/
+div.header-bar{
+ background-color: #3083D6;
+ height: 80px;
+ width: 100%;
+ position: absolute;
+}
+
+a.logo{
+ display: block;
+ height: 70px;
+ width: 70px;
+ margin-top: 5px;
+ margin-left: 5px;
+ background-image: url(./logo.png);
+ background-repeat:no-repeat;
+ background-size:66px 66px;
+ background-color:#3083D6;
+ background-position: center;
+ position: absolute;
+ z-index: 99;
+}
+
+
+
+a.logo:hover{
+ display: block;
+ background:#2669AB;
+ background-image: url(./logo.png);
+ background-repeat:no-repeat;
+ background-size:66px 66px;
+ background-position: center;
+ border-radius: 10px;
+ box-shadow: 3px -3px 5px black;
+}
+
+
+
+/************************************************************
+ Page-Wrap for sticky footer
+*************************************************************/
+#page-wrap{
+ margin-bottom: -25px;
+ width: 100%;
+ min-height: 100%;
+}
+
+#page-wrap:after{
+ content: "";
+ display: block;
+ height: 25px;
+}
+
+/**********************************************************
+ Content-Area
+**********************************************************/
+#content-area{
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ margin-bottom: 0;
+}
+
+
+/******************************************************
+ FOOTER
+*******************************************************/
+footer{
+ height: 25px;
+ width: 100%;
+ margin-top: -25px;
+ background-color:#3083D6;
+ position:relative;
+}
+
+#copyright-text{
+ margin-right: 10px;
+ text-align: right;
+ font-size: 12px;
+ color: white;
+}