css
14:56*= GENERAL STYLES --------------------------------------------------------*/ body { background : #efefef ; ...
14:56
*= GENERAL STYLES |
--------------------------------------------------------*/ |
body { |
background: #efefef; |
font-family: 'Open Sans', sans-serif; |
color: #777; |
} |
a { |
color: #f58220; |
font-weight: 400; |
} |
span { |
font-weight: 300; |
color: #f58220; |
} |
.mlogin { |
margin: 170px auto 0; |
} |
.mregister { |
margin: 80px auto 0; |
} |
.error { |
margin: 40px auto 0; |
border: 1px solid #777; |
padding: 3px; |
color: #fff; |
text-align: center; |
width: 650px; |
background: #f58220; |
} |
.regtext { |
font-size: 13px; |
margin-top: 26px; |
color: #777; |
} |
/*= CONTAINERS |
--------------------------------------------------------*/ |
.container { |
padding: 25px 16px 25px 10px; |
font-weight: 400; |
overflow: hidden; |
width: 350px; |
height: auto; |
background: #fff; |
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); |
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.13); |
box-shadow: 0 1px 3px rgba(0,0,0,.13); |
} |
#welcome { |
width: 500px; |
padding: 30px; |
background: #fff; |
margin: 160px auto 0; |
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); |
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.13); |
box-shadow: 0 1px 3px rgba(0,0,0,.13); |
} |
.container h1 { |
color: #777; |
text-align: center; |
font-weight: 300; |
border: 1px dashed #777; |
margin-top: 13px; |
} |
.container label { |
color: #777; |
font-size: 14px; |
} |
#login { |
width: 320px; |
margin: auto; |
padding-bottom: 15px; |
} |
.container form .input,.container input[type=text],.container input[type=password],.container input[type=e] { |
background: #fbfbfb; |
font-size: 24px; |
line-height: 1; |
width: 100%; |
padding: 3px; |
margin: 0 6px 5px 0; |
outline: none; |
border: 1px solid #d9d9d9; |
} |
.container form .input:focus { |
border: 1px solid #f58220; |
-webkit-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75); |
-moz-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75); |
box-shadow: 0 0 3px 0 rgba(245,130,32,0.75); |
} |
/*= BUTTONS |
--------------------------------------------------------*/ |
.button{ |
border: solid 1px #da7c0c; |
background: #f78d1d; |
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); |
background: -moz-linear-gradient(top, #faa51a, #f47a20); |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); |
color: #fff; |
padding: 7px 12px; |
-webkit-border-radius:4px; |
-moz-border-radius:4px; |
border-radius:4px; |
float: right; |
cursor: pointer; |
} |
.button:hover{ |
background: #f47c20; |
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); |
background: -moz-linear-gradient(top, #f88e11, #f06015); |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); |
} |
/*= FOOTER |
--------------------------------------------------------*/ |
footer { |
color: #777; |
font-size: 12px; |
text-align: center; |
margin-top: 20px; |
} |
