add prev/next pictures for easier slide show mode

[photo-tags.git] / style.css

diff --git a/style.css b/style.css
index b394c6c5649ffd7b43c4910aa14755f2a56ded84..75bea143862d0cdc567de9554415ac51aad6ae41 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,6 +1,13 @@
 
-h1 {color:red}
-body {background-color: black}
+h1 {
+    color:red;
+    margin: 1em 0;
+    text-align: center;
+}
+body {
+    background-color: black;
+    color: #eee;
+}
 
 .permalink {
     float:right;
@@ -10,7 +17,14 @@ body {background-color: black}
 
 a[visited]{ color: #aaa;}
 
-.pics li { 
+.index {
+    margin: 0 10px;
+}
+nav {
+    text-align: center;
+}
+
+.pics li {
   display: inline;
   list-style: none;
 }
@@ -21,6 +35,12 @@ a[visited]{ color: #aaa;}
   height: 100px;
 }
 
+.pics img.large{
+  border: 1px solid white;
+  margin: 2px;
+  height: 500px;
+}
+
 footer {
   border-top: 1px solid grey;
   color: #eee;
@@ -30,3 +50,13 @@ footer {
     color: #999;
     float:right;
 }
+
+
+.debug { position: absolute; top:0; left:0}
+
+.nextprev ul li {
+    display:inline;
+}
+.nextprev ul li img {
+    padding-right: 5px;
+}
\ No newline at end of file