From: Aaron Taylor <ataylor@subgeniuskitty.com>
Date: Fri, 6 Nov 2020 08:01:19 +0000 (-0800)
Subject: Added stylesheet.
X-Git-Url: http://git.subgeniuskitty.com/website_subgeniuskitty.com/.git/commitdiff_plain/b66bce8d35f7c4eea72b16fbdd2f171282c58e1f

Added stylesheet.
---

diff --git a/data/style.css b/data/style.css
new file mode 100644
index 0000000..8ae84eb
--- /dev/null
+++ b/data/style.css
@@ -0,0 +1,243 @@
+body {
+	background-color: #eee;
+	color: #222; /*#111;*/
+	font-family: sans-serif;
+	padding: 0;
+	margin: 0;
+}
+
+a {
+	color: #005386; /*#058;*/
+	text-decoration: none;
+}
+
+a:hover {
+	background-color: #eee;
+}
+
+#menu {
+	clear: both;
+	overflow: hidden;
+	color: #069;
+	background-color: #17a;
+	padding: 0.7ex;
+	font-size: 94%;
+	border-top: 1px solid #ccc;
+	border-bottom: 1px solid #069;
+}
+
+#menu a {
+	padding: 0.5ex 1.5ex 0.5ex 1.5ex;
+	color: #fff;
+}
+
+#menu a:hover {
+	background-color: #069;
+}
+
+#menu a.thisSite {
+	font-weight: bold;
+	/*font-style: italic;*/
+	background-color: #069;
+}
+
+#header {
+	clear: both;
+	color: #555; /*#666;*/
+	/*text-shadow: 1px 1px #fff;*/
+	font-size: 1.78em; /*1.7em;*/
+	padding: 0.7ex 0.7ex 0.7ex 0.7em;
+}
+
+#headerLink {
+	color: #17a; /*#666;*/
+	margin-left: 5px;
+}
+
+h1 {
+	margin: 1.5em 1ex 2.5ex 0;
+	font-size: 1.4em;
+	border-bottom: 1px solid #ccc
+}
+
+h2 {
+	margin: 1em 1ex 0.5ex 0;
+	font-size: 1.3em;
+}
+
+h3 {
+	margin: 1em 1ex 0.5ex 0;
+	font-size: 1.0em;
+}
+
+h4 {
+	margin: 1em 1ex 0.5ex 0;
+	font-size: 0.9em;
+}
+
+h1.page_header {
+	font-size: 2.5em;
+	border-bottom: 1px solid #ccc;
+	border-left: 10px solid #ccc;
+	padding: 10px;
+	margin-bottom: 50px;
+}
+
+#content {
+	clear: both;
+	margin: 0;
+	padding: 0;
+	background-color: #fff;
+	overflow: hidden;
+}
+
+#nav {
+	background-color: #fff;
+	float: left;
+	margin: 0 1px 0 0;
+	padding: 1em 0;
+	border-right: 1px dotted #ccc;
+	width: 350px;
+}
+
+#nav ul {
+	margin: 0;
+	padding: 0;
+}
+
+#nav li {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+#nav li ul {
+	padding-left: 1.6em !important;
+}
+
+#nav li a {
+	display: block;
+	margin: 0;
+	padding: 0.8ex 2em 0.8ex 1em;
+}
+
+#nav li a.thisPage {
+	color: #222; /*#333;*/
+	font-weight: bold;
+	/*font-style: italic;*/
+}
+
+#main {
+	margin: 0 0 0 350px;
+	padding: 1.5em;
+	max-width: 1000px;
+}
+
+#footer {
+	clear: both;
+	color: #666;
+	border-top: 1px solid #ccc;
+	font-size: 84%;
+	padding: 1em;
+	margin: 0 0 1.5em 0;
+}
+
+.left {
+	float: left;
+	margin: 0;
+	padding: 0;
+}
+
+.right {
+	float: right;
+	margin: 0;
+	padding: 0;
+}
+
+blockquote {
+	background-color: #eee;
+	border-left: 1.5ex solid #ccc;
+	padding: 0.3em ;
+}
+
+pre {
+	background-color: #eee;
+	padding: 0.3em ;
+	border: 1px solid #ccc;
+}
+
+.gallery {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	align-items: baseline;
+	align-content: space-around;
+}
+
+.gallery_element {
+	
+}
+
+.gallery_caption {
+	width: 150px;
+	padding: 10px;
+	margin: 5px;
+	text-align: center;
+}
+
+.gallery_image {
+	background-color: #eee;
+	border: 1px solid #ccc;
+	padding: 10px;
+	margin: 5px;
+	width: 150px;
+	height: 150px;
+	position: relative;
+}
+
+.gallery_image img {
+	max-width: 150px;
+	max-height: 150px;
+	width: auto;
+	height: auto;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	margin: auto;
+}
+
+/*
+ * Folder Icon - From publicicons.org
+ */
+
+.gallery_dir {
+	background-color: #eee;
+	border: 1px solid #ccc;
+	padding: 10px;
+	margin: 5px;
+	width: 150px;
+	height: 150px;
+	position: relative;
+	/* TODO: This is a placeholder. I probably want to find a representative image from underneath each folder. */
+	background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1mb2xkZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBwb2ludHM9IjEwOCwxMDkuNzUgMTIsMTA5Ljc1IDAsNDkuMDg4IDEyMCw0OS4wODggIi8+DQo8cG9seWdvbiBwb2ludHM9IjE2LjM5MSwxMS4yOTEgNTUuNTQ3LDExLjI5MSA2My4wNjQsNDAuNzUgOC44NzUsNDAuNzUgIi8+DQo8cG9seWdvbiBwb2ludHM9IjExMS4xMjUsNDAuNzUgOC44NzUsNDAuNzUgMTkuMjUsMjQuNjUgMTA3LjEyNSwyNC42NSAiLz4NCjwvc3ZnPg==') no-repeat center center / 75%;
+}
+
+/*
+ * Tables
+ */
+
+table, th, td {
+	border-collapse: collapse;
+	border: 1px solid grey;
+	padding: 5px;
+}
+
+th {background-color: #C2C2C2}
+tr {background-color: #F2F2F2}
+tr:nth-child(even) {background-color: #FFFFFF}
+tr:hover {background-color: #C2C2C2}
+
+