diff --git a/src/styles/_pages.sass b/src/styles/_pages.sass index b6ee8751..9ae0c074 100644 --- a/src/styles/_pages.sass +++ b/src/styles/_pages.sass @@ -1,13 +1,17 @@ /* Pages (services, about, etc) */ #page-header - display: flex align-items: center - justify-content: center - flex-direction: column - min-height: 350px - color: white + background-position: center + background-size: cover border-bottom: 2px solid $color-background-light + color: white + display: flex + flex-direction: column + justify-content: center + min-height: 350px + overflow: hidden + position: relative .page-title-icons font-size: 3em @@ -37,7 +41,9 @@ weight: 300 padding: 15px + position: relative text-shadow: 0 0 30px black, 0 0 50px black, 2px 2px 1px rgba(black, .2) + z-index: 1 +media-xs font-size: 2.5em @@ -51,9 +57,11 @@ .page-title-summary - text-align: center - padding: 10px 15px font-size: 1.2em + padding: 10px 15px + position: relative + text-align: center + z-index: 1 .page-header-cta-container display: flex diff --git a/src/styles/_project.sass b/src/styles/_project.sass index 713e56c3..0441af10 100644 --- a/src/styles/_project.sass +++ b/src/styles/_project.sass @@ -1,12 +1,12 @@ $project-sidebar-background: lighten($color-background, 5%) #project-container + +container-behavior display: flex flex-direction: row min-height: 800px - z-index: $z-index-base position: relative - +container-behavior + z-index: $z-index-base +media-xs flex-direction: column-reverse diff --git a/src/styles/theatre.sass b/src/styles/theatre.sass index aa18c3cb..79ee1bc1 100644 --- a/src/styles/theatre.sass +++ b/src/styles/theatre.sass @@ -10,7 +10,7 @@ $theatre-width: 350px body.theatre, body.theatre .container-page background-color: $color-theatre-background - .navbar-transparent + nav.navbar +media-lg background-color: $color-background-nav background-image: none diff --git a/src/templates/projects/view_theatre.pug b/src/templates/projects/view_theatre.pug index cc832d4c..c022ac8c 100644 --- a/src/templates/projects/view_theatre.pug +++ b/src/templates/projects/view_theatre.pug @@ -19,7 +19,6 @@ meta(property="twitter:image", content="{{ og_picture.thumbnail('l', api=api) }} | {% endif %} | {% endblock %} -| {% block header_backdrop %}{% endblock %} | {% block navigation_search %}{% endblock %} | {% block navigation_sections %} li