Mercurial > open-web-challenges
changeset 9:0caf4ac71ba8
Made success message easier to read.
author | Atul Varma <varmaa@toolness.com> |
---|---|
date | Mon, 30 Mar 2009 23:30:36 -0700 |
parents | fd9bfd93c4da |
children | c7034528674d |
files | index.css open-web-challenges.js |
diffstat | 2 files changed, 17 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- a/index.css Mon Mar 30 21:31:15 2009 -0700 +++ b/index.css Mon Mar 30 23:30:36 2009 -0700 @@ -40,3 +40,17 @@ .challenge { display: none; } + +.completed { + opacity: 0.25; +} + +#success { + position: absolute; + top: 0px; + width: 40em; +} + +#success h1 { + font-size: 72pt; +}
--- a/open-web-challenges.js Mon Mar 30 21:31:15 2009 -0700 +++ b/open-web-challenges.js Mon Mar 30 23:30:36 2009 -0700 @@ -39,9 +39,11 @@ function maybeDisplaySuccess() { if (validate(current)) { - var success= $('<div class="success"></div>'); + var success = $('<div id="success"></div>'); success.text($('#msg-success').text()); + success.wrapInner('<h1></h1>'); success.hide(); + current.children().addClass('completed'); current.append(success); success.slideDown('slow'); window.clearInterval(intervalId);