Permalink
Browse files

change login look and feel

  • Loading branch information...
1 parent 75eab72 commit d961898fc4f6782312c6b8c10389cc142a53116b woloski committed May 30, 2012
Binary file not shown.
@@ -1,65 +1,202 @@
-@model Thinktecture.IdentityServer.Web.ViewModels.SignInModel
-
-@{
- ViewBag.Title = "Username / Password Sign In";
- ViewBag.Meta = "<meta name=\"viewport\" content=\"width=320\" />";
-}
-
-<h2>Username / Password Sign In</h2>
-
-@Html.ValidationSummary(true, "Sign In was unsuccessful. Please correct the errors and try again.")
-
-@using (Html.BeginForm())
-{
- <div>
- <fieldset>
- <legend>Account Information</legend>
-
- <div class="editor-label">
- @Html.LabelFor(m => m.UserName)
- </div>
- <div class="editor-field-slim">
- @Html.TextBoxFor(m => m.UserName)
- @Html.ValidationMessageFor(m => m.UserName)
- </div>
-
- <div class="editor-label">
- @Html.LabelFor(m => m.Password)
- </div>
- <div class="editor-field-slim">
- @Html.PasswordFor(m => m.Password)
- @Html.ValidationMessageFor(m => m.Password)
- </div>
-
- <div class="editor-label">
- @Html.CheckBoxFor(m => m.EnableSSO)
- @Html.LabelFor(m => m.EnableSSO)
- </div>
-
- <p>
- <input type="submit" value="Sign In" />
- </p>
- </fieldset>
-
- <br />
-
- @if ((ViewBag.ShowClientCertificateLink != null) && (ViewBag.ShowClientCertificateLink))
- {
- @Html.ActionLink("Use client certificate", "CertificateSignIn", new { returnUrl = ViewBag.ReturnUrl })
- }
- </div>
-}
-
-@if (false)
-{
- <script src="../../Scripts/jquery-1.7.1.js" type="text/javascript" />
-}
-
-<script type="text/javascript">
- $(function () {
-
- $("#UserName").focus();
-
- });
-
-</script>
+@model Thinktecture.IdentityServer.Web.ViewModels.SignInModel
+
+@{
+ Layout = null;
+}
+
+<!DOCTYPE html>
+<html lang="es"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<title>Login Form</title>
+<style type="text/css">
+* {
+outline: none;
+}
+
+a {
+color: #00A5F0;
+text-decoration: none;
+-webkit-transition: color .2s linear;
+-moz-transition: color .2s linear;
+}
+
+a:hover {
+color: #24BBFF;
+}
+
+::selection {
+background: #E92C6C;
+color: white;
+text-shadow: 0 1px rgba(0, 0, 0, .2);
+}
+
+::-moz-selection {
+background: #E92C6C;
+color: white;
+text-shadow: 0 1px rgba(0, 0, 0, .2);
+}
+
+::-o-selection {
+background: #E92C6C;
+color: white;
+text-shadow: 0 1px rgba(0, 0, 0, .2);
+}
+
+body#login-page {
+min-width: 600px;
+}
+
+body {
+margin: 0;
+background-color: #DDD;
+color: #222;
+font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
+min-width: 1080px;
+}
+
+.validation-summary-errors
+{
+color: white;
+text-align: center;
+width: 300px;
+padding: 10px 0 0;
+margin: 0 auto;
+margin-top: 20px;
+border: 1px solid #eee;
+background-color: black;
+border-radius: 5px;
+-webkit-border-radius: 5px;
+-moz-border-radius: 5px;
+font-size: 12px;
+}
+
+.validation-summary-errors ul
+{
+ list-style-type: none
+}
+
+.login-wrap .mensaje {
+text-shadow: 0 1px 0 #EEE;
+color: #222;
+text-align: center;
+width: 600px;
+padding: 15px 0 0;
+margin: 0 auto;
+margin-top: 110px;
+}
+
+.login-wrap h2 {
+font-size: 28px;
+margin: 0;
+}
+
+form#form-logeo {
+width: 280px;
+margin: 15px auto;
+padding-top: 30px;
+}
+
+form.generic .field {
+margin-bottom: 10px;
+}
+
+form.generic label {
+display: block;
+font-weight: bold;
+font-size: 12px;
+color: #212121;
+text-shadow: 0 1px 0 #EEE;
+margin-bottom: 8px;
+}
+
+form#form-logeo input.text {
+width: 258px;
+}
+
+form.generic input.text {
+font-size: 14px;
+border-color: #DDD;
+-webkit-transition: border-color .2s linear;
+-moz-transition: border-color .2s linear;
+border: 1px solid #BBB;
+border-radius: 5px;
+-webkit-border-radius: 5px;
+-moz-border-radius: 5px;
+box-shadow: 0 1px 0 #eee;
+-webkit-box-shadow: 0 1px 0 #eee;
+-moz-box-shadow: 0 1px 0 #eee;
+display: block;
+width: auto;
+border-image: initial;
+}
+
+form input.text, form input.search, .contact-wrapper textarea {
+padding: 10px;
+margin: 0;
+font: 14px "HelveticaNeue", Helvetica, Arial, sans-serif;
+}
+
+form.generic label span {
+color: #878787;
+font-weight: normal;
+}
+
+form.generic .btnlogeo {
+overflow: hidden;
+}
+
+form.generic #login-submit {
+height: 36px;
+width: 280px;
+padding: 0 0 1px;
+}
+
+form.generic a.button, form.generic #login-submit {
+cursor: pointer;
+display: block;
+line-height: 34px;
+padding: 0 20px;
+font-size: 12px;
+font-weight: bold;
+font-family: inherit;
+background-color: #00A5F0;
+color: white;
+border-radius: 5px;
+-webkit-border-radius: 5px;
+-moz-border-radius: 5px;
+border: 1px solid rgba(0, 0, 0, .2);
+box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
+-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
+-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
+text-shadow: 0 -1px rgba(0, 0, 0, .2);
+text-align: center;
+border-image: initial;
+}
+</style>
+
+</head>
+
+<body id="login-page">
+<div class="login-wrap">
+<div class="mensaje">
+<h2>Contoso Login</h2>
+</div>
+@Html.ValidationSummary(true)
+<form id="form-logeo" class="generic" method="post">
+<div id="login-user" class="field">
+<label>Username</label>
+<input id="login-username" type="text" class="text" name="username" placeholder="enter your username" tabindex="1" maxlength="200">
+@Html.ValidationMessageFor(m => m.UserName)
+</div>
+
+<div id="login-pass" class="field">
+<label>Password<span><a href="#"></label>
+<input id="login-password" type="password" class="text" name="password" placeholder="enter your password" tabindex="3" maxlength="32">
+@Html.ValidationMessageFor(m => m.Password)
+</div>
+<div class="btnlogeo">
+<input id="login-submit" type="submit" value="Sign in">
+</div>
+</form>
+</div>
+</body></html>
@@ -0,0 +1,65 @@
+@model Thinktecture.IdentityServer.Web.ViewModels.SignInModel
+
+@{
+ ViewBag.Title = "Username / Password Sign In";
+ ViewBag.Meta = "<meta name=\"viewport\" content=\"width=320\" />";
+}
+
+<h2>Username / Password Sign In</h2>
+
+@Html.ValidationSummary(true, "Sign In was unsuccessful. Please correct the errors and try again.")
+
+@using (Html.BeginForm())
+{
+ <div>
+ <fieldset>
+ <legend>Account Information</legend>
+
+ <div class="editor-label">
+ @Html.LabelFor(m => m.UserName)
+ </div>
+ <div class="editor-field-slim">
+ @Html.TextBoxFor(m => m.UserName)
+ @Html.ValidationMessageFor(m => m.UserName)
+ </div>
+
+ <div class="editor-label">
+ @Html.LabelFor(m => m.Password)
+ </div>
+ <div class="editor-field-slim">
+ @Html.PasswordFor(m => m.Password)
+ @Html.ValidationMessageFor(m => m.Password)
+ </div>
+
+ <div class="editor-label">
+ @Html.CheckBoxFor(m => m.EnableSSO)
+ @Html.LabelFor(m => m.EnableSSO)
+ </div>
+
+ <p>
+ <input type="submit" value="Sign In" />
+ </p>
+ </fieldset>
+
+ <br />
+
+ @if ((ViewBag.ShowClientCertificateLink != null) && (ViewBag.ShowClientCertificateLink))
+ {
+ @Html.ActionLink("Use client certificate", "CertificateSignIn", new { returnUrl = ViewBag.ReturnUrl })
+ }
+ </div>
+}
+
+@if (false)
+{
+ <script src="../../Scripts/jquery-1.7.1.js" type="text/javascript" />
+}
+
+<script type="text/javascript">
+ $(function () {
+
+ $("#UserName").focus();
+
+ });
+
+</script>
@@ -279,6 +279,9 @@
<Content Include="auth10idp-signing.pfx" />
<Content Include="Configuration\connectionStrings.release.config" />
</ItemGroup>
+ <ItemGroup>
+ <Content Include="Views\Account\SignIn.old.cshtml" />
+ </ItemGroup>
<Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" />
<!-- To modify your build process, add your task inside one of the targets below and uncomment it.

0 comments on commit d961898

Please sign in to comment.