add prev/next pictures for easier slide show mode

[photo-tags.git] / style.css

diff --git a/style.css b/style.css
index 6c25246b87d914593d1b16b761f0cb2a306d6c69..75bea143862d0cdc567de9554415ac51aad6ae41 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,5 +1,9 @@
 
-h1 {color:red}
+h1 {
+    color:red;
+    margin: 1em 0;
+    text-align: center;
+}
 body {
     background-color: black;
     color: #eee;
@@ -14,11 +18,13 @@ body {
 a[visited]{ color: #aaa;}
 
 .index {
-    margin: 0 auto;
-    width:70%;
+    margin: 0 10px;
+}
+nav {
+    text-align: center;
 }
 
-.pics li { 
+.pics li {
   display: inline;
   list-style: none;
 }
@@ -29,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;
@@ -40,4 +52,11 @@ footer {
 }
 
 
-.debug { position: absolute; top:0; left:0}
\ No newline at end of file
+.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