From 248a205c8280307657bb58924e49f4584afb0e08 Mon Sep 17 00:00:00 2001 From: 53hornet <53hornet@gmail.com> Date: Sat, 15 Sep 2018 17:57:59 -0400 Subject: Normalized padding and margins. --- md/wedding/index.md | 2 ++ md/wedding/styles.css | 32 +++++++++++++------------------- 2 files changed, 15 insertions(+), 19 deletions(-) diff --git a/md/wedding/index.md b/md/wedding/index.md index b24cc91..b61e45a 100644 --- a/md/wedding/index.md +++ b/md/wedding/index.md @@ -7,6 +7,8 @@ pagetitle: Welcome ## Join us on *August 9th, 2019* as we tie the knot! +![Sample image here](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 4865a35..5e3a6d8 100644 --- a/md/wedding/styles.css +++ b/md/wedding/styles.css @@ -10,8 +10,9 @@ } #topnav { - top: 0; + margin: 0; padding: 0; + top: 0; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); text-align: center; @@ -37,17 +38,15 @@ } html { - height: 100%; margin: 0; + padding: 0; + height: 100%; } body { - height: 100%; - padding: 0; margin: 0; - font-size: 1.2em; - font-weight: 400; - font-family: 'Arapey', serif; + padding: 0; + height: 100%; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; @@ -55,17 +54,18 @@ body { } article { - height: 100%; margin-top: 4em; margin-left: 10%; + padding: 0; + height: 100%; width: 80%; } figure { - margin: none; + margin: 1em; padding: 1em; background-color: white; - box-shadow: 0 5px 5px black; + box-shadow: 0 0 5px black; } figure img { @@ -81,22 +81,16 @@ figure figcaption { font-family: 'Arapey', serif; } -hr { - color: white; - margin-left: 4em; - margin-right: 4em; - border-bottom: none; -} - p { text-align: justify; text-indent: 2em; font-weight: 400; - font-size: 0.9em; + font-size: 1em; + font-family: 'Arapey', serif; background-color: white; margin: 1em; padding: 1em; - box-shadow: 3px 3px 3px black; + box-shadow: 0 0 5px black; } h1 { /* decorative page title */ -- cgit v1.2.3