You are here

gin_login.css in Gin Login 8

:root{--colorGinPrimary: #003cc5;--colorGinPrimaryHover: #0036b1;--colorGinPrimaryActive: #00339a}.button--primary{background-color:var(--colorGinPrimary)}.button--primary:hover{background-color:var(--colorGinPrimaryHover)}.button--primary:active{background-color:var(--colorGinPrimaryHover)}a,.link,button.link,.forgot-password-link{color:var(--colorGinPrimary)}a:hover,.link:hover,button.link:hover,.forgot-password-link:hover{color:var(--colorGinPrimaryHover)}a:active,.link:active,button.link:active,.forgot-password-link:active{color:var(--colorGinPrimaryHover)}.form-boolean--type-checkbox:checked,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after{border-color:var(--colorGinPrimary)}.form-boolean--type-checkbox:checked:hover,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after:hover,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after:hover{border-color:var(--colorGinPrimaryHover)}.form-boolean--type-checkbox:checked:active,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after:active,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after:active{border-color:var(--colorGinPrimaryHover)}.is-horizontal .tabs__link:hover,.claro-details__summary:hover,.action-link:hover{color:var(--colorGinPrimaryHover)}.claro-details[open]>.claro-details__summary:focus{color:var(--colorGinPrimaryActive)}body.path-user .user-form-page{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:100vh;max-height:100%;background:var(--colorGinLayerBackground)}@media (min-width: 800px){body.path-user .user-form-page{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}body.path-user .user-form-page,body.path-user .user-form-page *{-webkit-box-sizing:border-box;box-sizing:border-box}body.path-user .user-form-page__user-form,body.path-user .user-form-page__wallpaper{width:100%}@media (min-width: 800px){body.path-user .user-form-page__user-form,body.path-user .user-form-page__wallpaper{-ms-flex-preferred-size:50%;flex-basis:50%}}body.path-user .user-form-page__user-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px}@media (max-width: 800px){body.path-user .user-form-page__user-form{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-line-pack:start;align-content:flex-start}}@media (min-width: 800px){body.path-user .user-form-page__user-form{min-width:640px}}body.path-user .user-form-page__user-form img{max-height:40px}body.path-user .user-form-page__wallpaper{display:none;pointer-events:none;position:relative;background-color:#ccc}@media (min-width: 800px){body.path-user .user-form-page__wallpaper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:70%;flex-basis:70%}}body.path-user .user-form-page__wallpaper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}body.path-user .user-form-page__page-title{font-size:2rem;margin-top:0;width:100%;max-width:100%;text-overflow:unset;white-space:normal}@media (min-width: 800px){body.path-user .user-form-page__page-title{font-size:3rem;margin-top:2rem}}body.path-user .user-form-page .content-header{-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:2.25rem;background:transparent}@media (max-width: 800px){body.path-user .user-form-page .content-header{margin-bottom:4rem}}body.path-user .user-form-page .content-header a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}body.path-user .user-form-page .layout-container{max-width:560px;margin:0 auto !important;padding-left:24px;padding-right:24px}@media (min-width: 800px){body.path-user .user-form-page .layout-container{padding-left:48px;padding-right:48px}}body.path-user .user-form-page .block-system>form{padding:0;border:0 none;-webkit-box-shadow:none;box-shadow:none;background:transparent}body.path-user .user-form-page .form-type--text input,body.path-user .user-form-page .form-type--password input,body.path-user .user-form-page .form-type--email input{width:100%}body.path-user .user-form-page .form-element{width:100%;padding:1rem}body.path-user .user-form-page .more-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:0;margin-top:0}body.path-user .user-form-page .register-button{width:100%;margin-right:0}body.path-user .user-form-page .forgot-password-link{display:inline-block;margin-top:2rem}body.path-user .user-login-form .button{width:100%;padding:1.25rem 1rem;margin-right:0;margin-bottom:0}body.path-user .user-login-form .button--primary{margin-top:0}body.path-user .user-login-form .form-actions{display:block;margin-bottom:0}body.path-user .page-wrapper{margin-top:0}#sliding-popup{display:none !important}

File

dist/css/gin_login.css
View source
  1. :root{--colorGinPrimary: #003cc5;--colorGinPrimaryHover: #0036b1;--colorGinPrimaryActive: #00339a}.button--primary{background-color:var(--colorGinPrimary)}.button--primary:hover{background-color:var(--colorGinPrimaryHover)}.button--primary:active{background-color:var(--colorGinPrimaryHover)}a,.link,button.link,.forgot-password-link{color:var(--colorGinPrimary)}a:hover,.link:hover,button.link:hover,.forgot-password-link:hover{color:var(--colorGinPrimaryHover)}a:active,.link:active,button.link:active,.forgot-password-link:active{color:var(--colorGinPrimaryHover)}.form-boolean--type-checkbox:checked,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after{border-color:var(--colorGinPrimary)}.form-boolean--type-checkbox:checked:hover,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after:hover,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after:hover{border-color:var(--colorGinPrimaryHover)}.form-boolean--type-checkbox:checked:active,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after:active,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after:active{border-color:var(--colorGinPrimaryHover)}.is-horizontal .tabs__link:hover,.claro-details__summary:hover,.action-link:hover{color:var(--colorGinPrimaryHover)}.claro-details[open]>.claro-details__summary:focus{color:var(--colorGinPrimaryActive)}body.path-user .user-form-page{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:100vh;max-height:100%;background:var(--colorGinLayerBackground)}@media (min-width: 800px){body.path-user .user-form-page{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}body.path-user .user-form-page,body.path-user .user-form-page *{-webkit-box-sizing:border-box;box-sizing:border-box}body.path-user .user-form-page__user-form,body.path-user .user-form-page__wallpaper{width:100%}@media (min-width: 800px){body.path-user .user-form-page__user-form,body.path-user .user-form-page__wallpaper{-ms-flex-preferred-size:50%;flex-basis:50%}}body.path-user .user-form-page__user-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px}@media (max-width: 800px){body.path-user .user-form-page__user-form{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-line-pack:start;align-content:flex-start}}@media (min-width: 800px){body.path-user .user-form-page__user-form{min-width:640px}}body.path-user .user-form-page__user-form img{max-height:40px}body.path-user .user-form-page__wallpaper{display:none;pointer-events:none;position:relative;background-color:#ccc}@media (min-width: 800px){body.path-user .user-form-page__wallpaper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:70%;flex-basis:70%}}body.path-user .user-form-page__wallpaper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}body.path-user .user-form-page__page-title{font-size:2rem;margin-top:0;width:100%;max-width:100%;text-overflow:unset;white-space:normal}@media (min-width: 800px){body.path-user .user-form-page__page-title{font-size:3rem;margin-top:2rem}}body.path-user .user-form-page .content-header{-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:2.25rem;background:transparent}@media (max-width: 800px){body.path-user .user-form-page .content-header{margin-bottom:4rem}}body.path-user .user-form-page .content-header a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}body.path-user .user-form-page .layout-container{max-width:560px;margin:0 auto !important;padding-left:24px;padding-right:24px}@media (min-width: 800px){body.path-user .user-form-page .layout-container{padding-left:48px;padding-right:48px}}body.path-user .user-form-page .block-system>form{padding:0;border:0 none;-webkit-box-shadow:none;box-shadow:none;background:transparent}body.path-user .user-form-page .form-type--text input,body.path-user .user-form-page .form-type--password input,body.path-user .user-form-page .form-type--email input{width:100%}body.path-user .user-form-page .form-element{width:100%;padding:1rem}body.path-user .user-form-page .more-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:0;margin-top:0}body.path-user .user-form-page .register-button{width:100%;margin-right:0}body.path-user .user-form-page .forgot-password-link{display:inline-block;margin-top:2rem}body.path-user .user-login-form .button{width:100%;padding:1.25rem 1rem;margin-right:0;margin-bottom:0}body.path-user .user-login-form .button--primary{margin-top:0}body.path-user .user-login-form .form-actions{display:block;margin-bottom:0}body.path-user .page-wrapper{margin-top:0}#sliding-popup{display:none !important}