Файловый менеджер - Редактировать - /var/www/sturrock/tamer/assets/css/newClient.css
Назад
/* Styles for new client page: */ /* GLOBAL STYLES: */ #newClient .container { min-height: auto; padding: 160px 100px; background: var(--whiteColor); display: flex; flex-direction: column; justify-content: center; align-items: center; } #newClient h1 { /* margin-bottom: 100px; */ justify-self: flex-start; text-align: center; } #newClient h2 { color: var(--greenColor); font-size: 25px; padding: 25px 0;; } #newClient p { color: var(--fontColor); } /* BOX STYLES: */ .newClientBox { margin: 100px auto 0 auto; background: var(--whiteColor); width: 700px; height: 350px; padding: 50px 75px; border-radius: 5px; display: block; text-align: center; position: relative; box-shadow: 0px 0px 30px rgba(0,0,0,.1); } #newClient .newClientBox .start-btn { background: var(--fontColor); position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; color: var(--whiteColor); border-radius: 0 0 5px 5px; font-size: var(--fontSize); font-weight: 600; display: flex; justify-content: center; align-items: center; } #newClient .newClientBox .start-btn:hover { background: var(--greenColor); transition: .5s ease; } /* --- Media Queries: --- */ @media only screen and (max-width: 900px) { .newClientBox { margin: 0; margin-top: 100px; } } @media only screen and (max-width: 800px) { .newClientBox { width: 85vw; } } @media only screen and (max-width: 774px) { .newClientBox{ padding: 50px 50px; } } @media only screen and (max-width: 760px) { #newClient .container { padding: 150px 50px; } } @media only screen and (max-width: 655px) { #newClient .container { padding: 150px 25px; } } @media only screen and (max-width: 450px) { .newClientBox { height: 450px; padding: 25px; margin-top: 50px; display: flex; flex-direction: column; justify-content: center; /* align-items: center; */ } } @media only screen and (max-width: 450px) { #newClient h1 { font-size: 60px; line-height: 70px; } } @media only screen and (max-width: 350px) { #newClient h1 { font-size: 55px; line-height: 60px; } #newClient .container { padding: 125px 15px; } .newClientBox { height: 550px; padding: 20px; } } @media only screen and (max-width: 270px) { .newClientBox { height: 550px; padding: 20px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.0.33-0ubuntu0.16.04.16 | Генерация страницы: 0.02 |
proxy
|
phpinfo
|
Настройка