Added stylesheet.

diff --git a/data/style.css b/data/style.css
new file mode 100644 (file)
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}
+
+