diff --git a/authority/static/dialog/index.html b/authority/static/dialog/index.html index 91e0202e29c97784aac34245a3b4ae2b0b5eef17..62abcaf117792047a48dee8eb37b891e323e9704 100644 --- a/authority/static/dialog/index.html +++ b/authority/static/dialog/index.html @@ -81,6 +81,12 @@ </div> </div> </div> +<div id="forgot_password_dialog" class="dialog"> + <div class="content"> + <p class="prompt"><b>Forgot your password?</b> No problem, enter your email, and we'll help you reset it:</p> + <div class="input"> <input type="text"></input></div> + </div> +</div> <div id="sign_in_dialog" class="dialog"> <div class="content"> <p class="prompt">What email address would you like to use to log into <span class="sitename bad"></span>?</p> diff --git a/authority/static/dialog/style.css b/authority/static/dialog/style.css index 7830922fbd2f634e59a22500d188bbb76410a48c..c3d02b0e4783d909f8b71d7744a88250539cadbc 100644 --- a/authority/static/dialog/style.css +++ b/authority/static/dialog/style.css @@ -146,6 +146,10 @@ button.disabled { text-align: center; } +#forgot_password_dialog { + display: inline; +} + div.input > * { float: left; } @@ -185,6 +189,16 @@ div.input input { padding: .4em; } +#forgot_password_dialog input { + width: 80%; + margin: 1em 10% 0 10%; + font-size: 1.5em; + padding: 1em .5em 1em .5em; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px 4px 4px 4px; +} + a { color: rgb(65, 126, 208); text-decoration: none; @@ -209,7 +223,7 @@ div.subtle { div.dialog div.attention, div.dialog div.attention_awesome, div.dialog div.attention_lame { -moz-border-radius: 4px; -webkit-border-radius: 4px; - border-radius: 4px; + border-radius: 4px 4px 4px 4px; width: 400px; padding:13px; margin: auto;