diff --git a/assets/css/auth-v2.css b/assets/css/auth-v2.css deleted file mode 100644 index 8de5320..0000000 --- a/assets/css/auth-v2.css +++ /dev/null @@ -1,275 +0,0 @@ -.controller-auth { - background-color: var(--mc-gray-100); - } - .controller-auth .login { - max-width: 570px; - margin: 32px auto; - padding: 0 16px; - } - .controller-auth .login .mc-card { - padding: 24px 48px; - } - .controller-auth .login .field .multiple-recover-link { - font-weight: 600; - font-size: 14px; - line-height: 19px; - text-align: right; - color: var(--mc-primary-500); - text-decoration: none; - } - .controller-auth .login .g-recaptcha { - display: flex; - align-items: center; - justify-content: center; - } - .controller-auth .login .divider { - width: 100%; - border-bottom: 1px solid #BBBBBB; - } - .controller-auth .login .social-login { - display: flex; - flex-direction: column; - gap: 16px; - align-items: center; - } - .controller-auth .login .social-login--button { - text-align: center; - display: block; - } - .controller-auth .login .social-login--button .img { - width: 50px; - float: left; - text-align: left; - display: flex; - align-items: center; - } - .controller-auth .login .social-login--button .img img { - height: 16px; - } - @media screen and (max-width: 50rem) { - .controller-auth .login .social-login--button .img { - width: 39px; - } - .controller-auth .login .social-login--button .img img { - height: 14px; - } - } - .controller-auth .login .social-login--button.google { - border: var(--mc-border-hairline) var(--mc-low-500); - color: var(--mc-low-700); - } - .controller-auth .login .social-login--button.govbr { - border: var(--mc-border-hairline) #1351B4; - background-color: #1351B4; - color: var(--mc-high-500); - } - @media (max-width: 380px) { - .controller-auth .login .social-login--button.google, .controller-auth .login .social-login--button.govbr { - font-size: 13px; - } - } - .controller-auth .login .social-login .create { - display: flex; - flex-direction: column; - width: 100%; - gap: 8px; - align-items: center; - } - .controller-auth .register { - max-width: 570px; - margin: 32px auto; - padding: 0 16px; - } - .controller-auth .register__title { - margin: 35px 0; - } - .controller-auth .register__title label { - font-weight: 700; - font-size: 24px; - line-height: 28px; - } - .controller-auth .register__title p { - margin: 8px 0 0; - font-size: 14px; - line-height: 19px; - } - .controller-auth .register__timeline { - display: flex; - justify-content: space-between; - position: relative; - } - .controller-auth .register__timeline .step { - width: 100%; - position: relative; - display: flex; - justify-content: flex-end; - } - .controller-auth .register__timeline .step:first-child { - width: unset; - } - .controller-auth .register__timeline .step:first-child::before { - content: unset; - } - .controller-auth .register__timeline .step:first-child .count { - background-color: var(--mc-secondary-500); - } - .controller-auth .register__timeline .step::before { - content: ""; - height: 2px; - width: 100%; - position: absolute; - background: var(--mc-gray-100); - top: 19px; - transition: background-color 300ms linear, color 300ms; - } - .controller-auth .register__timeline .step .count { - align-items: center; - background-color: var(--mc-gray-100); - border-radius: 50%; - color: var(--mc-gray-300); - display: flex; - font-size: 24px; - font-weight: 700; - height: 40px; - justify-content: center; - line-height: 28px; - width: 40px; - z-index: 1; - transition: background-color 300ms linear, color 300ms; - } - .controller-auth .register__timeline .step.active .count { - background-color: var(--mc-secondary-500); - color: var(--mc-high-500); - } - .controller-auth .register__timeline .step.active::before { - background-color: var(--mc-secondary-500); - } - .controller-auth .register__step .title { - font-weight: 700; - font-size: 18px; - line-height: 25px; - margin: 8px 0 4px; - } - .controller-auth .register__step .title .subtitle { - font-weight: 400; - font-size: 14px; - line-height: 19px; - margin-top: 16px; - } - .controller-auth .register__step .document-label { - display: flex; - align-items: center; - justify-content: space-between; - } - .controller-auth .register__step .document-label .question { - display: flex; - gap: 4px; - align-items: center; - background: unset; - border: unset; - } - .controller-auth .register__step .password-rules { - font-size: 14px; - line-height: 19px; - color: var(--mc-secondary-500); - } - .controller-auth .register__step .progressbar { - display: flex; - align-items: center; - gap: 8px; - } - .controller-auth .register__step .progressbar progress[value] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 8px; - width: 210px; - } - .controller-auth .register__step .progressbar progress[value]::-webkit-progress-bar { - background-color: var(--mc-low-300); - border-radius: var(--mc-border-radius-sm); - } - .controller-auth .register__step .progressbar progress[value]::-webkit-progress-value { - border-radius: var(--mc-border-radius-sm); - -webkit-transition: 1s; - transition: 1s; - } - .controller-auth .register__step .progressbar progress[value].fraco::-webkit-progress-value { - background: red; - } - .controller-auth .register__step .progressbar progress[value].medio::-webkit-progress-value { - background: yellow; - } - .controller-auth .register__step .progressbar progress[value].forte::-webkit-progress-value { - background: green; - } - .controller-auth .register__step .divider { - width: 100%; - border-bottom: 1px solid #BBBBBB; - } - .controller-auth .register__step .social-login { - display: flex; - flex-direction: column; - gap: 16px; - align-items: center; - } - .controller-auth .register__step .social-login--button { - text-align: center; - display: block; - } - .controller-auth .register__step .social-login--button .img { - width: 50px; - float: left; - text-align: left; - display: flex; - align-items: center; - } - .controller-auth .register__step .social-login--button .img img { - height: 16px; - } - @media screen and (max-width: 50rem) { - .controller-auth .register__step .social-login--button .img { - width: 39px; - } - .controller-auth .register__step .social-login--button .img img { - height: 14px; - } - } - .controller-auth .register__step .social-login--button.google { - border: var(--mc-border-hairline) var(--mc-low-500); - color: var(--mc-low-700); - } - .controller-auth .register__step .social-login--button.govbr { - border: var(--mc-border-hairline) #1351B4; - background-color: #1351B4; - color: var(--mc-high-500); - } - @media (max-width: 380px) { - .controller-auth .register__step .social-login--button.google, .controller-auth .register__step .social-login--button.govbr { - font-size: 13px; - } - } - .controller-auth .register__step .term { - max-height: 600px; - overflow-y: scroll; - padding-right: 20px; - } - .controller-auth .register__step .term::-webkit-scrollbar { - width: 6px; /* width of the entire scrollbar */ - } - .controller-auth .register__step .term::-webkit-scrollbar-track { - background: unset; /* color of the tracking area */ - } - .controller-auth .register__step .term::-webkit-scrollbar-thumb { - background-color: #6C6C6C; /* color of the scroll thumb */ - border-radius: var(--mc-border-radius-pill); /* roundness of the scroll thumb */ - } - .controller-auth .register__step .button--text { - color: var(--mc-primary-500); - } - .controller-auth .register .mc-card { - padding: 24px 48px; - } - .controller-auth .v-popper__inner { - padding: 3px 10px; - } \ No newline at end of file diff --git a/assets/css/multiple-local-auth.css b/assets/css/multiple-local-auth.css deleted file mode 100644 index 8cae3fc..0000000 --- a/assets/css/multiple-local-auth.css +++ /dev/null @@ -1,597 +0,0 @@ -/* ----- 1: SETTINGS ------- */ - -.controller-auth { - background-color: var(--mc-gray-100); -} - -.controller-auth .mc-card { - padding: 25px 45px; -} - -.controller-auth .mc-card.no-title .mc-card__title { - display: none; -} - -.controller-auth .v-popper__inner { - padding: 3px 10px; -} - -/* ----- 2: ATOMS ------- */ - -/* ----- 3: LAYOUT ------- */ - -/* ----- 4: COMPONENTS ------- */ - -.change-password { - display: flex; - flex-direction: column; - gap: 5px; - padding: 16px 0 13px; -} - -.change-password__title { - line-height: 19px; - font-size: 14px; - font-weight: 600; -} - -.change-password__password { - align-items: center; - display: flex; - gap: 18px; -} - -.change-password__password--fakePassword { - align-items: center; - display: flex; - gap: 4px; -} - -.change-password__password--fakePassword .dot { - background: black; - border-radius: 50%; - height: 8px; - width: 8px; -} - -.change-password__password--edit { - align-items: center; - color: var(--mc-helper-500); - cursor: pointer; - display: flex; - gap: 6px; -} - -.change-password__password--edit .iconify { - font-size: 15px; -} - -.change-password__password--edit .label { - cursor: pointer; - font-size: 14px; - font-weight: 700; - line-height: 19px; -} - -.change-password__modal .modal-content { - max-width: 570px; -} - -.change-password__modal .modal-content .password { - position: relative; -} - -.change-password__modal .modal-content .password-rules { - font-size: 14px; - line-height: 19px; -} - -.change-password__modal .modal-content .password-rules strong { - color: var(--mc-secondary-500); -} - -.change-password__modal .modal-content .password .seePassword { - background: url("https://api.iconify.design/carbon/view-filled.svg"); - background-repeat: no-repeat; - background-size: 22.5px; - background-position-x: center; - background-position-y: center; - content: ""; - height: 48px; - position: absolute; - right: 0; - top: 27px; - width: 48px; -} - -.mc-breadcrumb li { - display: flex; - color: var(--mc-primary-500); -} - -.mc-breadcrumb li::before { - content: url("https://api.iconify.design/fe/arrow-left.svg?width=16&height=16"); - height: 16px; - -webkit-margin-end: 5px; - margin-inline-end: 5px; - width: 16px; - color: var(--mc-primary-500); -} - -.create-account { - max-width: 602px; - margin: 32px auto; - padding: 0 16px; -} - -.create-account .mc-card { - padding: 24px; -} - -.create-account .mc-card.card-created { - margin: 80px 0; -} - -.create-account__title { - margin: 35px 0; -} - -@media (max-width: 760px) { - .create-account__title { - margin: 58px 0 35px; - } -} - -.create-account__title label { - font-weight: 700; - font-size: 24px; - line-height: 28px; -} - -.create-account__title p { - margin: 8px 0 0; - font-size: 14px; - line-height: 19px; -} - -.create-account__timeline { - margin-bottom: 24px; - width: 100%; -} - -.create-account__timeline .stepper { - overflow: hidden; - margin: 0px -3.7%; - width: 108%; -} - -@media (max-width: 560px) { - .create-account__timeline .stepper .step { - min-width: unset; - } - - .create-account__timeline .stepper .step::before { - top: 16px; - } - - .create-account__timeline .stepper .step .count { - width: 32px; - height: 32px; - } -} - -.create-account__step .title { - font-weight: 700; - font-size: 18px; - line-height: 25px; - margin: 8px 0 4px; -} - -.create-account__step .title .subtitle { - font-weight: 400; - font-size: 14px; - line-height: 19px; - margin-top: 16px; -} - -.create-account__step .document-label { - display: flex; - align-items: center; - justify-content: space-between; -} - -.create-account__step .document-label .question { - display: flex; - gap: 4px; - align-items: center; - background: unset; - border: unset; -} - -.create-account__step .password { - position: relative; -} - -.create-account__step .password-rules { - font-size: 14px; - line-height: 19px; - color: var(--mc-secondary-500); -} - -.create-account__step .password .seePassword { - background: url("https://api.iconify.design/carbon/view-filled.svg"); - background-repeat: no-repeat; - background-size: 22.5px; - background-position-x: center; - background-position-y: center; - content: ""; - height: 48px; - position: absolute; - right: 0; - top: 27px; - width: 48px; -} - -.create-account__step .progressbar { - display: flex; - align-items: center; - gap: 8px; -} - -.create-account__step .progressbar progress[value] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 8px; - width: 210px; -} - -.create-account__step .progressbar progress[value]::-webkit-progress-bar { - background-color: var(--mc-low-300); - border-radius: var(--mc-border-radius-sm); -} - -.create-account__step .progressbar progress[value]::-webkit-progress-value { - border-radius: var(--mc-border-radius-sm); - -webkit-transition: 1s; - transition: 1s; -} - -.create-account__step .progressbar progress[value].fraco::-webkit-progress-value { - background: red; -} - -.create-account__step .progressbar progress[value].medio::-webkit-progress-value { - background: yellow; -} - -.create-account__step .progressbar progress[value].forte::-webkit-progress-value { - background: green; -} - -.create-account__step .g-recaptcha { - display: flex; - align-items: center; - justify-content: center; -} - -.create-account__step .divider { - width: 100%; - border-bottom: 1px solid #BBBBBB; -} - -.create-account__step .social-login { - display: flex; - flex-direction: column; - gap: 16px; - align-items: center; -} - -.create-account__step .social-login--button { - text-align: center; - display: block; -} - -.create-account__step .social-login--button .img { - width: 50px; - float: left; - text-align: left; - display: flex; - align-items: center; -} - -.create-account__step .social-login--button .img img { - height: 16px; -} - -@media (max-width: 500px) { - .create-account__step .social-login--button .img { - width: 39px; - } - - .create-account__step .social-login--button .img img { - height: 14px; - } -} - -.create-account__step .social-login--button.google { - border: var(--mc-border-hairline) var(--mc-low-500); - color: var(--mc-low-700); -} - -.create-account__step .social-login--button.govbr { - border: var(--mc-border-hairline) #1351B4; - background-color: #1351B4; - color: var(--mc-high-500); -} - -@media (max-width: 380px) { - .create-account__step .social-login--button.google, - .create-account__step .social-login--button.govbr { - font-size: 13px; - } -} - -.create-account__step .term { - padding-right: 20px; - /* entire scrollbar */ - /* tracking area */ - /* scroll thumb */ -} - -.create-account__step .term::-webkit-scrollbar { - width: 6px; -} - -.create-account__step .term::-webkit-scrollbar-track { - background: unset; -} - -.create-account__step .term::-webkit-scrollbar-thumb { - background-color: #6C6C6C; - border-radius: var(--mc-border-radius-pill); -} - -@media (max-width: 500px) { - .create-account__step .term ol { - padding: 0; - margin-top: 16px; - padding-left: 16px; - } - - .create-account__step .term ol:first-child { - margin-top: 0; - } - - .create-account__step .term ol li { - margin-top: 16px; - } - - .create-account__step .term ol li:first-child { - margin-top: 0; - } - - .create-account__step .term ul { - padding-left: 25px; - } -} - -.create-account__step .button--text { - color: var(--mc-primary-500); -} - -.create-account__created .title { - align-items: center; - display: flex; - flex-direction: column; - gap: 8px; -} - -.create-account__created .title__icon { - color: green; - font-size: 96px; -} - -.create-account__created .title__label { - font-weight: 700; - font-size: 24px; - line-height: 28px; - text-align: center; -} - -.create-account__created .emailSent { - font-weight: 400; - font-size: 16px; - line-height: 19px; - margin: 0; - text-align: center; -} - -.login { - max-width: 602px; - margin: 32px auto; - padding: 0 16px; -} - -@media (max-width: 500px) { - .login { - margin: 24px auto; - } -} - -.login .field .recover { - color: var(--mc-primary-500); - cursor: pointer; - font-weight: 600; - font-size: 14px; - line-height: 19px; - text-align: right; - text-decoration: none; -} - -.login .g-recaptcha { - display: flex; - align-items: center; - justify-content: center; -} - -.login .divider { - width: 100%; - border-bottom: 1px solid #BBBBBB; -} - -@media (max-width: 500px) { - .login__action .mc-card { - padding: 16px; - } -} - -.login__action .social-login { - align-items: center; - display: flex; - flex-direction: column; - gap: 16px; -} - -.login__action .social-login--button { - display: block; - text-align: center; -} - -.login__action .social-login--button .img { - align-items: center; - display: flex; - float: left; - text-align: left; - width: 50px; -} - -.login__action .social-login--button .img img { - height: 16px; -} - -@media (max-width: 500px) { - .login__action .social-login--button .img { - width: 39px; - } - - .login__action .social-login--button .img img { - height: 14px; - } -} - -.login__action .social-login--button.google { - border: var(--mc-border-hairline) var(--mc-low-500); - color: var(--mc-low-700); -} - -.login__action .social-login--button.govbr { - background-color: #1351B4; - border: var(--mc-border-hairline) #1351B4; - color: var(--mc-high-500); -} - -@media (max-width: 380px) { - .login__action .social-login--button.google, - .login__action .social-login--button.govbr { - font-size: 13px; - } -} - -.login__action .create { - align-items: center; - display: flex; - flex-direction: column; - gap: 8px; - width: 100%; -} - -.login__action .password { - position: relative; -} - -.login__action .password .seePassword { - background: url("https://api.iconify.design/carbon/view-filled.svg"); - background-repeat: no-repeat; - background-size: 22.5px; - background-position-x: center; - background-position-y: center; - content: ""; - height: 48px; - position: absolute; - right: 0; - top: 27px; - width: 48px; -} - -.login__recovery--request .header { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; -} - -.login__recovery--request .header__title { - font-weight: 700; - font-size: 24px; - line-height: 28px; -} - -.login__recovery--request .header__icon { - color: green; - font-size: 96px; -} - -.login__recovery--request .header__label { - font-weight: 400; - font-size: 16px; - line-height: 22px; - text-align: center; -} - -.login__recovery--action .password-rules { - font-size: 14px; - line-height: 19px; -} - -.login__recovery--action .password-rules strong { - color: var(--mc-danger-500); -} - -/* ----- 5: AREAS ------- */ - -.confirm-email { - max-width: 602px; - margin: 32px auto; - padding: 0 16px; -} - -.confirm-email .mc-card { - margin: 80px 0; -} - -.confirm-email .mc-card .header { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; -} - -.confirm-email .mc-card .header__title { - font-weight: 700; - font-size: 24px; - line-height: 28px; -} - -.confirm-email .mc-card .header__icon { - color: green; - font-size: 96px; -} - -.confirm-email .mc-card .header__label { - font-weight: 400; - font-size: 16px; - line-height: 22px; - text-align: center; -} - diff --git a/assets/css/multipleLocal.css b/assets/css/multipleLocal.css deleted file mode 100644 index c12d7a8..0000000 --- a/assets/css/multipleLocal.css +++ /dev/null @@ -1,123 +0,0 @@ -.icon-my-account:before { - content: "" -} - -#multiple-recover { - display: none; -} - -#multiple-login-recover { - cursor: pointer; -} - - -/* =Layout --------------------------------------------------------------- */ - -.wrap { width: 960px; margin: 0 auto; padding: 0; clear: both; } -.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; margin-left: 10px; margin-right: 10px; moz-box-sizing: border-box; box-sizing: border-box; padding: 1.5rem; } -.col-1 { width: 60px; } -.col-2 { width: 140px; } -.col-3 { width: 220px; } -.col-4 { width: 300px; } -.col-5 { width: 380px; } -.col-6 { width: 460px; } -.col-7 { width: 540px; } -.col-8 { width: 620px; } -.col-9 { width: 700px; } -.col-10 { width: 780px; } -.col-11 { width: 860px; } -.col-12 { width: 940px; } - -/* Forms ----------------------------------------------------------------------------*/ -.box-registro { - margin-top: 10px; - color: #666; - background: #fff; - border-radius: 2px; - box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); - -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); -} -#content .box-registro { - margin: auto; - float: none !important; -} -.box-registro input[type="text"], -.box-registro input[type="password"], -.box-registro input[type="email"] { - width: 100%; -} - -/* alertas */ - -.alert { - padding: 20px; - background-color: #f44336; - color: white; - width: 35%; - margin-left: 25%; - border: 1px solid; -} - -.alert.success { - border-color: green; -} - -.alert.error { - border-color: red; - margin-bottom: 0px; -} - -.closebtn { - margin-left: 15px; - color: white; - font-weight: bold; - float: right; - font-size: 22px; - line-height: 20px; - cursor: pointer; - transition: 0.3s; -} - -.closebtn:hover { - color: black; -} - -.multiple-recover-link { - float: right; - font-size: 0.9em; - color: #666; -} - -#main-section .section-login{ - padding-left: 5% !important; -} - -#progress{ - width: 100%!important; -} - -/* Smartphones (portrait) ----------- */ -@media only screen and (max-width: 982px) { - #main-section .box-registro { - width: 90% !important; - } - - #main-section .section-login{ - padding-left: 0 !important; - } -} - -/* iPads (portrait and landscape) ----------- */ -@media only screen and (min-width: 983px) and (max-width: 1600px) { - #main-section .box-registro { - width: 30% !important; - } - - #main-section .section-login{ - padding-left: 0 !important; - } -} - -