Some styling

jack775544 · May 28, 2016 · 0b12c0a · 0b12c0a
1 parent 6cba01b
commit 0b12c0a
Show file tree

Hide file tree

Showing 3 changed files with 81 additions and 7 deletions.
diff --git a/web/css/filelist.css b/web/css/filelist.css
@@ -4,19 +4,53 @@ html,
 }
 
 h1 {
-    font-size: 30px;
+    font-size: 60px;
+    text-align:center;
+    color: #fff;
 }
 
 h2 {
     font-size: 28px;
 }
 
+#remote {
+    border: 1px solid #ccc;
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+
+#username {
+    border: 1px solid #ccc;
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+#password {
+    border: 1px solid #ccc;
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+
 #items > li {
     float: left;
     height: 120px;
     width: 100px;
     margin: 5px;
-    background-color: #c9cac6;
+    background-color: #fff;
     border-radius: 5px;
 }
 
@@ -36,7 +70,7 @@ h2 {
 }
 
 #items > li:hover {
-    background-color: #888a85;
+    background-color: #cce6ff;
 }
 
 .btn:hover {
@@ -48,7 +82,11 @@ h2 {
 }
 
 .row {
-    margin: 0px 15px 0px 15px;
+    margin-left: 15px;
+}
+
+.container {
+    position: center;
 }
 
 #logout {
@@ -100,18 +138,47 @@ h2 {
     width: 90%;
 }
 
+
+#filesrow {
+    -webkit-box-shadow: 6px 7px 25px 2px rgba(0,0,0,0.75);
+    -moz-box-shadow: 6px 7px 25px 2px rgba(0,0,0,0.75);
+    box-shadow: 6px 7px 25px 2px rgba(0,0,0,0.75);
+}
+
+.jumbotron {
+    -webkit-box-shadow: 6px 7px 25px 2px rgba(0,0,0,0.75);
+    -moz-box-shadow: 6px 7px 25px 2px rgba(0,0,0,0.75);
+    box-shadow: 6px 7px 25px 2px rgba(0,0,0,0.75);
+}
+
+.row {
+    -webkit-box-shadow: 6px 7px 25px 2px rgba(0,0,0,0);
+    -moz-box-shadow: 6px 7px 25px 2px rgba(0,0,0,0);
+    box-shadow: 6px 7px 25px 2px rgba(0,0,0,0);
+}
+
+
+#filetitle {
+    margin-left: -12.8%;
+}
+
 button > .glyphicon {
     margin-right: 3px;
 }
 
 .btn {
-    background-color: #c9cac6;
+    background-color: #4ca8b3;
+    color: #fff;
+    font-size:14pt;
+    padding-left:10px;
+    padding-right:10px;
 }
 
 html,
 body {
     height: 100%;
     display: flex;
+    background-color: #99ccff;
     flex-direction: column;
 }
 
@@ -144,7 +211,11 @@ body > div:last-of-type {
 }
 
 .jumbotron {
-    background-color: #f0f0f0;
+    background-color: #fff;
+}
+
+.col-sm-11 {
+    position: center;
 }
 
 #editjumbo {

diff --git a/web/index.jsp b/web/index.jsp
@@ -4,8 +4,10 @@
 </head>
 <body>
 <div class="container">
-    <div class="jumbotron">
+    <div id="filetitle">
         <h1>Browser Transfer</h1>
+    </div>
+    <div class="jumbotron">
         <div id="error"></div>
         <form action="login" method="post" id="loginform" name="loginpart" onSubmit="return validateForm()">
             <div class="form-group">

diff --git a/web/js/common.js b/web/js/common.js
@@ -44,6 +44,7 @@ common.buildUrl = function(base, params){
 };
 
 common.logoutTimeout = function(){
+
     window.location = common.buildUrl('./logout', {'flash': 'Error: SFTP Connection Timeout'});
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -44,6 +44,7 @@ common.buildUrl = function(base, params){ @@
     };
     common.logoutTimeout = function(){
         window.location = common.buildUrl('./logout', {'flash': 'Error: SFTP Connection Timeout'});
     };
@@ Expand Down @@