From dec416ced9a7cb2181c8125aee66c316c6f162de Mon Sep 17 00:00:00 2001
From: Stanislav Ievlev <inger@altlinux.org>
Date: Tue, 29 Sep 2009 15:58:37 +0400
Subject: [PATCH] - add svg images and style for page navigation buttons

---
 components.mk                                 |   5 +
 .../ahttpd/images/first-page-button.svg       | 121 +++++++++++++++
 components/ahttpd/images/last-page-button.svg | 143 ++++++++++++++++++
 components/ahttpd/images/next-page-button.svg | 128 ++++++++++++++++
 components/ahttpd/images/prev-page-button.svg | 121 +++++++++++++++
 components/ahttpd/styles/alterator.css.in     |  23 +++
 6 files changed, 541 insertions(+)
 create mode 100644 components/ahttpd/images/first-page-button.svg
 create mode 100644 components/ahttpd/images/last-page-button.svg
 create mode 100644 components/ahttpd/images/next-page-button.svg
 create mode 100644 components/ahttpd/images/prev-page-button.svg

diff --git a/components.mk b/components.mk
index d5949ef..c801982 100644
--- a/components.mk
+++ b/components.mk
@@ -12,11 +12,16 @@ browser-qt:components/browser-qt/design/bg.png
 # ahttpd
 
 ahttpd:
+	for i in components/ahttpd/images/*.svg; do \
+	    image=$${i%.svg}; \
+	    convert -background none $$image.svg $$image.png ; \
+	done
 	install -d $(datadir)/alterator/design/styles
 	cp -a components/ahttpd/images $(datadir)/alterator/design
 	install -Dpm644 images/product-logo.png $(datadir)/alterator/design/images/product-logo.png
 	cp -a components/ahttpd/styles/*.css $(datadir)/alterator/design/styles
 
+
 # bootloader and bootsplash
 boot:
 	cp -a  /usr/src/design-bootloader-source ./
diff --git a/components/ahttpd/images/first-page-button.svg b/components/ahttpd/images/first-page-button.svg
new file mode 100644
index 0000000..5e1d715
--- /dev/null
+++ b/components/ahttpd/images/first-page-button.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25.163"
+   height="20.163"
+   id="svg4592"
+   version="1.1"
+   inkscape:version="0.47pre2 r22153"
+   sodipodi:docname="first-page-button.svg">
+  <defs
+     id="defs4594">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective4600" />
+    <inkscape:perspective
+       id="perspective4581"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4631"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <filter
+       inkscape:collect="always"
+       id="filter3595">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.4325"
+         id="feGaussianBlur3597" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.829866"
+     inkscape:cx="6.4719397"
+     inkscape:cy="12.058399"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="948"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4597">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(5.25272,-2084.818)">
+    <g
+       id="g4551"
+       transform="translate(-100.54622,1652.5558)">
+      <rect
+         style="fill:#729fcf;fill-opacity:1;stroke:none"
+         id="rect3719-6"
+         width="25"
+         height="20"
+         x="95.375"
+         y="432.34937"
+         rx="3.8469892"
+         ry="3.8469892" />
+      <path
+         d="m 99.21875,432.78125 c -1.896868,0 -3.40625,1.50938 -3.40625,3.40625 l 0,12.3125 c 0,1.89687 1.509382,3.40625 3.40625,3.40625 l 17.3125,0 c 1.89687,0 3.40625,-1.50938 3.40625,-3.40625 l 0,-12.3125 c 0,-1.89687 -1.50938,-3.40625 -3.40625,-3.40625 l -17.3125,0 z"
+         inkscape:href="#rect3719-6"
+         id="path3791-1"
+         style="fill:#476596;fill-opacity:1;stroke:none;filter:url(#filter3595)"
+         xlink:href="#rect3719-6"
+         inkscape:original="M 99.21875 432.34375 C 97.087518 432.34375 95.375 434.05627 95.375 436.1875 L 95.375 448.5 C 95.375 450.63123 97.087518 452.34375 99.21875 452.34375 L 116.53125 452.34375 C 118.66248 452.34375 120.375 450.63123 120.375 448.5 L 120.375 436.1875 C 120.375 434.05627 118.66248 432.34375 116.53125 432.34375 L 99.21875 432.34375 z "
+         inkscape:radius="-0.4375"
+         sodipodi:type="inkscape:offset" />
+      <path
+         id="path3721-0"
+         d="m 114.375,437.34936 0,10 -10,-5 10,-5 z"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none"
+         inkscape:label="Triangle" />
+      <rect
+         y="437.34937"
+         x="102.375"
+         height="10.000001"
+         width="2.0000136"
+         id="rect3715-6"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/components/ahttpd/images/last-page-button.svg b/components/ahttpd/images/last-page-button.svg
new file mode 100644
index 0000000..2811650
--- /dev/null
+++ b/components/ahttpd/images/last-page-button.svg
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25.163"
+   height="20.163"
+   id="svg4592"
+   version="1.1"
+   inkscape:version="0.47pre2 r22153"
+   sodipodi:docname="last-page-button.svg">
+  <defs
+     id="defs4594">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective4600" />
+    <inkscape:perspective
+       id="perspective4581"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4631"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4711"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4769"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4827"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <filter
+       inkscape:collect="always"
+       id="filter3602">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.4325"
+         id="feGaussianBlur3604" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.829866"
+     inkscape:cx="6.2525407"
+     inkscape:cy="9.4532616"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="948"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4597">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(34.78794,-2065.2186)">
+    <g
+       id="g4567"
+       transform="translate(-219.70644,1632.9251)">
+      <rect
+         style="fill:#729fcf;fill-opacity:1;stroke:none"
+         id="rect3719"
+         width="25"
+         height="20"
+         x="185"
+         y="432.36218"
+         rx="3.8469892"
+         ry="3.8469892" />
+      <path
+         d="m 188.84375,432.8125 c -1.89687,0 -3.40625,1.50938 -3.40625,3.40625 l 0,12.28125 c 0,1.89687 1.51366,3.4375 3.40625,3.4375 l 17.3125,0 c 1.89259,0 3.40625,-1.54063 3.40625,-3.4375 l 0,-12.28125 c 0,-1.89687 -1.50938,-3.40625 -3.40625,-3.40625 l -17.3125,0 z"
+         inkscape:href="#rect3719"
+         id="path3791"
+         style="fill:#476596;fill-opacity:1;stroke:none;filter:url(#filter3602)"
+         xlink:href="#rect3719"
+         inkscape:original="M 188.84375 432.375 C 186.71252 432.375 185 434.08752 185 436.21875 L 185 448.5 C 185 450.63123 186.71252 452.375 188.84375 452.375 L 206.15625 452.375 C 208.28748 452.375 210 450.63123 210 448.5 L 210 436.21875 C 210 434.08752 208.28748 432.375 206.15625 432.375 L 188.84375 432.375 z "
+         inkscape:radius="-0.4375"
+         sodipodi:type="inkscape:offset" />
+      <path
+         id="path3721"
+         d="m 192,437.36218 0,10 10,-5 -10,-5 z"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none"
+         inkscape:label="Triangle" />
+      <rect
+         transform="scale(-1,1)"
+         y="437.36218"
+         x="-204"
+         height="10.000001"
+         width="2.0000136"
+         id="rect3715"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/components/ahttpd/images/next-page-button.svg b/components/ahttpd/images/next-page-button.svg
new file mode 100644
index 0000000..d21655b
--- /dev/null
+++ b/components/ahttpd/images/next-page-button.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25.02"
+   height="20.022818"
+   id="svg4592"
+   version="1.1"
+   inkscape:version="0.47pre2 r22153"
+   sodipodi:docname="next-page-button.svg">
+  <defs
+     id="defs4594">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective4600" />
+    <inkscape:perspective
+       id="perspective4581"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4631"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4711"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4769"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <filter
+       inkscape:collect="always"
+       id="filter3596">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.43"
+         id="feGaussianBlur3598" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.829866"
+     inkscape:cx="10.329226"
+     inkscape:cy="5.3197997"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="948"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4597">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(21.03808,-2078.2196)">
+    <g
+       id="g4562"
+       transform="translate(-176.02808,1645.8574)">
+      <rect
+         ry="3.8469892"
+         rx="3.8469892"
+         y="432.36218"
+         x="155"
+         height="20"
+         width="25"
+         id="rect2849"
+         style="fill:#729fcf;fill-opacity:1;stroke:none" />
+      <path
+         d="m 158.84375,432.875 c -1.86901,0 -3.34375,1.47474 -3.34375,3.34375 l 0,12.28125 c 0,1.86901 1.47952,3.375 3.34375,3.375 l 17.3125,0 c 1.86423,0 3.34375,-1.50599 3.34375,-3.375 l 0,-12.28125 c 0,-1.86901 -1.47474,-3.34375 -3.34375,-3.34375 l -17.3125,0 z"
+         inkscape:href="#rect2849"
+         id="path3785"
+         style="fill:#476596;fill-opacity:1;stroke:none;filter:url(#filter3596)"
+         xlink:href="#rect2849"
+         inkscape:original="M 158.84375 432.375 C 156.71252 432.375 155 434.08752 155 436.21875 L 155 448.5 C 155 450.63123 156.71252 452.375 158.84375 452.375 L 176.15625 452.375 C 178.28748 452.375 180 450.63123 180 448.5 L 180 436.21875 C 180 434.08752 178.28748 432.375 176.15625 432.375 L 158.84375 432.375 z "
+         inkscape:radius="-0.48949021"
+         sodipodi:type="inkscape:offset" />
+      <path
+         inkscape:label="Triangle"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none"
+         d="m 163,437.36218 0,10 10,-5 -10,-5 z"
+         id="path2828" />
+    </g>
+  </g>
+</svg>
diff --git a/components/ahttpd/images/prev-page-button.svg b/components/ahttpd/images/prev-page-button.svg
new file mode 100644
index 0000000..d3d7b92
--- /dev/null
+++ b/components/ahttpd/images/prev-page-button.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25.032"
+   height="20.032"
+   id="svg4592"
+   version="1.1"
+   inkscape:version="0.47pre2 r22153"
+   sodipodi:docname="prev-page-button.svg">
+  <defs
+     id="defs4594">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective4600" />
+    <inkscape:perspective
+       id="perspective4581"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4631"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4711"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <filter
+       inkscape:collect="always"
+       id="filter3595">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.43"
+         id="feGaussianBlur3597" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.829866"
+     inkscape:cx="16.33258"
+     inkscape:cy="6.4077993"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="948"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4597">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(15.11336,-2079.2984)">
+    <g
+       id="g4557"
+       transform="translate(-140.09736,1646.9394)">
+      <rect
+         style="fill:#729fcf;fill-opacity:1;stroke:none"
+         id="rect3707"
+         width="25"
+         height="20"
+         x="125"
+         y="432.36218"
+         rx="3.8469892"
+         ry="3.8469892" />
+      <path
+         d="m 128.84375,432.875 c -1.86338,0 -3.34375,1.48037 -3.34375,3.34375 l 0,12.28125 c 0,1.86338 1.48525,3.375 3.34375,3.375 l 17.3125,0 c 1.8585,0 3.34375,-1.51162 3.34375,-3.375 l 0,-12.28125 c 0,-1.86338 -1.48037,-3.34375 -3.34375,-3.34375 l -17.3125,0 z"
+         inkscape:href="#rect3707"
+         id="path3725"
+         style="fill:#476596;fill-opacity:1;stroke:none;filter:url(#filter3595)"
+         xlink:href="#rect3707"
+         inkscape:original="M 128.84375 432.375 C 126.71252 432.375 125 434.08752 125 436.21875 L 125 448.5 C 125 450.63123 126.71252 452.375 128.84375 452.375 L 146.15625 452.375 C 148.28748 452.375 150 450.63123 150 448.5 L 150 436.21875 C 150 434.08752 148.28748 432.375 146.15625 432.375 L 128.84375 432.375 z "
+         inkscape:radius="-0.5"
+         sodipodi:type="inkscape:offset" />
+      <path
+         id="path3709"
+         d="m 142,437.36218 0,10 -10,-5 10,-5 z"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none"
+         inkscape:label="Triangle" />
+    </g>
+  </g>
+</svg>
diff --git a/components/ahttpd/styles/alterator.css.in b/components/ahttpd/styles/alterator.css.in
index 90adf2f..ca80618 100644
--- a/components/ahttpd/styles/alterator.css.in
+++ b/components/ahttpd/styles/alterator.css.in
@@ -88,6 +88,29 @@ textarea, select, input.text {
 	height: 20px;
 }
 
+.next-page-button,.prev-page-button,.first-page-button,.last-page-button {
+    width: 25px;
+    height: 20px;
+    vertical-align:middle;
+    cursor: pointer;
+}
+
+.next-page-button {
+    background: url(/design/images/next-page-button.png) no-repeat;
+}
+
+.prev-page-button {
+    background: url(/design/images/prev-page-button.png) no-repeat;
+}
+
+.first-page-button {
+    background: url(/design/images/first-page-button.png) no-repeat;
+}
+
+.last-page-button {
+    background: url(/design/images/last-page-button.png) no-repeat;
+}
+
 /* messages */
 
 .alterator-information-message {