diff --git a/css/app.css b/css/app.css index cd1278f34..c5f0d76dc 100644 --- a/css/app.css +++ b/css/app.css @@ -113,6 +113,10 @@ strong { a:visited, a { color: #7092ff; + -webkit-transition: all 100ms; + -moz-transition: all 100ms; + -o-transition: all 100ms; + transition: all 100ms; } a:hover { @@ -1818,61 +1822,68 @@ img.wiki-image { text-align: center; } -.modal-actions button { +.modal-actions button, +.modal-actions a { + background-size: white; font-weight: normal; color: #7092FF; border-bottom: 1px solid #CCC; border-radius: 0; height: 180px; text-align: center; - -webkit-transition: all 200ms; - -o-transition: all 200ms; - -moz-transition: all 200ms; - transition: all 200ms; + display: inline-block; } +.modal-actions button:hover, +.modal-actions a:hover { + background-color: #ececec; +} + +.modal-actions a:before, .modal-actions button:before, .walkthrough a:before { + background-size: white; display: block; content: ''; height: 100px; width: 100px; margin: auto; + margin-top: 30px; margin-bottom: 10px; background:transparent url(../img/sprite.png) no-repeat 0 -220px; } -.modal-actions button:first-child { +.modal-actions :first-child { border-right: 1px solid #CCC; } /* Restore Modal ------------------------------------------------------- */ -.modal-actions button.restore:before { +.modal-actions .restore:before { background-position: -400px -220px; } -.modal-actions button.reset:before { +.modal-actions .reset:before { background-position: -500px -220px; } /* Success Modal ------------------------------------------------------- */ -.modal-actions button.twitter:before { +.modal-actions .twitter:before { background-position: -100px -220px; } /* Splash Modal ------------------------------------------------------- */ -.modal-actions button.walkthrough:before, +.modal-actions .walkthrough:before, .walkthrough a:before { background-position: -200px -220px; } -.modal-actions button.start:before { +.modal-actions .start:before { background-position: -300px -220px; } diff --git a/js/id/ui/success.js b/js/id/ui/success.js index 87b13ae8f..85b1620ef 100644 --- a/js/id/ui/success.js +++ b/js/id/ui/success.js @@ -18,7 +18,7 @@ iD.ui.Success = function(connection) { var links = body.append('div').attr('class','modal-actions cf'); - links.append('button') + links.append('a') .attr('class','col6 osm') .attr('target', '_blank') .attr('href', function() { @@ -26,7 +26,7 @@ iD.ui.Success = function(connection) { }) .text(t('view_on_osm')); - links.append('button') + links.append('a') .attr('class','col6 twitter') .attr('target', '_blank') .attr('href', function() {