diff --git a/css/app.css b/css/app.css index 10ac5130b..493726b1d 100644 --- a/css/app.css +++ b/css/app.css @@ -169,6 +169,26 @@ button small { vertical-align: top; } +/* Icons */ + +.icon { + display:inline-block; + vertical-align:top; + width:20px; + height:20px; + background:transparent url(/img/background-pattern-1.png) no-repeat 0px 0px; + text-indent:-9999px; + overflow:hidden; + } + +.icon.browse { background-position: 0px 0px;} +.icon.place { background-position: -20px 0px;} +.icon.road { background-position: -40px 0px;} +.icon.area { background-position: -60px 0px;} +.icon.undo { background-position: -80px 0px;} +.icon.redo { background-position: -100px 0px;} +.icon.save { background-position: -120px 0px;} + /* Map ------------------------------------------------------- */ diff --git a/img/source/sprite.png b/img/source/sprite.png index f27fa65a0..efc5f6781 100644 Binary files a/img/source/sprite.png and b/img/source/sprite.png differ diff --git a/img/source/sprite.svg b/img/source/sprite.svg index 73c11afee..c000ca96d 100644 --- a/img/source/sprite.svg +++ b/img/source/sprite.svg @@ -10,11 +10,14 @@ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="220" - height="40" + height="100" id="svg12393" version="1.1" inkscape:version="0.48.2 r9819" - sodipodi:docname="sprite.svg"> + sodipodi:docname="sprite.svg" + inkscape:export-filename="/Users/saman/work_repos/iD/img/source/sprite@2x.png" + inkscape:export-xdpi="180" + inkscape:export-ydpi="180"> + + + @@ -127,133 +142,128 @@ id="layer12" inkscape:label="sprite" transform="translate(-25,3.8281252e-7)"> + + + + + id="g14233" + transform="translate(-321,-82.36218)" + style="opacity:0.25;fill:#000000;fill-opacity:1;display:inline"> - - + id="path14235" + d="m 471,110.36218 -1,1 0,1 5,5 1,0 1,-1 0,-1 -5,-5 z" + style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + + + + + - - - - - + style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" + d="m 174,3 -1,1 0,4 -4,0 -1,1 0,1 1,1 4,0 0,4 1,1 1,0 1,-1 0,-4 4,0 1,-1 0,-1 -1,-1 -4,0 0,-4 -1,-1 -1,0 z" + transform="translate(756,-73.637817)" + id="path14245" /> + + + + + + + + style="fill:#000000;fill-opacity:1" + id="g14257"> - - - + style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter8013-4);enable-background:accumulate" + d="m 234.5,3 -6.5,3 0,1 6.5,3 1,0 6.5,-3 0,-1 -6.5,-3 -1,0 z M 229.09375,9 228,9.5 l 0,1 6.5,3 1,0 6.5,-3 0,-1 -1.09375,-0.5 -5.40625,2.5 -1,0 -5.40625,-2.5 z m 0,3.5 L 228,13 l 0,1 6.5,3 1,0 6.5,-3 0,-1 -1.09375,-0.5 -5.40625,2.5 -1,0 -5.40625,-2.5 z" + transform="translate(-205,292.36218)" + id="path14259" /> - - + style="fill:#000000;fill-opacity:1" + transform="translate(0,-3)" + id="g14261" /> - - - - - - + style="fill:#000000;fill-opacity:1" + id="g14263" + transform="translate(0,-6)" /> + transform="translate(-896,134.63782)"> + transform="translate(65,-232.36218)"> + + + + + style="fill:#ffffff;fill-opacity:1;display:inline" + transform="translate(-321,-81.36218)" + id="g14167"> + sodipodi:nodetypes="ccccccccc" /> - - - - - - + sodipodi:nodetypes="cccccccccc" /> + + + + + inkscape:connector-curvature="0" /> + + + + + + + + id="g14191" + style="fill:#ffffff;fill-opacity:1"> + id="path14193" + transform="translate(-205,292.36218)" + d="m 234.5,3 -6.5,3 0,1 6.5,3 1,0 6.5,-3 0,-1 -6.5,-3 -1,0 z M 229.09375,9 228,9.5 l 0,1 6.5,3 1,0 6.5,-3 0,-1 -1.09375,-0.5 -5.40625,2.5 -1,0 -5.40625,-2.5 z m 0,3.5 L 228,13 l 0,1 6.5,3 1,0 6.5,-3 0,-1 -1.09375,-0.5 -5.40625,2.5 -1,0 -5.40625,-2.5 z" + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter8013-4);enable-background:accumulate" + inkscape:connector-curvature="0" /> - - + id="g14195" + transform="translate(0,-3)" + style="fill:#ffffff;fill-opacity:1" /> - - - - - - - - - + transform="translate(0,-6)" + id="g14197" + style="fill:#ffffff;fill-opacity:1" />