1 files changed, 160 insertions, 0 deletions
diff --git a/src/usr/local/www/css/login.css b/src/usr/local/www/css/login.css
new file mode 100644
index 0000000..8188da9
--- /dev/null
+++ b/src/usr/local/www/css/login.css
@@ -0,0 +1,160 @@
+body, html {
+    height: 100%;
+    padding: 0;
+    margin: 0;
+}
+
+body {
+    width: 100%;
+}
+
+header {
+}
+
+#a {
+    position: fixed;
+    height: 90px;
+    top: 0;
+    width: 100%;
+    background-color: white;
+}
+
+#bb {
+    position: absolute;
+    top:90px;
+    bottom:25px;
+    width: 100%;
+    color: white;
+}
+
+.bbbb {
+	height: 80px;
+	padding-top: 10px;
+}
+
+#hostspan {
+	text-align: right;
+}
+	.msgbox {
+		padding-right: 30px;
+		padding-top: 25px;
+	}
+
+@media only screen and (max-width : 768px) {
+    /* only size 'xs' and below */
+    #a {
+        height: 100px;
+    }
+
+    #bb {
+    	top: 100px;
+    }
+
+    .bbbb {
+		height: 60px;
+	}
+
+	.msgbox {
+		padding-right: 0px;
+		padding-top: 0px;
+	}
+
+	#hostspan {
+		text-align: center;
+	}
+}
+
+#c {
+    position: fixed;
+    height: 25px;
+    bottom: 0;
+    width: 100%;
+    background-color: #212121;
+    color: white;
+    text-align: center;
+}
+
+.loginCont {
+    position: absolute;
+    top: 50%; left: 50%;
+    transform: translate(-50%,-50%);
+    height: 55%;
+    width: 80%;
+}
+
+p.form-title
+{
+    font-family: 'Open Sans' , sans-serif;
+    font-size: 20px;
+    font-weight: 500;
+    text-align: center;
+    color: #FFFFFF;
+    margin-top: 5%;
+    text-transform: uppercase;
+    letter-spacing: 4px;
+}
+
+form.login
+{
+    width: 300px;
+    margin: 0 auto;
+}
+
+form.login input[type="text"], form.login input[type="password"]
+{
+    width: 100%;
+    margin: 0;
+    padding: 10px 10px;
+    background: 0;
+    border: 0;
+    border-bottom: 1px solid #FFFFFF;
+    outline: 0;
+    font-style: italic;
+    font-size: 18px;
+    font-weight: 600;
+    letter-spacing: 1px;
+    margin-bottom: 5px;
+    color: #FFFFFF;
+    outline: 0;
+}
+
+form.login input[type="submit"]
+{
+    width: 60%;
+    font-size: 14px;
+    text-transform: uppercase;
+    font-weight: 500;
+    margin-top: 36px;
+    outline: 0;
+    cursor: pointer;
+    letter-spacing: 1px;
+    display: block;
+    margin : 0 auto;
+    margin-top: 36px;
+}
+
+form.login input[type="submit"]:hover
+{
+    transition: background-color 0.5s ease;
+}
+
+form.login label, form.login a
+{
+    font-size: 12px;
+    font-weight: 400;
+    color: #FFFFFF;
+}
+
+form.login a
+{
+    transition: color 0.5s ease;
+}
+
+form.login a:hover
+{
+    color: #2ecc71;
+}
+
+.logoCol {
+    height: 100%;
+}