diff --git a/lektor/lektordata/project/assets/images/bg_image_welcome_1.jpg b/lektor/lektordata/project/assets/images/bg_image_welcome_1.jpg new file mode 100644 index 0000000..c445f60 Binary files /dev/null and b/lektor/lektordata/project/assets/images/bg_image_welcome_1.jpg differ diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css index 27f6e5b..d3f6f25 100644 --- a/lektor/lektordata/project/assets/static/style.css +++ b/lektor/lektordata/project/assets/static/style.css @@ -40,17 +40,66 @@ th, td { } header, footer, div.page { + position: relative; width: 80%; margin: 0 auto; background: #ececec; - padding: 20px 30px; color: #6c7d8c; + max-width: 1200px; +} + +header > div.inner_header, footer > div.inner_footer, div.page > div.inner_page{ + padding: 20px 30px; +} + +div.inner_page > *{ + margin: 0; } div.page h1, div.page h2, div.page h3, div.page h4, div.page h5, div.page h6{ color: #5d5d5d; } +div.inner_page { + position: relative; + top: 0; + padding: 0; +} + +div.bgimage + div.inner_page { + position: absolute; + box-sizing: border-box; +} + + +.page .bgimage img { + display: block; + width: 100%; + max-width: 1200px; /* corresponds to max height of 450px */ + margin: 0 auto; + filter: opacity(50%); +} + +page .bgimage { + position: absolute; + box-sizing: border-box; + background: #fff; +} + +.bgimage { + background: #fff; +} + +/* +.inner_page{ + position: absolute; + top: 0; + padding: 0px 30px; + box-sizing: border-box; +} +*/ + + header, footer { color: #b0b0b0; } diff --git a/lektor/lektordata/project/content/contents.lr b/lektor/lektordata/project/content/contents.lr index c9ffe8e..4ef7882 100644 --- a/lektor/lektordata/project/content/contents.lr +++ b/lektor/lektordata/project/content/contents.lr @@ -1,5 +1,6 @@ title: Willkommen beim Pistolenclub Stammertal! --- body: -
