diff --git a/css/login/Changepw.css b/css/login/Changepw.css index 694b137..4bb954f 100644 --- a/css/login/Changepw.css +++ b/css/login/Changepw.css @@ -84,22 +84,20 @@ justify-content: center; align-items: center; width: 1024px; - height: 800px; - margin: auto; - top: 50%; - left: 50%; - transform: translate(0, -50%); + height: 800px; + margin: 0 auto; + margin-top: 0px; } -.container-fluid { +.container-fluid { width: 400px; height: 379px; background-color: rgba(255,255,255,0.5); - margin: auto; top: 50%; + bottom: auto; left: -20%; - transform: translate(0, -50%); - + right: 520px; + margin: auto; } #tbl_main { diff --git a/css/login/ForgotPW.css b/css/login/ForgotPW.css index ef714f0..81c252d 100644 --- a/css/login/ForgotPW.css +++ b/css/login/ForgotPW.css @@ -15,22 +15,28 @@ background-color: #003680; } + + #content_container { + position: absolute; display: flex; justify-content: center; align-items: center; width: 1024px; - height: 800px; - margin: 0 auto; - margin-top: 0px; + height: 800px; + top: 50%; + left: 50%; + transform: translate(0, -50%); } .container-fluid { width: 400px; height: 295px; background-color: rgba(255,255,255,0.5); - margin: 0 auto; - margin-top: 50%; + margin: auto; + top: 50%; + left: -20%; + transform: translate(0, -50%); } #tbl_main { diff --git a/login/ChangePW.aspx b/login/ChangePW.aspx index 6fc0239..2d3ce43 100644 --- a/login/ChangePW.aspx +++ b/login/ChangePW.aspx @@ -108,8 +108,7 @@ width: 400px; height: 613px; margin: 0 auto; - margin-top: 0px; - + margin-top: 0px; } .container-fluid { @@ -118,8 +117,8 @@ height: 613px; top:50%; bottom: auto; - left: -400px; - right: 0; + left: -195px; + right: 520px; margin: auto; } diff --git a/login/ForgotPW.aspx b/login/ForgotPW.aspx index 47059db..45f1131 100644 --- a/login/ForgotPW.aspx +++ b/login/ForgotPW.aspx @@ -80,7 +80,7 @@ .container-fluid { width: 400px; - height: 713px; + height: 613px; background-color: rgba(255,255,255,0.5); margin: 0 auto; margin-top: 150%;