Skip to content

Instantly share code, notes, and snippets.

@marothstein

marothstein/login_screen.html

Created October 8, 2013 21:19
Show Gist options
  • Save marothstein/6891896 to your computer and use it in GitHub Desktop.
Save marothstein/6891896 to your computer and use it in GitHub Desktop.
Download ZIP
Login screen for the Cube web cct
Raw
login_screen.html
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="VirtualTerminal.Login" %>
<!DOCTYPE html>
<html>
<head runat="server">
<link rel="stylesheet" type="text/css" href="https://raw.github.com/twbs/bootstrap/master/dist/css/bootstrap.min.css"/>
<style type="text/css">
article {
font-family: helvetica;
padding: 20px;
text-align: center;
width: 300px;
margin: 0 auto;
}
h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
margin-top: 20px;
}
fieldset { border: 0; }
fieldset legend { font-size: 24px; font-weight: bold; }
label { display: block; margin-bottom: 10px; font-weight: bold; font-size: 16px;}
input {}
.form-row { text-align: left; margin-bottom: 10px; }
.form-row label {}
.form-row label .subtext { text-align: center; font-weight: normal; }
.form-row input {}
#order-info { }
#order-info .form-row input {
padding-left: 10px;
padding-right: 10px;
display: block;
height: 40px;
font-size: 24px;
width: 100%;
}
#payment-info {}
#payment-info .form-row { overflow: hidden; margin-bottom: 3px; }
#payment-info .form-row label { float: left; margin-bottom: 0; line-height: 20px; padding-top: 3px;}
#payment-info .form-row input { float: right; min-width: 150px; height: 20px; font-size: 16px; }
#order-controls {}
#order-controls #b_process_payment { float: left; width: 47%; font-size: 16px; height: 40px; }
#order-controls #b_clear { float: right; width: 47%; font-size: 16px; height: 40px; }
#login { width: ;}
#login .form-row label { margin-bottom: 0; }
#login .form-row input {
padding-left: 10px;
padding-right: 10px;
display: block;
height: 40px;
font-size: 24px;
width: 100%;
}
#login-controls {}
#login-controls .login-button {
font-size: 16px;
height: 40px;
width: 100%;
margin-bottom: 3px;
}
</style>
</head>
<body>
<article class="login">
<form id="form1" runat="server">
<header>
<img
alt="Cube / Virtual Terminal"
class="auto-style2"
longdesc="Cube / Virtual Terminal"
src="https://virtualterminal.getcube.com/images/logo.png" />
<h1>Virtual Terminal</h1>
</header>
<fieldset id="login">
<div class="form-row">
<label for="tb_email">Email Address</label>
<!-- <input name="tb_email" type="email"/> -->
<asp:TextBox ID="tb_email" runat="server"></asp:TextBox>
</div>
<div class="form-row">
<label for="tb_password">Password</label>
<!-- <input name="tb_password" type="text"/> -->
<asp:TextBox ID="tb_password" runat="server" TextMode="Password"></asp:TextBox>
</div>
</fieldset>
<fieldset id="login-controls">
<!-- <button ID="sign_in" class="login-button" runat="server" OnClick="sign_in_Click">Sign In</button> -->
<!-- <button ID="recover" class="login-button" runat="server" OnClick="recover_Click" target="_blank">Recover</button> -->
<!-- <button ID="sign_up" class="login-button" runat="server" OnClick="sign_up_Click" target="_blank">Sign Up</button> -->
<!-- <button ID="management" class="login-button" runat="server" OnClick="management_Click" target="_blank">Manage</button> -->
<asp:Button ID="sign_in" class="login-button" runat="server" Text="Sign In" OnClick="sign_in_Click" />
<asp:Button ID="recover" class="login-button" runat="server" Text="Recover" OnClick="recover_Click" target="_blank" />
<asp:Button ID="sign_up" class="login-button" runat="server" Text="Sign Up" OnClick="sign_up_Click" target="_blank" />
<asp:Button ID="management" class="login-button" runat="server" Text="Manage" OnClick="management_Click" target="_blank" />
</fieldset>
</div>
</form>
</article>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment