diff options
author | Luke Shumaker <lukeshu@sbcglobal.net> | 2017-01-02 17:12:57 -0500 |
---|---|---|
committer | Luke Shumaker <lukeshu@sbcglobal.net> | 2017-01-02 17:13:09 -0500 |
commit | 76d848a7ccaa5b96e958fcfa90659297b1ba5470 (patch) | |
tree | ea65b89bb14e2e77c82be4c824c37e4b0a59321b | |
parent | f290ee4652d2a1641d48327778bec4346a2aa814 (diff) | |
parent | 4af48d58741e7b73d9d5cf88859711d64779e928 (diff) |
make: fix css
-rw-r--r-- | out/index.html | 2 | ||||
-rw-r--r-- | out/main.css | 91 | ||||
-rw-r--r-- | src/main.scss | 111 |
3 files changed, 106 insertions, 98 deletions
diff --git a/out/index.html b/out/index.html index 46ce2e1..8f29ac6 100644 --- a/out/index.html +++ b/out/index.html @@ -36,7 +36,7 @@ </article> <footer> - <p>The content of this page is Copyright © <a href="mailto:ImFromNASA@gmail.com">Andrew Murrell</a>.</p> + <p>The content of this page is Copyright © 2017 <a href="mailto:ImFromNASA@gmail.com">Andrew Murrell</a>.</p> <p>This page is licensed under the <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA-3.0</a> license.</p> <p>Page source: <a href="index.md">index.md</a></p> <p>Website source: <a href="https://git.andrewdm.me/www.git">www.git</a></p> diff --git a/out/main.css b/out/main.css index 5e13ff4..0d2f6ec 100644 --- a/out/main.css +++ b/out/main.css @@ -7,52 +7,54 @@ header { background-color: black; color: white; } header p.breadcrumbs { - background-color: blue; } + background-color: Maroon; + margin: 0; } + header p.breadcrumbs a { + color: GoldenRod; } header h1 { font-size: 50px; margin: 0; } - -nav { - /* layout */ - line-height: 1; - width: 100%; - /* pretty */ - background-color: Maroon; } - nav ul { - padding: 0; - margin: 0; - list-style: none; } - nav li { - display: inline-block; } - nav a { - display: block; } - nav a { - padding: 0.2em 1em; - font-size: 40px; - color: GoldenRod; - text-decoration: none; } - nav a:hover, nav a:focus { - background-color: white; } - nav a:hover, nav a:visited { - color: GoldenRod; } - nav a:active { - color: Black; } - nav form { - padding: 0.2 1em; - display: block; } - nav form input { - font-size: 25px; - border: solid 1px #333333; } - nav form input[type="search"] { - max-width: 10em; } - nav form input:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - nav form input:not(:last-child) { - border-right: 0; } - nav form input:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + header nav { + /* layout */ + line-height: 1; + width: 100%; + /* pretty */ + background-color: Maroon; } + header nav ul { + padding: 0; + margin: 0; + list-style: none; } + header nav li { + display: inline-block; } + header nav a { + display: block; } + header nav a { + padding: 0.2em 1em; + font-size: 40px; + color: GoldenRod; + text-decoration: none; } + header nav a:hover, header nav a:focus { + background-color: white; } + header nav a:hover, header nav a:visited { + color: GoldenRod; } + header nav a:active { + color: Black; } + header nav form { + padding: 0.2 1em; + display: block; } + header nav form input { + font-size: 25px; + border: solid 1px #333333; } + header nav form input[type="search"] { + max-width: 10em; } + header nav form input:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + header nav form input:not(:last-child) { + border-right: 0; } + header nav form input:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } article { max-width: 6.5in; @@ -84,7 +86,8 @@ article { border-radius: 2px; text-align: center; text-decoration: none; - color: white; } + color: white; + font-family: sans-serif; } article .tag.FF { background: FireBrick; } article .tag.SS { diff --git a/src/main.scss b/src/main.scss index 4f5efc9..4917724 100644 --- a/src/main.scss +++ b/src/main.scss @@ -8,70 +8,74 @@ header { background-color: black; color: white; p.breadcrumbs { - background-color: blue; + background-color: Maroon; + margin: 0; + a { + color: GoldenRod; + } } h1 { font-size: 50px; margin: 0; } -} - -nav { - /* layout */ - line-height: 1; - width: 100%; - ul { - padding: 0; - margin: 0; - list-style: none; - } - li { - display: inline-block; - } - a { - display: block; - } - /* pretty */ - background-color: Maroon; - a { - padding: 0.2em 1em; - - font-size: 40px; - color: GoldenRod; - text-decoration: none; - - &:hover, &:focus { - background-color: white; + nav { + /* layout */ + line-height: 1; + width: 100%; + ul { + padding: 0; + margin: 0; + list-style: none; } - &:hover, &:visited { - color: GoldenRod; + li { + display: inline-block; } - &:active { - color: Black; + a { + display: block; } - } - form { - padding: 0.2 1em; - display: block; - input { - font-size: 25px; - border: solid 1px #333333; - } - input[type="search"] { - max-width: 10em; - } - input:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - input:not(:last-child) { - border-right: 0; + /* pretty */ + background-color: Maroon; + a { + padding: 0.2em 1em; + + font-size: 40px; + color: GoldenRod; + text-decoration: none; + + &:hover, &:focus { + background-color: white; + } + &:hover, &:visited { + color: GoldenRod; + } + &:active { + color: Black; + } } - input:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + form { + padding: 0.2 1em; + display: block; + input { + font-size: 25px; + border: solid 1px #333333; + } + input[type="search"] { + max-width: 10em; + } + input:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + input:not(:last-child) { + border-right: 0; + } + input:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } } } } @@ -119,6 +123,7 @@ article { text-align: center; text-decoration: none; color: white; + font-family: sans-serif; } .tag.FF { background: FireBrick; } .tag.SS { background: SeaGreen; } |