diff options
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; +} |