Mini Shell
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="admin_login" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Protart Admin</title>
<style type="text/css">
@font-face {
}
p.customfont {
font-family:Arial;
font-size:18pt;
color:#c60000;
}
p.customfont2 {
font-family:Arial;
font-size:14pt;
color:#c60000;
margin-left:auto;
margin-right:auto;
width:105px;
}
p.customfont3 {
font-family:Arial;
font-size:12pt;
color:#A0A0A0;
margin-left:auto;
margin-right:auto;
}
p.customfont4 {
font-family:Arial;
font-size:12pt;
color:#c60000;
margin:auto;
margin-top:300px;
bottom:0px;
width:90px;
cursor:pointer;
text-decoration:none;
}
p.customfont4:hover {
color:red;
text-decoration:none;
}
.centers
{
position:absolute; top:0; bottom:0; left:0; right:0;
margin:auto; width:70%;
background-color:#F0F0F0;
width:400px;
height:450px;
-moz-box-shadow: 0px 0px 5px #A0A0A0;-webkit-box-shadow: 0px 0px 5px #A0A0A0;box-shadow: 0px 0px 5px #A0A0A0;
z-index:1;
opacity:0.8;
}
.barra
{
background-color:#c60000;
max-width:400px;
height:120px;
position:absolute; top:0; bottom:0; left:0; right:0;
margin:auto; width:100%;
-moz-box-shadow: 0px 0px 3px #c60000;-webkit-box-shadow: 0px 0px 3px #c60000;box-shadow: 0px 0px 3px #c60000;
z-index:2;
}
.forms
{
z-index:1;
max-width:300px;
height:250px;
position:absolute; top:0; bottom:0; left:0; right:0;
margin:auto; width:70%;
background-color:white;
-moz-box-shadow: 0px 0px 5px #A0A0A0;-webkit-box-shadow: 0px 0px 5px #A0A0A0;box-shadow: 0px 0px 5px #A0A0A0;
}
.tex
{
border:2px solid #c60000;
border-radius:10px;
height: 30px;
max-width: 230px;
padding-left:5px;
margin:auto;
color:silver;
}
body
{
background-color:#191919;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.reservar { position:absolute; width:100px; padding:10px; background-color:#c60000; text-align:center; color:white; font-family:Arial;
font-size:12pt; margin-left:65px; text-decoration:none; margin-top:5px;
}
.reservar:hover
{
background-color:red;
}
.limpar { font-size:12pt;
color:#c60000;
margin:auto;
margin-top:300px;
bottom:0px;
width:90px;
cursor:pointer;
text-decoration:none;
}
.limpar:hover { color:red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="loginBox" class="centers">
<div style=" margin:auto; max-width:200px; margin-top:15px">
<img width="200" alt="" src="../_include/img/logo2.png" />
</div>
<div class="barra">
<div class="forms">
<p class="customfont2">Área restrita</p><br />
<div style="margin-left:25px; margin-top:-20px">
<p class="customfont3">Email <asp:TextBox ID="TextBox3" CssClass="tex" runat="server"></asp:TextBox><br /></p>
<p class="customfont3" >Pass  <asp:TextBox ID="TextBox1" CssClass="tex" runat="server" TextMode="Password" ></asp:TextBox><br /></p>
<asp:LinkButton class="reservar" ID="LinkButton2" OnClick="LinkButton2_Click" runat="server" ForeColor="White">Entrar</asp:LinkButton>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
Zerion Mini Shell 1.0