From 439aa7ebacd5ec9b69bf1aa5182f82e7e018740e Mon Sep 17 00:00:00 2001 From: 53hornet <53hornet@gmail.com> Date: Sat, 15 Sep 2018 13:50:41 -0400 Subject: Reverted css. --- makefile | 2 +- md/wedding/index.md | 2 -- md/wedding/styles.css | 75 ++++++++++++++++++++++++++++----------------------- 3 files changed, 42 insertions(+), 37 deletions(-) diff --git a/makefile b/makefile index 0a3af0b..8ca11b5 100644 --- a/makefile +++ b/makefile @@ -57,7 +57,7 @@ wedding: $(WED_OUT) html/wedding/%.html: md/wedding/%.md md/wedding/nav.html @echo "wedding: $< -> $@" @mkdir -p "$(@D)" - @pandoc "$<" -f markdown -t html5 -s -B md/wedding/nav.html -c /styles.css -o "$@" + @pandoc "$<" -f markdown -t html5 -s -H md/wedding/bg.html -B md/wedding/nav.html -c /styles.css -o "$@" clean: @rm -rf html/ diff --git a/md/wedding/index.md b/md/wedding/index.md index 2546c8a..b24cc91 100644 --- a/md/wedding/index.md +++ b/md/wedding/index.md @@ -7,8 +7,6 @@ pagetitle: Welcome ## Join us on *August 9th, 2019* as we tie the knot! -![The bride- and groom-to-be](bg.jpg) - ### RSVP Here! Greetings, from the bride- and groom-to-be! If you received something from us in the mail then you are cordially invited to our witness our union in marriage. If you're technologically savvy (you made it here!) then you may RSVP through the top of the page [or at this link](/rsvp). diff --git a/md/wedding/styles.css b/md/wedding/styles.css index cf81d3f..4865a35 100644 --- a/md/wedding/styles.css +++ b/md/wedding/styles.css @@ -13,24 +13,23 @@ top: 0; padding: 0; overflow: hidden; - background-color: white; + background-color: rgba(0, 0, 0, 0.5); text-align: center; position: fixed; width: 100%; - box-shadow: 0 0px 10px black; - } #topnav a { display: inline-block; text-align: center; - padding: 0.5em 0.5em; + padding: 1em 1em; text-decoration: none; - color: var(--amy); + color: white; transition: 0.5s; - font-family: 'Arapey', serif; - font-weight: 400; - font-size: 1.5em; + font-family: 'Josefin Sans', sans-serif; + font-weight: 700; + font-style: bold; + font-size: 1em; } #topnav a:hover { @@ -40,13 +39,15 @@ html { height: 100%; margin: 0; - padding: 0; } body { - margin: 0; - padding: 0; height: 100%; + padding: 0; + margin: 0; + font-size: 1.2em; + font-weight: 400; + font-family: 'Arapey', serif; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; @@ -56,17 +57,14 @@ body { article { height: 100%; margin-top: 4em; - padding: 0; -} - -iframe { - width: 100%; + margin-left: 10%; + width: 80%; } figure { - margin: 0; - padding: 0; - background-color: snow; + margin: none; + padding: 1em; + background-color: white; box-shadow: 0 5px 5px black; } @@ -83,31 +81,40 @@ figure figcaption { font-family: 'Arapey', serif; } +hr { + color: white; + margin-left: 4em; + margin-right: 4em; + border-bottom: none; +} + p { - margin: 0; - padding: 0; text-align: justify; text-indent: 2em; font-weight: 400; - font-size: 1em; - font-family: 'Arapey', serif; + font-size: 0.9em; + background-color: white; + margin: 1em; + padding: 1em; + box-shadow: 3px 3px 3px black; } h1 { /* decorative page title */ - font-weight: 700; - font-size: 5em; - /*font-family: 'Homemade Apple', cursive;*/ - font-family: 'Reenie Beanie', cursive; - text-align: center; - color: black; + font-weight: 400; + font-size: 4em; + font-family: 'Homemade Apple', cursive; + text-align: right; + color: white; + text-shadow: 3px 3px 3px black; } h2 { /* decorative page subtitle */ - font-weight: 400; + font-weight: 700; font-size: 2em; - font-family: 'Reenie Beanie', cursive; - text-align: center; - color: black; + font-family: 'Josefin Sans', sans-serif; + text-align: right; + text-shadow: 3px 3px 3px black; + color: white; } h3 { /* section title */ @@ -116,7 +123,7 @@ h3 { /* section title */ font-family: 'Reenie Beanie', cursive; color: white; text-shadow: 3px 3px 3px black; - text-align: center; + text-align: right; margin: 1em; } -- cgit v1.2.3