mirror of https://github.com/evilhero/mylar
89 lines
1.5 KiB
CSS
89 lines
1.5 KiB
CSS
|
@font-face {
|
||
|
font-family: 'Lato';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
background: #808080 ;
|
||
|
font-family: "Lato" ;
|
||
|
}
|
||
|
.wrap {
|
||
|
width:250px;
|
||
|
height: auto;
|
||
|
margin: auto;
|
||
|
margin-top: 10%;
|
||
|
}
|
||
|
.avatar {
|
||
|
width: 100%;
|
||
|
margin: auto;
|
||
|
width: 65px;
|
||
|
border-radius: 100px;
|
||
|
height: 65px;
|
||
|
background: #808080 ;
|
||
|
position: relative;
|
||
|
bottom: -15px;
|
||
|
}
|
||
|
.avatar img {
|
||
|
width: 55px;
|
||
|
height: 55px;
|
||
|
border-radius: 100px;
|
||
|
margin: auto;
|
||
|
border:3px solid #fff;
|
||
|
display: block;
|
||
|
}
|
||
|
.wrap input {
|
||
|
border: none;
|
||
|
background: #fff;
|
||
|
font-family:Lato ;
|
||
|
font-weight:700 ;
|
||
|
display: block;
|
||
|
height: 40px;
|
||
|
outline: none;
|
||
|
width: calc(100% - 24px) ;
|
||
|
margin: auto;
|
||
|
padding: 6px 12px 6px 12px;
|
||
|
}
|
||
|
.bar {
|
||
|
width: 100%;
|
||
|
height: 1px;
|
||
|
background: #fff ;
|
||
|
}
|
||
|
.bar i {
|
||
|
width: 95%;
|
||
|
margin: auto;
|
||
|
height: 1px ;
|
||
|
display: block;
|
||
|
background: #d1d1d1;
|
||
|
}
|
||
|
.wrap input[type="text"] {
|
||
|
border-radius: 7px 7px 0px 0px ;
|
||
|
}
|
||
|
.wrap input[type="password"] {
|
||
|
border-radius: 0px 0px 7px 7px ;
|
||
|
}
|
||
|
.forgot_link {
|
||
|
color: #83afdf;
|
||
|
text-decoration: none;
|
||
|
font-size: 11px;
|
||
|
position: relative;
|
||
|
left: 193px;
|
||
|
top: -36px;
|
||
|
}
|
||
|
.wrap button {
|
||
|
width: 100%;
|
||
|
border-radius: 7px;
|
||
|
background: #666666;
|
||
|
text-decoration: center;
|
||
|
border: none;
|
||
|
color: #ffffff;
|
||
|
margin-top:-5px;
|
||
|
padding-top: 14px;
|
||
|
padding-bottom: 14px;
|
||
|
outline: none;
|
||
|
font-size: 13px;
|
||
|
border-bottom: 3px solid #404040;
|
||
|
cursor: pointer;
|
||
|
}
|