mirror of
https://github.com/opensourcepos/opensourcepos.git
synced 2026-05-24 16:28:40 -04:00
133
css/login.css
133
css/login.css
@@ -1,84 +1,87 @@
|
||||
body
|
||||
{
|
||||
text-align:center;
|
||||
}
|
||||
#container
|
||||
{
|
||||
position:relative;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-top:20px;
|
||||
width:360px;
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
|
||||
|
||||
*{margin:0;padding:0;}
|
||||
|
||||
body{
|
||||
background:#567;
|
||||
font-family:'Open Sans',sans-serif;
|
||||
}
|
||||
|
||||
#top
|
||||
{
|
||||
position:relative;
|
||||
width:100%;
|
||||
height:20px;
|
||||
padding:2px;
|
||||
background-color:#005B7F;
|
||||
text-align:center;
|
||||
font-family:Verdana;
|
||||
color:white;
|
||||
font-size:12pt;
|
||||
.button{
|
||||
width:100px;
|
||||
background:#3399cc;
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
margin-top:1%;
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
transition:background .3s;
|
||||
-webkit-transition:background .3s;
|
||||
}
|
||||
|
||||
#login_form
|
||||
{
|
||||
position:relative;
|
||||
width:100%;
|
||||
height:230px;
|
||||
padding:2px;
|
||||
font-family:Verdana;
|
||||
color:white;
|
||||
font-size:10pt;
|
||||
background-color:#A7A7A7;
|
||||
.button:hover{
|
||||
background:#2288bb;
|
||||
}
|
||||
|
||||
#welcome_message
|
||||
{
|
||||
text-align:center;
|
||||
margin-top:10px;
|
||||
margin-bottom:20px;
|
||||
#login{
|
||||
width:400px;
|
||||
margin:0 auto;
|
||||
margin-top:8px;
|
||||
margin-bottom:2%;
|
||||
transition:opacity 1s;
|
||||
-webkit-transition:opacity 1s;
|
||||
}
|
||||
|
||||
.error
|
||||
{
|
||||
margin:0 auto;
|
||||
border:3px solid #d3153b;
|
||||
background-color:#fbe6f2;
|
||||
padding:5px;
|
||||
width:80%;
|
||||
text-align:center;
|
||||
font-size:18px;
|
||||
margin-bottom:20px;
|
||||
|
||||
#triangle{
|
||||
width:0;
|
||||
border-top:12x solid transparent;
|
||||
border-right:12px solid transparent;
|
||||
border-bottom:12px solid #3399cc;
|
||||
border-left:12px solid transparent;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.form_field_label
|
||||
{
|
||||
float:left;
|
||||
margin-left:20px;
|
||||
width:30%;
|
||||
#login h1{
|
||||
background:#3399cc;
|
||||
padding:20px 0;
|
||||
font-size:140%;
|
||||
font-weight:300;
|
||||
text-align:center;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.form_field
|
||||
{
|
||||
float:left;
|
||||
width:30%;
|
||||
form{
|
||||
background:#f0f0f0;
|
||||
padding:6% 4%;
|
||||
}
|
||||
|
||||
#submit_button
|
||||
{
|
||||
position:absolute;
|
||||
bottom:60px;
|
||||
right:60px;
|
||||
input[type="text"],input[type="password"]{
|
||||
width:92%;
|
||||
background:#fff;
|
||||
margin-bottom:4%;
|
||||
border:1px solid #ccc;
|
||||
padding:4%;
|
||||
font-family:'Open Sans',sans-serif;
|
||||
font-size:95%;
|
||||
color:#555;
|
||||
}
|
||||
|
||||
input
|
||||
{
|
||||
font-family:Arial;
|
||||
input[type="submit"]{
|
||||
width:100%;
|
||||
background:#3399cc;
|
||||
border:0;
|
||||
padding:4%;
|
||||
font-family:'Open Sans',sans-serif;
|
||||
font-size:100%;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
transition:background .3s;
|
||||
-webkit-transition:background .3s;
|
||||
}
|
||||
|
||||
input[type="submit"]:hover{
|
||||
background:#2288bb;
|
||||
}
|
||||
Reference in New Issue
Block a user