css
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 h 1 { |
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 ; |
} |
0 comentarios