From 78f3c0e9893d36e0ce039c2b79ede8a92ebe468a Mon Sep 17 00:00:00 2001 From: Unknown Date: Sun, 1 Oct 2017 00:24:20 -0400 Subject: Adding the code --- login/eye-active.png | Bin 0 -> 283 bytes login/eye.png | Bin 0 -> 395 bytes login/go-active.png | Bin 0 -> 295 bytes login/go.png | Bin 0 -> 290 bytes login/img/user.png | Bin 0 -> 2898 bytes login/index.html | 36 ++++++++++++ login/style.css | 152 +++++++++++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 188 insertions(+) create mode 100644 login/eye-active.png create mode 100644 login/eye.png create mode 100644 login/go-active.png create mode 100644 login/go.png create mode 100644 login/img/user.png create mode 100644 login/index.html create mode 100644 login/style.css (limited to 'login') diff --git a/login/eye-active.png b/login/eye-active.png new file mode 100644 index 0000000..90cfd83 Binary files /dev/null and b/login/eye-active.png differ diff --git a/login/eye.png b/login/eye.png new file mode 100644 index 0000000..e72d517 Binary files /dev/null and b/login/eye.png differ diff --git a/login/go-active.png b/login/go-active.png new file mode 100644 index 0000000..c84da27 Binary files /dev/null and b/login/go-active.png differ diff --git a/login/go.png b/login/go.png new file mode 100644 index 0000000..5f0d707 Binary files /dev/null and b/login/go.png differ diff --git a/login/img/user.png b/login/img/user.png new file mode 100644 index 0000000..4ac8e42 Binary files /dev/null and b/login/img/user.png differ diff --git a/login/index.html b/login/index.html new file mode 100644 index 0000000..604f919 --- /dev/null +++ b/login/index.html @@ -0,0 +1,36 @@ + + + + +Login to Windows + + + + + +
+
+ +
+

+ Anonymous User
+ user@email.com +

+
+ + + +
+
+ Welcome +
+
+ Incorrect
+ +
+
+
+
+ \ No newline at end of file diff --git a/login/style.css b/login/style.css new file mode 100644 index 0000000..72d5010 --- /dev/null +++ b/login/style.css @@ -0,0 +1,152 @@ +body { + background-color : #001E4E; + font-family:Segoe UI; +} +img, a { + outline:none; + border:none; +} +#login { + z-index : 1000; +} + +#login, +#main { + background-color : #001E4E; +} + +#login_box { + width : 600px; + position : absolute; + top : 15%; + left : 50%; + margin-left : -300px; +} +#login_box > img { + display : block; + width : 200px; + height : 200px; + float : left; +} +#login_box form { + margin-left : 230px; + position : relative; +} +#login_box form p { + font-size : 30px; + color : #fff; + line-height : 1.2; +} +#login_box form p span { + font-size : 15px; +} + +#login_box fieldset { + margin-top : 30px; + border : none; + width : 344px; + height : 30px; + padding : 2px; + background: #fff; +} + +#login_box input#passwd { + font-family:Segoe UI; + display : block; + width : 280px; + height : 30px; + border : none; + float : left; + padding : 0 2px; + font-size: 16px; +} +input#passwd:focus { + border : none; +} + +#login_box fieldset img { + float : right; + width : 28px; + height : 28px; + display : inline; + margin-top : 1px; +} + +#login_box.correct { + -webkit-transition : all 0.5s ease-out; + left : 80%; + opacity : 0; +} + +#login_box .toggle { + -webkit-transition : opacity 0.2s linear; +} +#login_box #welcome, +#incorrect { + position : absolute; + height : 100px; + top : 80px; + width : 340px; + left : 0px; + display : none; +} +#welcome { + color : #ffffff; + font-size : 30px; + margin-left : 30px; +} +#incorrect { + color : #f68323; +} +#back_btn { + display : block; + width : 90px; + height : 32px; + background : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAgCAYAAACSEW+lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAIQSURBVGiB7Zo9SOtQFMf/FQcz3ixiKiopPt9sq4PgFrAoiHTo4itChy4P3lAf1KWTi2+om0sHQdTFQURQFDIr9MO5KmYobbq1Y99Wh0eFmNQvXk8uen5TOOceOPxyc5ObJNDpdDpg+s6A3w18FQa7B983//jZx6elks0A4BlNBosmgkUTwaKJYNFEsGgiWDQRLJqIwdeH0JOOGkjNhB2xfLGM7QvTEbv+/QtX1RrWj44d8fOfKeiqwMaliZNCue/9vgXpRB8kE4gENSzvHeKuWnuKV7IZGCEdizv5V+t1VUi305Vq6UhHDU/JwL9XBLoqkI4aPeu7J0k2yYBkoo2QjlLddknuUqrbMEK6Zy4Xjz2dJBmRSrRQhnBjN3rmb+wGdFW44rl4DEtTk55XgixItUYLRXl3zdzYKISiwGq2pJUMSDajW+32u2uEomB57xC6KnCQTPShq/+DZKL/Ylob6Zmf1kZgNVuO2NntPe6qNWxcmogENeTisX63+SGkEm0+WIgENXwbG/XMR4IazAfLM3dSKCNfLGNpavLFJxO/kEr09oWJUt3G6dqqS3Ylm4HVbLk2Lc/rz27vkZoJY2U23HOcH0h1MwSAH7v7SEcNnK6tOuJeO0Mv1o+OMZxMYGvBwPzEuGvX6BeB7ldwGR/yPwP8zZAYFk0EiyaCRRPBoolg0USwaCIC/DcpDTyjiXgEfr2cM/8g2B4AAAAASUVORK5CYII=) top left no-repeat; + margin-top : 15px; +} + +#account_name { + position : absolute; + top : 50px; + right : 180px; + color : #fff; + font-size : 25px; + padding : 10px; + opacity : 0; +} +#account_name.active { + -webkit-transition : opacity 0.5s ease-in, right 0.5s ease-out, -webkit-transform 0.2s ease-in; + opacity : 1; + right : 50px; +} + +#account_name:hover { + background-color : #2d6376 +} +#account_name img { + vertical-align : middle; +} +#account_name[data-pressed] { + -webkit-transform : scale(0.95, 0.95); +} +#showpwd { + display:inline; + vertical-align:middle; + margin-right:4px; +} +#showpwd:hover { + background-color:rgb(223, 223, 223); +} +#showpwd:active { + background-color:#000000; +} +#go { + background-color:#001E4E; +} +#go:hover { + opacity:0.9; +} +#go:active { + background-color:#FFF; +} \ No newline at end of file -- cgit v1.2.3