Файловый менеджер - Редактировать - /var/www/sturrock/tamer/assets/css/services.css
Назад
/* --- [ GLOBAL STYLES: ] --- */ /* These global styles are the same across all service pages */ #servicePage .banner { background:url(../img/bannerBg1.png); background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; } #servicePage .headlineBox { padding: var(--mainPadding); font-family: var(--font); width: 100vw; min-height: 30vh; text-align: center; display: flex; justify-content: center; align-items: center; } #servicePage .container { min-height: auto; } #servicePage .infoWrapper { padding: 100px; border-radius: 5px; } #servicePage h1 { text-align: center; } #servicePage h2 { margin-bottom: 25px; } .service-grid { display: grid; grid-template-columns: repeat(12, 1fr); } #servicePage p { color: var(--fontColor); } /* Green bg font color: */ #servicePage .greenBg .infoWrapper { background: var(--whiteColor); } #servicePage .contentImg { width: 600px; height: 400px; background: lightgray; border-radius: 5px; overflow: hidden; } /* --- [ SELF-MANAGED SUPER FUND: ] --- */ #servicePage #info-1 .service-grid div { box-shadow: 0px 10px 15px rgba(0, 0, 0, .1); } #servicePage #info-1 .service-grid .contentImg { grid-column: 1/ 11; grid-row: 1/2; align-self: center; justify-self: self-end; z-index: 10; } #servicePage #info-1 .service-grid .infoWrapper { grid-column: 3/9; grid-row: 1/2; z-index: 0; background: var(--inputColor); } #servicePage #info-1 .service-grid .infoWrapper div { width: 65%; box-shadow: none; } /* --- [ REAL ESTATE AGENTS: ] --- */ #info-2 h2 { align-self: center; justify-self: center; grid-column: 3/ 6; } #info-2 p { align-self: center; justify-self: center; grid-column: 7/ 11; } /* --- [ LAW FIRMS: ] --- */ #info-3 h2 { grid-column: 3/ 11; color: var(--whiteColor); } #info-3 p { grid-column: 3/ 11; color: var(--whiteColor); } /* --- Media Queries: --- */ @media only screen and (max-width: 1920px) { #servicePage #info-1 .service-grid .contentImg { grid-column: 1/ 12; } #servicePage #info-1 .service-grid .infoWrapper { grid-column: 2/9; } } @media only screen and (max-width: 1500px) { #servicePage #info-1 .service-grid .contentImg { grid-column: 1/ 13; } #servicePage #info-1 .service-grid .infoWrapper { grid-column: 1/9; } #servicePage #info-2 p { grid-column: 7/12; } #servicePage #info-2 h2 { grid-column: 2/6; } #servicePage #info-3 p, #servicePage #info-3 h2 { grid-column: 2/ 12; } } @media only screen and (max-width: 1250px) { #servicePage #info-1 .service-grid .contentImg { grid-column: 1/12; width: 350px; } #servicePage #info-1 .service-grid .infoWrapper { grid-column: 1/-1; } #servicePage #info-1 .service-grid .infoWrapper div { width: 50%; } } @media only screen and (max-width: 1080px) { #servicePage #info-1 .service-grid .contentImg { display: none; } #servicePage #info-1 .service-grid .infoWrapper div { width: 100%; /* text-align: center; */ } #servicePage #info-2 p { grid-column: 7/-1; } #servicePage #info-2 h2 { grid-column: 1/6; } #servicePage #info-3 p, #servicePage #info-3 h2 { grid-column: 1/ -1; } } @media only screen and (max-width: 750px) { #servicePage .infoWrapper { padding: 50px; text-align: left; } #info-2 h2 { justify-self: flex-start; } #servicePage #info-1.container { padding: 0; } #servicePage #info-1 .service-grid .infoWrapper { display: block; padding: 100px; width: 100vw; margin: 0 auto; box-shadow: none; } #servicePage #info-2 p, #servicePage #info-2 h2 { grid-column: 1/-1; text-align: left; } #servicePage #info-3 p, #servicePage #info-3 h2 { text-align: left; } } @media only screen and (max-width: 600px) { #servicePage #info-1 .service-grid .infoWrapper, #servicePage #info-2.container, #servicePage #info-3.container { padding: 50px; } } @media only screen and (max-width: 500px) { #servicePage #info-1 .service-grid .infoWrapper { padding: 70px; } #servicePage #info-2.container, #servicePage #info-3.container { padding: 70px; } } @media only screen and (max-width: 400px) { #servicePage #info-1 .service-grid .infoWrapper { padding: 50px; } #servicePage #info-2.container, #servicePage #info-3.container { padding: 50px; } } @media only screen and (max-width: 320px) { #servicePage #info-1 .service-grid .infoWrapper { padding: 25px; } #servicePage #info-2.container, #servicePage #info-3.container { padding: 25px; } } /* @media only screen and (max-width: 750px) { #servicePage .infoWrapper { padding: 50px; text-align: center; } #servicePage #info-1.container { padding: 100px 0; } #servicePage #info-1 .service-grid .infoWrapper { display: block; padding: 100px; width: 100vw; margin: 0 auto; box-shadow: none; } #servicePage #info-2 p, #servicePage #info-2 h2 { grid-column: 1/-1; text-align: center; } #servicePage #info-3 p, #servicePage #info-3 h2 { text-align: center; } } */
| ver. 1.4 |
Github
|
.
| PHP 7.0.33-0ubuntu0.16.04.16 | Генерация страницы: 0.02 |
proxy
|
phpinfo
|
Настройка