71 lines
1.1 KiB
SCSS
71 lines
1.1 KiB
SCSS
.userlist {
|
|
text-align:center;
|
|
width:100%;
|
|
margin:0px auto;
|
|
padding-top:30px;
|
|
position:relative;
|
|
line-height:0em;
|
|
|
|
.user {
|
|
margin:5px;
|
|
display:inline-block;
|
|
height:200px;
|
|
max-height:180px;
|
|
text-align:left;
|
|
position:relative;
|
|
width:296px;
|
|
border-radius:3px;
|
|
line-height:1.4em;
|
|
overflow:hidden;
|
|
box-shadow:0px 2px 5px rgba(0,0,0,0.20);
|
|
|
|
top:0px;
|
|
transition: box-shadow 0.2s, background-color 0.2s;
|
|
|
|
&:hover {
|
|
box-shadow:0px 3px 7px rgba(0,0,0,0.20);
|
|
}
|
|
|
|
table {
|
|
/* Border and background color given by theme */
|
|
border:1px solid transparent;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.bottom {
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
td {
|
|
vertical-align:top;
|
|
|
|
&.avatar {
|
|
width:100px;
|
|
height:80px;
|
|
}
|
|
}
|
|
|
|
.name {
|
|
text-align:left;
|
|
|
|
.username {
|
|
vertical-align:middle;
|
|
}
|
|
}
|
|
|
|
.avatar .image {
|
|
display:block;
|
|
float:left;
|
|
width:80px;
|
|
height:80px;
|
|
background-size:cover;
|
|
margin-right:10px;
|
|
}
|
|
|
|
.bio {
|
|
padding:5px;
|
|
}
|
|
}
|
|
}
|