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]);