/* * Карточка входа (/user/login). Грузится в через head_style. * * Кнопки намеренно НЕ переопределяют bootstrap: «Войти» = btn-primary * (#337ab7, hover темнее #286090), «Новый пользователь» = btn-default — * ровно так же выглядят кнопки на регистрации и остальных формах сайта, * cursor:pointer тоже приходит из bootstrap. Старые серо-голубой/серый * цвета, зелёный hover, cursor:default и height:36px убраны сознательно. */ .card-container.card { max-width: 350px; margin-top: 18px; /* заголовок «Вход» и карточка визуально вместе */ padding: 40px; } .card { background-color: #F7F7F7; padding: 20px 25px 30px; margin: 50px auto 25px; border-radius: 2px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); } .profile-img-card { width: 96px; height: 96px; margin: 0 auto 10px; display: block; border-radius: 50%; } .profile-name-card { font-size: 16px; font-weight: bold; text-align: center; margin: 10px 0 0; min-height: 1em; } /* Поля повыше, шрифт покрупнее — под стать крупным кнопкам btn-lg */ .form-signin #username, .form-signin #password { direction: ltr; height: 44px; font-size: 16px; } .form-signin input[type=email], .form-signin input[type=password], .form-signin input[type=text], .form-signin button, .form-signin a { width: 100%; display: block; margin-bottom: 10px; z-index: 1; position: relative; box-sizing: border-box; } /* Плавная смена фона у кнопок; лёгкий отступ второй кнопки от «Войти» */ .form-signin .btn { transition: background-color .15s ease-in-out, border-color .15s ease-in-out; } .form-signin .btn-newuser { margin-top: 2px; } /* «Запомнить меня» и «Забыл(а) пароль» в одну строку на широких экранах */ @media (min-width: 400px) { .changePassText { position: absolute; top: 0; right: 0; } } /* Мобильные: карточка во всю ширину колонки, отступы поменьше */ @media (max-width: 480px) { .card-container.card { max-width: none; padding: 24px 16px; } .card { margin-top: 20px; } } /* * Карточка регистрации (/user/register/): тот же .card, что и у входа, * но шире - внутри лейблы над полями и виджет капчи (~300px). */ /* Заголовок над карточками входа и регистрации («Вход» / «Регистрация») */ .auth-title { margin: 45px 0 0; font-size: 28px; font-weight: 700; text-align: center; } .card-register { max-width: 480px; margin-top: 18px; /* заголовок и карточка визуально вместе */ padding: 30px 35px 35px; text-align: left; } .card-register label { margin-top: 6px; } /* Поля под стать логину: повыше и с крупным шрифтом */ .card-register input[type=email], .card-register input[type=password], .card-register input[type=text] { width: 100%; height: 44px; font-size: 16px; box-sizing: border-box; } /* Капча по левому краю карточки, в линию с полями */ .card-register .cf-turnstile { display: flex; justify-content: flex-start; } /* Кнопка «Регистрация» во всю ширину карточки */ .card-register .btn { width: 100%; display: block; box-sizing: border-box; transition: background-color .15s ease-in-out, border-color .15s ease-in-out; } @media (max-width: 520px) { .card-register { max-width: none; padding: 22px 16px 26px; } }