diff options
Diffstat (limited to 'md/wedding/styles.css')
-rw-r--r-- | md/wedding/styles.css | 148 |
1 files changed, 148 insertions, 0 deletions
diff --git a/md/wedding/styles.css b/md/wedding/styles.css index e69de29..264284c 100644 --- a/md/wedding/styles.css +++ b/md/wedding/styles.css @@ -0,0 +1,148 @@ +/* stylesheet for 53hor.net */ + +/* google fonts */ +@import url('https://fonts.googleapis.com/css?family=Arapey:400,400i|Fredericka+the+Great|Josefin+Sans:700'); + +:root { + /* custom colors */ +} + +#topnav { + /* + box-shadow: 0 2px 5px black; + margin: 0; + overflow: hidden; + position: fixed; + top: 0; + width: 100%; + background-color: teal; + z-index: 1; + display: table; + */ + margin: 0; + padding: 0; + overflow: hidden; + background-color: teal; + /*position: -webkit-sticky; + position: sticky;*/ + top: 0; +} + +#topnav a { + float: left; + display: table-cell; + text-align: center; + padding: 1em 1em; + text-decoration: none; + color: white; + transition: 0.5s; + font-family: 'Josefin Sans', sans-serif; + font-weight: 700; + font-style: bold; + font-size: 0.9em; +} + +#topnav a:hover { + color: teal; + background-color: white; + box-shadow: 0 0 5px black; +} + +html { + height: 100%; + margin: 0; +} + +body { + 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; + background-size: cover; +} + +article { + height: 100%; + margin-top: 3em; +} + +iframe { + height: 100%; + width: 100%; + border: none; +} + +figure { + margin: none; + padding: 1em; + margin-left: 25%; + width: 50%; + background-color: white; + box-shadow: 0 5px 5px black; +} + +figure img { + width: 100%; +} + +figure figcaption { + color: black; + text-align: right; + font-weight: 400; + font-size: 0.8em; + font-style: italic; + 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; + background-color: white; + margin: 1em; + padding: 1em; + box-shadow: 0 5px 5px black; +} + +h1 { /* decorative page title */ + font-weight: 400; + font-size: 4em; + font-family: 'Fredericka the Great', cursive; + text-align: center; + color: white; + text-shadow: 2px 2px 5px black; + /*padding-top: 1.5em;*/ +} + +h2 { /* decorative page subtitle */ + font-weight: 700; + font-size: 2em; + font-family: 'Josefin Sans', sans-serif; + text-align: center; + text-shadow: 3px 3px 3px black; + color: white; +} + +h3 { /* section title */ + font-weight: 400; + font-size: 2em; + font-family: 'Fredericka the Great', cursive; + color: white; + text-shadow: 3px 3px 3px black; + text-align: center; + margin: 1em; +} + |