summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLuke Shumaker <lukeshu@sbcglobal.net>2017-01-02 17:12:57 -0500
committerLuke Shumaker <lukeshu@sbcglobal.net>2017-01-02 17:13:09 -0500
commit76d848a7ccaa5b96e958fcfa90659297b1ba5470 (patch)
treeea65b89bb14e2e77c82be4c824c37e4b0a59321b
parentf290ee4652d2a1641d48327778bec4346a2aa814 (diff)
parent4af48d58741e7b73d9d5cf88859711d64779e928 (diff)
make: fix css
-rw-r--r--out/index.html2
-rw-r--r--out/main.css91
-rw-r--r--src/main.scss111
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; }