1 files changed, 113 insertions, 0 deletions
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..bf9e003
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,113 @@
+
+h1 {
+    color:red;
+    margin: 1em 0;
+    text-align: center;
+}
+body {
+    background-color: black;
+    color: #eee;
+}
+
+.permalink {
+    float:right;
+    color: #eee;
+    padding-right: 1em;
+}
+
+a[visited]{ color: #aaa;}
+
+.index {
+    margin: 0 10px;
+}
+nav {
+    text-align: center;
+}
+
+.pics li {
+  display: inline;
+  list-style: none;
+}
+
+.pics img {
+  border: 1px solid white;
+  margin: 2px;
+  height: 100px;
+}
+
+img.current {
+    position:relative;
+    top:1px;
+    border: 1px solid white;
+}
+
+.pics img.large{
+  border: 1px solid white;
+  margin: 2px;
+  height: 500px;
+}
+
+footer {
+  border-top: 1px solid grey;
+  color: #eee;
+}
+
+.copyright {
+    color: #999;
+    float:right;
+}
+
+
+.debug { position: absolute; top:0; left:0}
+
+button.currentpage {
+   background-color: #aaa;
+}
+
+.nextprev ul li {
+    display:inline;
+}
+.nextprev ul li img {
+    margin-right: 5px;
+}
+
+.singlepic {
+    position: relative;
+    display: inline-block;
+}
+
+.singlepic:hover .left, .singlepic:hover .right {
+    display: inline-block;
+    opacity: 0.6;
+}
+
+.singlepic .left img, .singlepic .right img {
+    position: absolute;
+    top: 50%;
+    width: 50px;
+    height: 50px;
+    margin-top: -25px;
+    border: 0px solid white;
+}
+
+.singlepic .left, .singlepic .right {
+    display: none;
+    height: 500px;
+    width: 50px;
+    z-index:2;
+    opacity: 0.0;
+}
+.singlepic .left {
+    position: absolute;
+    left: 3px;
+    top: 3px;
+}
+.singlepic .right {
+    position: relative;
+    left: -56px;
+    top: -3px;
+}
+
+.singlepic .left:hover, .singlepic .right:hover {
+    opacity: 0.95;
+}