miniobrowser: Bring Minio browser source into minio repo. (#3617)

browser/app/less/inc/login.less

@@ -0,0 +1,104 @@
+.login {
+    height: 100vh;
+    min-height: 500px;
+    background: @dark-gray;
+
+    text-align: center;
+    &:before {
+        height: ~"calc(100% - 110px)";
+        width: 1px;
+        content: "";
+    }
+}
+
+.l-wrap,
+.login:before {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.l-wrap {
+    width: 80%;
+    max-width: 500px;
+    margin-top: -50px;
+    &.toggled {
+        display: inline-block;
+    }
+
+    .input-group:not(:last-child) {
+        margin-bottom: 40px;
+    }
+}
+
+.l-footer {
+    height: 110px;
+    padding: 0 50px;
+}
+
+.lf-logo {
+    float: right;
+    img {
+        width: 40px;
+    }
+}
+
+.lf-server {
+    float: left;
+    color: rgba(255, 255, 255, 0.4);
+    font-size: 20px;
+    font-weight: 400;
+    padding-top: 40px;
+}
+
+@media (max-width: @screen-sm-min) {
+    .lf-logo,
+    .lf-server {
+        float: none;
+        display: block;
+        text-align: center;
+        width: 100%;
+    }
+
+    .lf-logo {
+        margin-bottom: 5px;
+    }
+
+    .lf-server {
+        font-size: 15px;
+    }
+}
+
+.lw-btn {
+    width: 50px;
+    height: 50px;
+    border: 1px solid @white;
+    display: inline-block;
+    border-radius: 50%;
+    font-size: 22px;
+    color: @white;
+    .transition(all);
+    .transition-duration(300ms);
+    opacity: 0.3;
+    background-color: transparent;
+    line-height: 45px;
+    padding: 0;
+    &:hover {
+        color: @white;
+        opacity: 0.8;
+        border-color: @white;
+    }
+
+    i {
+        display: block;
+        width: 100%;
+        padding-left: 3px;
+    }
+}
+
+/*------------------------------
+    Chrome autofill fix
+-------------------------------*/
+input:-webkit-autofill {
+     -webkit-box-shadow:0 0 0 50px @dark-gray inset !important;
+     -webkit-text-fill-color: @white !important;
+}