cronapp-framework-mobile-js/dist/css/themes/custom/theme-general/login.css

Javascript library for CronApp's projects

.login-bg{background:-webkit-linear-gradient(45deg,var(--colorDefault50) 0,var(--colorDefault40,#3b448e) 76%,var(--colorDefault40,#3b448e) 95%)}.login-bg .cron-margin-top-ios{margin-top:inherit}.login-bg .scroll{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;width:100%}.login-mobile input[type="email"]::-webkit-input-placeholder,.login-mobile input[type="text"]::-webkit-input-placeholder,.login-mobile input[type="password"]::-webkit-input-placeholder{color:var(--textColorDefault40,#fff);background:transparent}.menu-view .bar.bar-positive,.login-bg .bar.bar-positive{border-color:var(--colorDefault40,#3b448e);background:linear-gradient(0,var(--colorDefault40,#3b448e),var(--colorDefault40,#3b448e) 50%,transparent 50%);color:var(--colorNeutral00,#fff)}.menu-view .item h2,.login-bg .item h2{margin:0 0 2px 0;font-size:var(--textNormalSize,14px);font-weight:normal;color:var(--colorNeutral00,#fff)}.menu-view .item h3,.login-bg .item h3{margin:0 0 2px 0;font-size:var(--textNormalSize,14px);font-weight:normal;color:var(--colorNeutral00,#fff)}.menu-view .item-icon-left .icon,.login-bg .item-icon-left .icon{left:20px;border-radius:var(--borderRadiusFull,99999px);border:1px solid;width:35px;height:35px;top:6px;color:var(--textColorDefault40,#fff);border-color:var(--textColorDefault40,#fff)}.menu-view .item-icon-left,.login-bg .item-icon-left,ul.nav>a>div,ul.nav>li>a>div,div.nav>a>div{padding-left:26px;margin-left:20px;min-height:auto}div.nav>a.item-avatar-left>div.item-content{padding:16px}.menu-view [nav-bar-transition="ios"] [nav-bar="active"] .bar,[nav-bar-transition="ios"] [nav-bar="entering"] .bar,.login-bg [nav-bar-transition="ios"] [nav-bar="active"] .bar,[nav-bar-transition="ios"] [nav-bar="entering"] .bar{color:var(--colorNeutral00,#fff)}.menu-view .button .icon:before,.button.icon:before,.button.icon-left:before,.button.icon-right:before,.login-bg .button .icon:before,.button.icon:before,.button.icon-left:before,.button.icon-right:before{display:inline-block;padding:0 0 1px 0;vertical-align:inherit;font-size:var(--textExtraBigSize,23px);line-height:41px;pointer-events:none;color:var(--colorNeutral00,#fff)}.menu-view .bar .title,.login-bg .bar .title{display:block;position:absolute;top:0;right:0;left:0;z-index:0;overflow:hidden;margin:0 10px;min-width:30px;height:43px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:var(--textMediumSize,16px);font-weight:500;line-height:44px;color:var(--colorNeutral00,#fff)}.menu-view label.item.item-input,.login-bg label.item.item-input{border-top:0;display:block;border-left:0;border-right:0;border-radius:var(--borderRadiusNone,0)}.menu-view fieldset,.login-bg fieldset{margin:0 2px;padding:.35em .625em .75em;border:0 solid var(--colorNeutral40,#c7c7c7)}.menu-view .bar-header button i,.login-bg .bar-header button i{font-size:var(--textSmallSize,12px);color:var(--colorNeutral220,#000)}.menu-view .bar-header .header-item .right-buttons .button i::before,.bar-header .header-item .left-buttons .button i::before,.login-bg .bar-header .header-item .right-buttons .button i::before,.bar-header .header-item .left-buttons .button i::before{font-size:var(--textExtraBigSize,23px);color:var(--colorNeutral00,#fff)}.menu-view .user-avatar,.login-bg .user-avatar{float:left;font-size:52px;color:var(--colorNeutral00,#fff);width:45px;height:auto;padding:0}.menu-view .user-avatar i{color:var(--textColorDefault40,#fff)}.menu-view .input-default input,.login-bg .input-default input{border-bottom:1px solid var(--colorNeutral60,#acacac);transition:400ms;color:var(--colorPrimary10,#d8e0fc);margin-top:5px;margin-bottom:15px}.menu-view .input-default input:focus,.login-bg .input-default input:focus{border-bottom:1px solid var(--colorDefault40,#3b448e);transition:400ms;color:var(--colorDefault40,#3b448e)}.menu-view .input-default .item-input i,.login-bg .input-default .item-input i{border-radius:var(--borderRadiusFull,99999px);border:1px solid var(--colorNeutral60,#acacac);padding:6px 7px 6px 7px;font-size:var(--textSmallSize,12px)}.menu-view .item-input,.login-bg .item-input{padding:6px 0 5px 0}.menu-view .item,.login-bg .item{border-color:transparent;background:transparent;color:var(--colorDark40,#444);position:relative;z-index:2;display:block;margin:-1px;padding:0;border-width:1px;border-style:solid;font-size:var(--textMediumSize,16px)}.login-bg input:-webkit-autofill{box-shadow:0 0 0 1000px var(--colorPrimary20) inset;-webkit-box-shadow:0 0 0 1000px var(--colorPrimary20) inset}.login-mobile .button.button-positive{border-color:var(--colorPrimary40,#387ef5);background:transparent;color:var(--colorNeutral00,#fff);border-radius:var(--borderRadiusSmallest,5px);transition:400ms;margin-top:20px;margin:0 auto}.login-mobile .button{padding:0;border:1px solid var(--colorNeutral00,#fff);text-transform:uppercase;letter-spacing:6px}.logo{width:250px;margin-bottom:0;filter:none}.login-mobile{padding:19px 30px;border-radius:var(--borderRadiusExtraSmall,10px);background:transparent}.login-mobile label{background:transparent}.login-mobile label input{background:transparent}.login-mobile input{border-bottom:1px solid var(--colorNeutral00,#fff);transition:700ms;color:var(--colorNeutral00,#fff);background:transparent}.login-mobile input:focus{border-bottom:1px solid var(--colorPrimary10,#d8e0fc);transition:700ms;background:transparent}.login-mobile .item-input{padding-bottom:16px;margin-bottom:10px}.login-mobile label{border:0}.login-mobile .placeholder-icon:first-child{padding-right:0}.login-mobile .placeholder-icon{color:var(--textColorDefault40,#fff);font-size:var(--textNormalSize,14px);border-radius:var(--borderRadiusFull,99999px);border:1px solid var(--colorNeutral00,#fff);text-align:center;padding:11px 5px 0 0;margin-right:7px;width:40px;height:40px}.login-mobile label.item.item-input{padding:10px;border:0 solid var(--colorNeutral30,#d5d5d5)}.login-bg label.item.item-input{padding:10px}.login-bg a{text-decoration:none}a#reset-password-login{text-align:right;color:var(--colorNeutral00,#fff)}a#button-signup{color:var(--colorNeutral00,#fff);text-align:center;margin-top:10px}.menu-view .button.button-positive{border-color:#fff;background:#fff;color:var(--colorPrimary40,#387ef5);border-radius:7px;transition:400ms}