Файловый менеджер - Редактировать - /var/www/sturrock/tamer/assets/css/footer.css
Назад
/* ---[ Footer: ]--- */ .footer { padding: calc(var(--mainPadding) / 2) var(--mainPadding); font-family: var(--font); /* Master footer font size: */ font-size: 15px; width: 100vw; background: var(--darkColor); } .footer p, .footer a { font-size: 1em; color: var(--whiteColor); } .footer a:hover, .footer i:hover { transition: all 250ms ease; -webkit-transition: all 250ms ease; color: var(--greenColor); } .footerTop { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-bottom: 25px; /* padding: var(--mainPadding) 0; */ } .footerTop div:last-child { display: flex; flex-direction: column; align-items: center; } .footerTop i { font-size: 2.5em; } .footerMid i { font-size: 1.5em; padding-right: 1rem } .footerList { margin-bottom: 1.5rem; } .footerList li, .footerList li a { color: var(--whiteColor); font-weight: lighter; padding-bottom: 4px; } .footerList li:first-child { font-family: var(--font); font-weight: 700; color: var(--greenColor); font-size: 1.5em; } .footerMid { display: grid; gap: 25px; grid-template-columns: repeat(5, 1fr); grid-template-areas: "a d e f h" "b b b g g" "c c c c c"; } .item-a { grid-area: a; } .item-b{ grid-area: b; display: none } .item-c{ grid-area: c; display: none; } .item-d{ grid-area: d; } .item-e { grid-area: e; } .item-f{ grid-area: f; } .item-g{ grid-area: g; display: none; } .item-h{ grid-area: h; } .item-h{ grid-area: h; font-size: 10px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .item-e div { display: flex; flex-direction: row; justify-content: center; align-items: center; } .footer .item-h img { width: 125px; height: auto; padding: 10px; } .footer .item-h div:first-child img { width: 9em; height: 9em; } .footer form { display: flex; align-items: center; } .footer input { border-radius: 2.5px; border: none; height: 20.5px; margin-right: 5px; } .footer .btn { font-size: 10px; padding: .4rem 1rem; border: none; } .footer .btn:active { border: none; outline: none; } .footerBtm { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; border-top: 1px solid var(--greenColor); padding-top: 2rem; } .developer { text-align: right; } .developer a { font-weight: 700; } /* HERE */ /* ---[ Media Queries: ]--- */ /* Desktop: */ @media only screen and (max-width: 1500px) { .footerBtm { grid-template: 2fr/ 1fr; gap: 15px; } .developer, .copyright { text-align: center; } } @media only screen and (max-width: 1200px) { .footerList.toggle { display: none; } .item-b, .item-c, .item-g { display: block; } .footerMid { grid-template-columns: repeat(2, 1fr); } .footerMid { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); grid-template-areas: "a b c" "d e f" "g h h"; } .item-h{ flex-direction: row; justify-content: flex-start; align-items: center; } .footer .item-h img { width: 110px; height: auto; padding: 10px; } .footer .item-h div:first-child img { width: 8em; height: 8em; } } @media only screen and (max-width: 920px) { .footer .item-h img { width: 90px; height: auto; padding: 5px; } .footer .item-h div:first-child img { width: 5.5em; height: 5.5em; } } @media only screen and (max-width: 700px) { .footerMid { gap: 10px; grid-template-columns: 1fr 1fr; grid-template-areas: "a a" "b b" "c c" "d d" "e e" "f f" "g g" "h h"; } } @media only screen and (max-width: 600px) { .footer { padding: 50px; } } @media only screen and (max-width: 420px) { .footer { padding: 50px 25px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.0.33-0ubuntu0.16.04.16 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка