enable hover state, now that needs to be added to the other icons

This commit is contained in:
Jan-Christoph Borchardt 2012-10-28 17:22:18 +01:00
parent d7abd44dea
commit db5e8f3eea
2 changed files with 31 additions and 8 deletions

View file

@ -103,8 +103,8 @@ label.infield { cursor: text !important; }
#navigation { position:fixed; top:3.5em; float:left; width:64px; padding:0; z-index:75; height:100%; background:#30343a url('../img/noise.png') repeat; border-right:1px #333 solid; -moz-box-shadow:0 0 7px #000; -webkit-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000; overflow:hidden;}
#navigation a { display:block; padding:8px 0 4px; text-decoration:none; font-size:10px; text-align:center; color:#000; text-shadow:#444 0 1px 0; }
#navigation .icon { width:32px; height:32px; background-position:0 0; background-repeat:no-repeat; margin:0 16px 0; }
/*#navigation li:hover div { background-position:-32px 0; } hover & active effect, activate when icons are sprited*/
#navigation li:first-child { padding-top:8px; }
#navigation li:hover div, #navigation li a.active div { background-position:-32px 0; }
#navigation li:first-child a { padding-top:16px; }
#navigation a img { display:block; width:32px; height:32px; margin:0 auto; }
#navigation a.active, #navigation a:hover, #navigation a:focus { color:#888; text-shadow:#000 0 -1px 0; }
#navigation a.active { }

View file

@ -7,6 +7,7 @@
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="64"
@ -14,12 +15,34 @@
id="svg3349"
version="1.1"
inkscape:version="0.48.3.1 r9886"
sodipodi:docname="home.svg"
sodipodi:docname="files.svg"
inkscape:export-filename="home.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<defs
id="defs3351" />
id="defs3351">
<linearGradient
inkscape:collect="always"
id="linearGradient3754">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3756" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3758" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3754"
id="linearGradient3760"
x1="-525.16077"
y1="-108.10512"
x2="-525.57147"
y2="-44.355114"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
@ -28,8 +51,8 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.2"
inkscape:cx="32.824304"
inkscape:cy="7.991749"
inkscape:cx="33.002875"
inkscape:cy="-13.436822"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@ -50,7 +73,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@ -73,7 +96,7 @@
inkscape:connector-curvature="0"
d="m -525.14286,-108.23534 -16,15.938823 6,0 0,12.0002 20,0 0,-12.0002 6,0 -6,-6.061183 0,-7.93905 -6,0 0,2.16234 -4,-4.10093 z"
id="path3328"
style="opacity:0.3;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
style="opacity:0.50000000000000000;fill:url(#linearGradient3760);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.9;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m -525.14286,-109.2343 -16,15.937766 1,0 15,-14.937746 4,4.12507 0,-1.00002 -4,-4.12507 z m 4,1.93753 0,1.00002 6,0 0,-1.00002 -6,0 z m 6,7.937635 0,1.000017 5,5.062584 1,0 -6,-6.062601 z"

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 4 KiB