[royale-docs] branch master updated: CSS: different background sizes for large screens and small screens with media query

[joshtynjala]

This is an automated email from the ASF dual-hosted git repository.

joshtynjala pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git


The following commit(s) were added to refs/heads/master by this push:
     new 735c10e  CSS: different background sizes for large screens and small 
screens with media query
735c10e is described below

commit 735c10ea7f8c94e6082f8384743c375abf2deba5
Author: Josh Tynjala <joshtynj...@gmail.com>
AuthorDate: Fri Apr 26 20:58:26 2019 -0700

    CSS: different background sizes for large screens and small screens with 
media query
---
 royalesite.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/royalesite.css b/royalesite.css
index ffbce5b..5ec781a 100644
--- a/royalesite.css
+++ b/royalesite.css
@@ -353,9 +353,15 @@ h1 {
 .page {
        width: 100%;
        background-image: 
url('https://royale.apache.org/wp-content/uploads/2017/10/page-bg-1-1920x300.png');
-       background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 0px;
+       background-position: center top;
+}
+
+@media screen and (max-width: 1920px) {
+       .page {
+               background-size: 100%;
+       }
 }
 
 .social {