Skip to content

Instantly share code, notes, and snippets.

@geovanerocha
Created September 25, 2012 16:13
Show Gist options
  • Save geovanerocha/3782858 to your computer and use it in GitHub Desktop.
Save geovanerocha/3782858 to your computer and use it in GitHub Desktop.
Some page style @ CSS.
body{
background-color: #ebeeff;
background-image: url(../imagens/bgs/01.png);
}
#logoCliente{
margin-top: 5%;
margin-left: 38%;
margin-bottom: 20px;
}
#aviso{
margin-left: 30%;
font-family: trebuchet ms;
font-size: 14px;
color: #283488;
}
#caixaLogin{
background-color: #f4f5fc;
border-color: white;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
margin-top: 30px;
margin-left: 35%;
float: center;
width: 400px;
height: 200px;
font-family: trebuchet ms;
font-size: 12px;
color: #283488;
}
#caixaLoginHeader{
color: #283488;
margin-top: 5px;
font-family: trebuchet ms;
font-size: 18px;
opacity:0.50;
-moz-opacity: 0.50;
filter: alpha(opacity=50);
}
#caixaLoginFooter{
text-shadow:0px 5px 9px #000000;
color: #283488;
margin-top: 15px;
font-family: trebuchet ms;
font-size: 10px;
}
#txtUsuario{
font-weight: bold;
font-family: trebuchet ms;
color: #283488;
background-color: #f9f9f9;
border-style: solid;
border-width: 1px;
border-color: #dbdbdb;
height: 30px;
width: 50%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#txtUsuario:hover{
font-weight: bold;
font-family: trebuchet ms;
color: #283488;
background-color: #f9f9f9;
border-style: solid;
border-width: 1px;
border-color: #dbdbdb;
height: 30px;
width: 50%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
#lbltxtUsuario{
font-size: 14px;
}
#txtSenha{
font-weight: bold;
font-family: trebuchet ms;
color: #283488;
width: 50%;
margin-top: 3px;
background-color: #f9f9f9;
border-style: solid;
border-width: 1px;
border-color: #dbdbdb;
height: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#txtSenha:hover{
font-weight: bold;
font-family: trebuchet ms;
color: #283488;
width: 50%;
margin-top: 3px;
background-color: #f9f9f9;
border-style: solid;
border-width: 1px;
border-color: #dbdbdb;
height: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
#lbltxtSenha{
font-size: 14px;
}
#btnLogin{
margin-top: 10px;
font-family: trebuchet ms;
font-size: 16px;
color: #dee2ff;
background-color: #283488;
border: none;
width: 80px;
height: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#btnLogin:hover{
margin-top: 10px;
font-family: trebuchet ms;
font-size: 16px;
color: white;
background-color: #283488;
border: none;
width: 80px;
height: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment