From 91c14a3ccaa425d72315b3ac5964361d7e87d11c Mon Sep 17 00:00:00 2001 From: Saman Bemel-Benrud Date: Fri, 7 Dec 2012 11:17:46 -0500 Subject: [PATCH] basic icon classes in place. --- css/app.css | 20 ++ img/source/sprite.png | Bin 4799 -> 5310 bytes img/source/sprite.svg | 481 +++++++++++++++++++++--------------------- 3 files changed, 264 insertions(+), 237 deletions(-) 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 f27fa65a04026177042bc20ba90003a96529ec61..efc5f6781b26019e146e171176f770c2bfd634fb 100644 GIT binary patch literal 5310 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 Ap#T5? delta 4747 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 Z{2%!xT{FWDouvQ(002ovPDHLkV1gAPGb{iA 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" />