- add svg images and style for page navigation buttons

This commit is contained in:
Stanislav Ievlev 2009-09-29 15:58:37 +04:00
parent bdefc3d690
commit dec416ced9
6 changed files with 541 additions and 0 deletions

View File

@ -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 ./

View File

@ -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>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -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>

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -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>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -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>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -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 {