diff --git a/css/app.css b/css/app.css index 7188a3979..05efc3833 100644 --- a/css/app.css +++ b/css/app.css @@ -206,9 +206,7 @@ table.tags, table.tags td, table.tags th { ul li { list-style: none;} ul.toggle-list li a { - font-weight: bold; padding: 5px 10px; - color: #333; display:block; border-top: 1px solid #ccc; white-space:nowrap; @@ -1592,7 +1590,6 @@ img.wiki-image { .help-wrap .toc li a { display: block; - font-weight: bold; border: 1px solid #CCC; border-bottom: 0px; padding: 5px; @@ -2291,6 +2288,7 @@ div.typeahead a:first-child { right: 10px; bottom: 40px; z-index: 1001; + box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.7); } .intro-nav-wrap button.step { @@ -2298,9 +2296,18 @@ div.typeahead a:first-child { } .intro-nav-wrap button.step.finished { - background: #76FF70; + background: #8cd05f; } +.intro-nav-wrap button.step .icon { + display: none; +} + +.intro-nav-wrap button.step.finished .icon { + display: inline-block; +} + + .curtain-tooltip .tooltip-inner { text-align: left; padding: 20px; @@ -2324,10 +2331,10 @@ div.typeahead a:first-child { font-weight: bold; display: block; border-top: 1px solid #CCC; - margin-top: 10px; + margin-top: 20px; margin-left: -20px; margin-right: -20px; - padding: 10px 20px 0 20px; + padding: 20px 20px 0 20px; } .curtain-tooltip .tooltip-inner .bold:only-child { diff --git a/img/source/sprite.svg b/img/source/sprite.svg index 04c98e1f4..592bce0a5 100644 --- a/img/source/sprite.svg +++ b/img/source/sprite.svg @@ -39,8 +39,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" - inkscape:cx="123.01675" - inkscape:cy="143.33432" + inkscape:cx="266.37753" + inkscape:cy="194.69766" inkscape:document-units="px" inkscape:current-layer="layer12" showgrid="false" @@ -1152,14 +1152,6 @@ id="path9870-1" inkscape:connector-curvature="0" /> - - - - - - - - - - - - - - - - - - @@ -2340,7 +2255,7 @@ height="3" width="40" id="rect22091" - style="color:#000000;fill:#7092ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + style="color:#000000;fill:#a9a9a9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + style="color:#000000;fill:#a9a9a9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + + d="m 79,430.5 0,6 29,14.5 0,-6 -29,-14.5 z" + style="color:#000000;fill:#a9a9a9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + transform="translate(365,-200)"> + + + + + + + + + + + + + + diff --git a/img/sprite.png b/img/sprite.png index 3bc86e5fc..5282952c8 100644 Binary files a/img/sprite.png and b/img/sprite.png differ diff --git a/img/sprite2x.png b/img/sprite2x.png index 30d7716f4..46623ec52 100644 Binary files a/img/sprite2x.png and b/img/sprite2x.png differ diff --git a/js/id/ui/intro.js b/js/id/ui/intro.js index c52409565..676d96062 100644 --- a/js/id/ui/intro.js +++ b/js/id/ui/intro.js @@ -65,6 +65,7 @@ iD.ui.intro = function(context) { .attr('class', 'step') .on('click', enter); + entered.append('div').attr('class','icon icon-pre-text apply'); entered.append('label').text(function(d) { return d.name; }); enter(steps[0]);