xsdot_css_authentication
/* authentication */ .auth_header {text-align:left;margin-top:20px;margin-bottom:8px;font-weight:bold;font-size:13px;color:#606060;clear:both;} .auth {margin:auto;margin-top:0px;margin-bottom:64px;text-align:center;font-size:12px;line-height:20px;overflow:hidden;width:500px;height:640px;} .auth-cnt {opacity:0;width:80%;list-style:none;margin:0px;padding:0px;margin:auto;text-align:center;transition: all 0.5s ease;background-image:url('/images/logo-main-app-124055.png?v=1');background-repeat:no-repeat;background-size:160px;background-position:center -100px;} .auth-cnt > li {vertical-align:top;text-align:left;} .auth-bc {text-align:center;padding:8px;} .auth-fp {text-align:center;margin:6px;padding-top:12px;} #auth-er {clear:both;color:#c00000;font-size:12px;line-height:22px;padding-bottom:8px;} .sec-reg-container {padding-top:0px;padding-bottom:24px;max-width:550px;margin:auto;} .sec-reg-container_b {padding-top:0px;padding-bottom:24px;max-width:640px;margin:auto;text-align:center;} .auth-intro {margin-bottom:22px;} .auth-txt {font-size:12px;line-height:24px;} #acenter-cnt {opacity:0;list-style:none;margin:0px;padding:0px;text-align:center;transition: all 0.5s ease;padding-left:12px;padding-right:12px;} .eauth-avatar {margin:auto;width:50px;margin-bottom:14px;border-radius:6px;-moz-border-radius:6px;} .auth-cnt > li.show-dev, .show-dev {display:none;} .buta {display:inline-block;margin:8px;height:42px;line-height:40px;padding:0px;padding-left:36px;padding-right:36px;border-radius:6px;background-color:#f04d3f;border:1px solid #f04d3f;cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#ffffff;font-size:13px;} .butaf {display:block;height:42px;line-height:40px;padding:0px;padding-left:36px;padding-right:36px;border-radius:6px;background-color:#f04d3f;border:1px solid #f04d3f;cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#ffffff;font-size:13px;text-align:center;} a.buta:link,a.buta:active,a.buta:visited,a.butaf:link,a.butaf:active,a.butaf:visited {color:#ffffff;text-decoration:none;} .buta:hover,a.buta:hover,.butaf:hover,a.butaf:hover {background-color:#e03d2f;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .form-auth {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;} .form-auth li {overflow:hidden;} .form-auth li > label {position:absolute;left:0px;height:40px;line-height:40px;display:block;width:36%;padding-left:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:13px;} .form-auth li > div {margin-left:36%;padding:6px;} .form-auth li div input, .form-auth li div select {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;line-height:40px;height:40px;padding:3px;padding-left:6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-auth li > div > a {text-decoration:none;} .form-auth li.error input {border-color:#e00000;} .form-auth li div.cmp input {background-image:url('/images/xsdot-forms-136900.png?v=0');background-position:right -304px;overflow:hidden;padding-right:32px;} .form-authf {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;} .form-authf li {overflow:hidden;margin-bottom:12px;} .form-authf li input {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;height:26px;line-height:21px;padding:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-authf li > div > a {text-decoration:none;} .form-authf li input {line-height:40px;height:40px;padding-left:6px;} .form-authf li input.auth-cn {background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-2px -42px;padding-left:32px;} .form-authf li input.auth-pw {background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-2px -82px;padding-left:32px;} .form-authf li.error input {border-color:#e00000;} .form-authf li > div.auth-sl {border:1px solid #c0c0c0;padding:6px;border-radius:5px;} #auth-back {display:none;} .auth-ext {padding:0px;list-style:none;overflow:hidden;} .auth-ext li {width:49.5%;float:left;} .auth-ext li:first-child {margin-right:1%;} .auth-but {border:1px solid #e0e0e0;height:44px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;position:relative;padding-left:24px;padding-right:24px;color:#ffffff;font-weight:bold;font-size:12px;line-height:44px;text-align:center;} .but-fb {background-color:#3b5998;} .but-in {background-color:#007ab6;} .but-pn {background-color:#64b22e;} .but-fb > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-0px -121px;} .but-in > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-0px -161px;} .but-pn > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-50px -121px;} .auth-or {padding-top:4px;height:32px;line-height:32px;text-align:center;font-size:14px;} .auth-regcn {padding-top:8px;} .auth-reg {height:40px;text-align:center;} .auth-reg > a {display:block;line-height:20px;} .link_in, .link_fb {clear:both;overflow:hidden;display:block;color:#ffffff;padding:2px;} .link_fb div {margin-top:2px;margin-right:4px;float:left;height:20px;width:19px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-7px -129px;} .link_in div {margin-top:2px;margin-right:4px;float:left;height:20px;width:19px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-7px -169px;} @media (max-width: 840px) { .sec-reg-container {padding-top:4px;} .auth_header {padding-left:8px;padding-right:8px;margin-top:6px;margin-bottom:6px;} .auth-txt {text-align:center;padding:6px;} #auth-back {position:fixed;display:block;line-height:44px;font-size:13px;font-weight:bold;color:#ffffff;background-color:#64b22e;width:100%;left:0px;top:0px;z-index:100;background-image:url('/images/xsdot-forms-136900.png?v=0');background-position:0px -0px;background-repeat:no-repeat;padding-left:32px;cursor:pointer;} a#auth-back:link,a#auth-back:active {text-decoration:none;} #auth-er {padding:8px;} .hide-sm {display:none;} .auth-cnt > li {margin-bottom:0px;margin-top:0px;} .auth {width:100%;margin-bottom:0px;} .form-auth {padding-top:0px;} .form-auth li > label {display:none;} .form-auth li > div {margin-left:0px;} .form-auth li div input,.form-auth li div select {line-height:40px;height:40px;padding-left:6px;} .form-auth li .frm-selbox {background-position:right -673px;margin:0px;height:40px;line-height:40px;padding:0px;padding-left:6px;} .form-auth li div.cmp input {background-image:url('/images/xsdot-forms-136900.png?v=0');background-position:right -304px;overflow:hidden;padding-right:32px;} .auth-bc {padding:6px;} .buta {margin:0px;padding:0px;width:100%} .auth-bdr {border:1px solid #c0c0c0;margin:6px;} .auth-cnt > li.hide-dev, .hide-dev {display:none;} .auth-cnt > li.show-dev, .show-dev {display:block;} }
/* authentication */ .auth_header {text-align:left;margin-top:20px;margin-bottom:8px;font-weight:bold;font-size:13px;color:#606060;clear:both;} .auth {margin:auto;margin-top:0px;margin-bottom:64px;text-align:center;font-size:12px;line-height:20px;overflow:hidden;width:500px;height:640px;} .auth-cnt {opacity:0;width:80%;list-style:none;margin:0px;padding:0px;margin:auto;text-align:center;transition: all 0.5s ease;background-image:url('/images/logo-main-app-124055.png?v=1');background-repeat:no-repeat;background-size:160px;background-position:center -100px;} .auth-cnt > li {vertical-align:top;text-align:left;} .auth-bc {text-align:center;padding:8px;} .auth-fp {text-align:center;margin:6px;padding-top:12px;} #auth-er {clear:both;color:#c00000;font-size:12px;line-height:22px;padding-bottom:8px;} .sec-reg-container {padding-top:0px;padding-bottom:24px;max-width:550px;margin:auto;} .sec-reg-container_b {padding-top:0px;padding-bottom:24px;max-width:640px;margin:auto;text-align:center;} .auth-intro {margin-bottom:22px;} .auth-txt {font-size:12px;line-height:24px;} #acenter-cnt {opacity:0;list-style:none;margin:0px;padding:0px;text-align:center;transition: all 0.5s ease;padding-left:12px;padding-right:12px;} .eauth-avatar {margin:auto;width:50px;margin-bottom:14px;border-radius:6px;-moz-border-radius:6px;} .auth-cnt > li.show-dev, .show-dev {display:none;} .buta {display:inline-block;margin:8px;height:42px;line-height:40px;padding:0px;padding-left:36px;padding-right:36px;border-radius:6px;background-color:#f04d3f;border:1px solid #f04d3f;cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#ffffff;font-size:13px;} .butaf {display:block;height:42px;line-height:40px;padding:0px;padding-left:36px;padding-right:36px;border-radius:6px;background-color:#f04d3f;border:1px solid #f04d3f;cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#ffffff;font-size:13px;text-align:center;} a.buta:link,a.buta:active,a.buta:visited,a.butaf:link,a.butaf:active,a.butaf:visited {color:#ffffff;text-decoration:none;} .buta:hover,a.buta:hover,.butaf:hover,a.butaf:hover {background-color:#e03d2f;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .form-auth {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;} .form-auth li {overflow:hidden;} .form-auth li > label {position:absolute;left:0px;height:40px;line-height:40px;display:block;width:36%;padding-left:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:13px;} .form-auth li > div {margin-left:36%;padding:6px;} .form-auth li div input, .form-auth li div select {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;line-height:40px;height:40px;padding:3px;padding-left:6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-auth li > div > a {text-decoration:none;} .form-auth li.error input {border-color:#e00000;} .form-auth li div.cmp input {background-image:url('/images/xsdot-forms-136900.png?v=0');background-position:right -304px;overflow:hidden;padding-right:32px;} .form-authf {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;} .form-authf li {overflow:hidden;margin-bottom:12px;} .form-authf li input {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;height:26px;line-height:21px;padding:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-authf li > div > a {text-decoration:none;} .form-authf li input {line-height:40px;height:40px;padding-left:6px;} .form-authf li input.auth-cn {background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-2px -42px;padding-left:32px;} .form-authf li input.auth-pw {background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-2px -82px;padding-left:32px;} .form-authf li.error input {border-color:#e00000;} .form-authf li > div.auth-sl {border:1px solid #c0c0c0;padding:6px;border-radius:5px;} #auth-back {display:none;} .auth-ext {padding:0px;list-style:none;overflow:hidden;} .auth-ext li {width:49.5%;float:left;} .auth-ext li:first-child {margin-right:1%;} .auth-but {border:1px solid #e0e0e0;height:44px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;position:relative;padding-left:24px;padding-right:24px;color:#ffffff;font-weight:bold;font-size:12px;line-height:44px;text-align:center;} .but-fb {background-color:#3b5998;} .but-in {background-color:#007ab6;} .but-pn {background-color:#64b22e;} .but-fb > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-0px -121px;} .but-in > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-0px -161px;} .but-pn > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-50px -121px;} .auth-or {padding-top:4px;height:32px;line-height:32px;text-align:center;font-size:14px;} .auth-regcn {padding-top:8px;} .auth-reg {height:40px;text-align:center;} .auth-reg > a {display:block;line-height:20px;} .link_in, .link_fb {clear:both;overflow:hidden;display:block;color:#ffffff;padding:2px;} .link_fb div {margin-top:2px;margin-right:4px;float:left;height:20px;width:19px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-7px -129px;} .link_in div {margin-top:2px;margin-right:4px;float:left;height:20px;width:19px;background-image:url('/images/mobile-menu-retina-124096.png?v=1');background-size:1000px 700px;background-position:-7px -169px;} @media (max-width: 840px) { .sec-reg-container {padding-top:4px;} .auth_header {padding-left:8px;padding-right:8px;margin-top:6px;margin-bottom:6px;} .auth-txt {text-align:center;padding:6px;} #auth-back {position:fixed;display:block;line-height:44px;font-size:13px;font-weight:bold;color:#ffffff;background-color:#64b22e;width:100%;left:0px;top:0px;z-index:100;background-image:url('/images/xsdot-forms-136900.png?v=0');background-position:0px -0px;background-repeat:no-repeat;padding-left:32px;cursor:pointer;} a#auth-back:link,a#auth-back:active {text-decoration:none;} #auth-er {padding:8px;} .hide-sm {display:none;} .auth-cnt > li {margin-bottom:0px;margin-top:0px;} .auth {width:100%;margin-bottom:0px;} .form-auth {padding-top:0px;} .form-auth li > label {display:none;} .form-auth li > div {margin-left:0px;} .form-auth li div input,.form-auth li div select {line-height:40px;height:40px;padding-left:6px;} .form-auth li .frm-selbox {background-position:right -673px;margin:0px;height:40px;line-height:40px;padding:0px;padding-left:6px;} .form-auth li div.cmp input {background-image:url('/images/xsdot-forms-136900.png?v=0');background-position:right -304px;overflow:hidden;padding-right:32px;} .auth-bc {padding:6px;} .buta {margin:0px;padding:0px;width:100%} .auth-bdr {border:1px solid #c0c0c0;margin:6px;} .auth-cnt > li.hide-dev, .hide-dev {display:none;} .auth-cnt > li.show-dev, .show-dev {display:block;} }