More

1 files changed, 126 insertions, 0 deletions

diff --git a/src/main.scss b/src/main.scss
new file mode 100644
index 0000000..ab62e0a
--- /dev/null
+++ b/src/main.scss
@@ -0,0 +1,126 @@
+body {
+	margin: 0;
+	padding: 0;
+}
+
+header {
+	width: 100%;
+	background-color: black;
+	color: white;
+	h1 {
+		font-size: 50px;
+		height: 50px;
+		margin: 0px 0px 0px 0px;
+		padding: 0px 0px 0px 10px;
+	}
+}
+
+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;
+		}
+		&:hover, &:visited {
+			color: GoldenRod;
+		}
+		&:active {
+			color: Black;
+		}
+	}
+
+	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;
+		}
+	}
+}
+
+body > article {
+	#constructionBanner {
+		height: 50px;
+		background-color: #f89406;
+	}
+
+	#constructionMessage {
+		text-align: center;
+		padding: 12px;
+	}
+
+	#search {
+		padding: 10px;
+	}
+
+	#sidebar {
+		border: 1px solid black;
+		padding: 5px;
+		margin: 5px;
+		float: right;
+	}
+
+	li {
+		font-size: 14px;
+	}
+
+	.spacer {
+		width: 50px;
+		display: inline;
+		padding: 0px 50px 0px 50px;
+	}
+
+	.tag {
+		font-size: 11px;
+		height: 13px;
+		padding: 4px 7px 5px 7px;
+		border-radius: 2px;
+		text-align: center;
+		text-decoration: none;
+		color: white;
+	}
+
+	.FF { background: FireBrick; }
+	.SS { background: SeaGreen; }
+	.ES { background: DarkViolet; }
+	.HB { background: DimGray; }
+	.DM { background: DarkSlateGray; }
+	.WP { background: GhostWhite; color: black; }
+}