[Pingus-CVS] r4118 - trunk/htdocs

[grumbel at BerliOS]

Author: grumbel
Date: 2010-04-12 19:14:24 +0200 (Mon, 12 Apr 2010)
New Revision: 4118

Modified:
   trunk/htdocs/default.css
   trunk/htdocs/default.xsl
Log:
Improved screenshot menu


Modified: trunk/htdocs/default.css
===================================================================
--- trunk/htdocs/default.css    2010-04-12 16:51:02 UTC (rev 4117)
+++ trunk/htdocs/default.css    2010-04-12 17:14:24 UTC (rev 4118)
@@ -24,6 +24,37 @@
   margin-right: auto;
 }
 
+ul.screenshotmenu
+{
+  display: block;
+  width: 35em;
+  margin: 0 auto 1.5em auto;
+  padding: 0.25em 0em;
+  text-align: center;
+  background-color: #809fbb;
+  border-style: solid;
+  border-width: thin;
+  -moz-border-radius:    1em;
+  -webkit-border-radius: 1em;
+}
+
+ul.screenshotmenu li
+{
+  display: inline;
+  list-style-type: none;
+}
+
+ul.screenshotmenu li a
+{ 
+  padding: 0.25em 1em;
+  text-decoration: none;
+}
+
+ul.screenshotmenu li a:hover
+{ 
+  background-color: white;
+}
+
 h1,h2,h3,h4
 {
   font-family: sans;

Modified: trunk/htdocs/default.xsl
===================================================================
--- trunk/htdocs/default.xsl    2010-04-12 16:51:02 UTC (rev 4117)
+++ trunk/htdocs/default.xsl    2010-04-12 17:14:24 UTC (rev 4118)
@@ -181,25 +181,16 @@
   </xsl:template>
 
   <xsl:template match="screenshot-menu">
-    <p style="text-align: center; margin-top: 0em;">
-      [ 
-      <a href="screenshots.html">0.7</a>
-      |
-      <a href="screenshots-0.6.html">0.6</a>
-      |
-      <a href="screenshots-0.5.html">0.5</a>
-      |
-      <a href="screenshots-0.4.html">0.4</a>
-      |
-      <a href="screenshots-0.3.html">0.3</a>
-      |
-      <a href="screenshots-0.2.html">0.2</a>
-      |
-      <a href="screenshots-0.1.html">0.1</a>
-      |
-      <a href="screenshots-0.0.html">0.0</a>
-      ]
-    </p>
+    <ul class="screenshotmenu">
+      <li><a href="screenshots.html">0.7</a></li>
+      <li><a href="screenshots-0.6.html">0.6</a></li>
+      <li><a href="screenshots-0.5.html">0.5</a></li>
+      <li><a href="screenshots-0.4.html">0.4</a></li>
+      <li><a href="screenshots-0.3.html">0.3</a></li>
+      <li><a href="screenshots-0.2.html">0.2</a></li>
+      <li><a href="screenshots-0.1.html">0.1</a></li>
+      <li><a href="screenshots-0.0.html">0.0</a></li>
+    </ul>
   </xsl:template>
 
   <xsl:template match="netstat-image">