www - the rest of the screenshot pretty-ups

public_html/ss/index.css

@@ -1,80 +1,69 @@
-/*
- * index.css
- *
- * Written By: Nicholas "mekius" Hughart
- *       Date: 2012-08-28
- */
-body,html
-{
-  background-color:#ffffff;
-  padding:0;
-  margin:0;
-  font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono","monospace";
+body,html {
+  background-color : #303030;
+  padding          : 0;
+  margin           : 0;
+  font-family      : "DejaVu Sans Mono","Bitstream Vera Sans Mono","monospace";
 }
-a:link
-{
-  color:#000000;
+a:link {
+  color            : #ffffff;
 }
-a:active
-{
-  color:#88bbff;
+a:active {
+  color            : #ffff00;
 }
-a:visited
-{
-  color:#000000;
+a:visited {
+  color            : #888888;
 }
-#PagesWrapper
-{
-  position:fixed;
-  bottom:0;
-  left:0;
-  background-color:#e0e0e0;
-  box-shadow: 0 0 3px 2px #808080;
-  width:100%;
-  border-bottom:#404040;
+img.thumb {
+  box-shadow       : 0 1em 2em 0 rgba(0,0,0,0.5);
+  border           : 0px solid;
+  margin           : 1em;
 }
-#Pages
-{
-  word-spacing:0.6em;
-  text-align:center;
-  padding:5px;
-  margin:0 5px 0 5px;
+img.full {
+  box-shadow       : 0 1em 2em 0 rgba(0,0,0,0.5);
+  border           : 0px solid;
+  margin           : 1em;
 }
-#Pages a
-{
-  text-decoration:none;
-  font-size:1em;
-  color:#404040;
+#PagesWrapper {
+  position         : fixed;
+  bottom           : 0;
+  left             : 0;
+  background-color : #404040;
+  box-shadow       : 0 1em 2em 0 rgba(0,0,0,0.5);
+  width            : 100%;
 }
-#Pages a.highlight
-{
-  font-weight:bold;
-  font-size:1.6em;
-  color:#000000;
+#Pages {
+  word-spacing     : 1em;
+  text-align       : center;
+  padding          : 5px;
+  margin           : 1em;
 }
-#Pages span
-{
-  color:#c0c0c0;
+#Pages a {
+  text-decoration  : none;
+  font-size        : 20px;
+  color            : #cccccc;
 }
-#Pages span.PreviousArrows
-{
-  float:left;
-  font-size:1.6em;
+#Pages a.highlight {
+  font-weight      : bold;
+  font-size        : 30px;
+  color            : #ffffff;
 }
-#Pages span.PreviousArrows:first-child
-{
-  font-size:1.8em;
+#Pages span {
+  color            : #404040;
 }
-#Pages span.NextArrows
-{
-  float:right;
-  font-size:1.6em;
+#Pages span.PreviousArrows {
+  float            : left;
+  font-size        : 20px;
 }
-#Pages span.NextArrows:last-child
-{
-  font-size:1.8em;
+#Pages span.PreviousArrows:first-child {
+  font-size:       : 20px;
 }
-#Images
-{
-  margin-bottom:3em;
+#Pages span.NextArrows {
+  float            : right;
+  font-size        : 20px;
+}
+#Pages span.NextArrows:last-child {
+  font-size        : 20px;
+}
+#Images {
+  margin-bottom    : 8em;
 }

public_html/ss/index.php

@@ -98,7 +98,7 @@
           if (!file_exists($thumb)) {
 	    continue;
           }
-          print "<a href=display.php?image=" . urlencode($f) . "><img src=" . $thumb . " border=1 hspace=10 vspace=10></a>\n";
+          print "<a href=display.php?image=" . urlencode($f) . "><img src=" . $thumb . " class=thumb></a>\n";
       }
     ?>
     </div>