diff options
author | 53hornet <53hornet@gmail.com> | 2018-07-14 16:28:28 -0400 |
---|---|---|
committer | 53hornet <53hornet@gmail.com> | 2018-07-14 16:28:28 -0400 |
commit | f10ded04350e19377f5c2a904db86c5395d12531 (patch) | |
tree | d47927420e1144c180c399b5e1adfd9506a452e8 /md/53hor.net/styles.css | |
parent | 7654bcc6be740276477eb2f2d6d8d90c4a63ff83 (diff) | |
download | md-site-f10ded04350e19377f5c2a904db86c5395d12531.tar.xz md-site-f10ded04350e19377f5c2a904db86c5395d12531.zip |
Reworking CSS; is a TOC really necessary?
Diffstat (limited to 'md/53hor.net/styles.css')
-rw-r--r-- | md/53hor.net/styles.css | 125 |
1 files changed, 125 insertions, 0 deletions
diff --git a/md/53hor.net/styles.css b/md/53hor.net/styles.css new file mode 100644 index 0000000..fdd0564 --- /dev/null +++ b/md/53hor.net/styles.css @@ -0,0 +1,125 @@ +/* stylesheet for 53hor.net */ + +/* google fonts */ +@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i'); + +:root { + /* custom colors */ + --balboa:#1a5a72; +} + +#TOC { + margin-top: 1em; + position: fixed; + width: 15%; + height: 100%; +} + +#TOC ul { + list-style-type: none; + color: var(--balboa); + overflow: hidden; + padding-left: 1em; +} + +#TOC li a { + text-decoration: none; + display: block; + color: gray; +} + +#topnav { + margin: 0; + overflow: hidden; + position: fixed; + top: 0; + width: 100%; + background-color: white; +} + +#topnav img { + padding-left: 2.5em; + padding-top: 1em; + display: block; +} + +#topnav a { + float: right; + display: block; + text-align: center; + padding: 1em 1em; + text-decoration: none; + color: var(--balboa); + transition: 0.5s; +} + +#topnav a:hover { + background-color: var(--balboa); + color: white; +} + +article { + margin-left: 15%; + margin-top: 3em; + background-image: url(background.jpg); + background-repeat: no-repeat; + background-position: center top; + background-attachment: fixed; + background-size: cover; +} + +body { + padding: 0; + margin: 0; + font-size: 1.2em; + font-family: "Merriweather", 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; +} + +h1 { + font-style: italic; + font-weight: 500; + font-size: 2.5em; + text-align: center; + color: white; + text-shadow: 3px 3px 3px black; + padding-top: 1.5em; +} + +h2 { + font-weight: 700; + font-size: 1em; + color: white; + text-shadow: 3px 3px 3px black; + margin: 1em; +} + +h3 { + font-weight: 700; + font-size: 1em; + color: var(--balboa); +} + +h4 { + font-weight: 700; + font-size: 1em; + text-align: center; + text-shadow: 3px 3px 3px black; + color: white; +} |