+ {{#if @site.icon}} + icon + {{/if}}

This site is private.

diff --git a/core/frontend/public/ghost.css b/core/frontend/public/ghost.css index ce130a2caf..9a9b46c3fd 100644 --- a/core/frontend/public/ghost.css +++ b/core/frontend/public/ghost.css @@ -657,21 +657,28 @@ h2 { } .gh-flow-content-wrap { + display: flex; + flex-direction: column; flex-grow: 1; flex-shrink: 0; - display: flex; justify-content: center; align-items: center; margin: 0 5%; padding-bottom: 8vh; } +.gh-flow-content-wrap .site-icon { + width: 70px; + height: 70px; + border-radius: 3px; +} + .gh-flow-content { display: flex; flex-direction: column; max-width: 520px; width: 100%; - margin: 4.8rem 0 8rem; + margin: 4rem 0 6rem; color: var(--darkgrey); font-size: 1.9rem; line-height: 1.5em; @@ -679,12 +686,20 @@ h2 { } .gh-flow-content.private { - max-width: 480px; + padding: 40px; + background: #fff; + border-radius: 3px; + box-shadow: + 0 2.8px 2.2px rgba(0,0,0,.02), + 0 6.7px 5.3px rgba(0,0,0,.02), + 0 12.5px 10px rgba(0,0,0,.02), + 0 22.3px 17.9px rgba(0,0,0,.03), + 0 41.8px 33.4px rgba(0,0,0,.03), + 0 100px 80px rgba(0,0,0,.05); } @media (max-width: 400px) { .gh-flow-content { - margin: 4rem 0 6rem; font-size: 4vw; } } @@ -696,7 +711,7 @@ h2 { } .gh-flow-content h1 { - margin-bottom: 40px; + margin-bottom: 32px; color: #15171A; font-size: 4.1rem; font-weight: 700; @@ -789,7 +804,7 @@ h2 { width: 100%; height: 54px; max-width: unset; - margin-top: 40px; + margin-top: 32px; background: #15171A; font-weight: 300; line-height: 54px;