From 967ec8c209eb118685076468ce7fef59e0452881 Mon Sep 17 00:00:00 2001 From: Horus3 Date: Mon, 10 Mar 2014 23:35:53 +0100 Subject: folder for static content --- www/static/footer.html | 9 +++++ www/static/header.html | 16 ++++++++ www/static/login.css | 56 ++++++++++++++++++++++++++++ www/static/logo.png | Bin 0 -> 121360 bytes www/static/register.css | 53 ++++++++++++++++++++++++++ www/static/style.css | 97 ++++++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 231 insertions(+) create mode 100644 www/static/footer.html create mode 100644 www/static/header.html create mode 100644 www/static/login.css create mode 100644 www/static/logo.png create mode 100644 www/static/register.css create mode 100644 www/static/style.css (limited to 'www/static') 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 @@ + + + + + + + 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 @@ + + + + VFS + + + + +
+ +
+ +
+ +
+ 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 Binary files /dev/null and b/www/static/logo.png 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; +} -- cgit v1.2.3