Added small Shadow to avatars - looks better

This commit is contained in:
Sagi Dayan 2015-06-15 18:15:36 +03:00
parent ed7519305b
commit 39a5697fd0

View file

@ -63,74 +63,82 @@ body.noscroll
} }
.avatar { .avatar {
margin-top: 1em; margin-top: 1em;
margin-right: 1em; margin-right: 1em;
position: center; position: center;
-webkit-border-radius: 30%;
-moz-border-radius: 30%;
border-radius: 30%;
-webkit-border-radius: 30%;
-moz-border-radius: 30%;
border-radius: 30%;
} }
/*.avatar { /*.avatar {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
}*/ }*/
.avatar img { .avatar img {
border-radius: 40px; border-radius: 40px;
position:center; position:center;
width: 80px; width: 80px;
height: 80px; height: 80px;
margin: 6px; /*centers the image in the parent element */ margin: 6px; /*centers the image in the parent element */
} -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
/* Added BY devMatan */ /* Added BY devMatan */
/*.disabledSubmitButton: /*.disabledSubmitButton:
{ {
/*background: #f7f7f7;*/ /*background: #f7f7f7;*/
/*border-radius: 10000px;*/ /*border-radius: 10000px;*/
/*text-align: center;*/ /*text-align: center;*/
/*position: relative !important;* /*position: relative !important;*
}*/ }*/
.campusAvatar img .campusAvatar img
{ {
/* /*
margin-top: 1em; margin-top: 1em;
margin-right: 1em; margin-right: 1em;
position: center; position: center;
*/ */
border-radius: 40px; border-radius: 40px;
position:center; position:center;
width: 80px; width: 80px;
height: 80px; height: 80px;
margin: 6px; margin: 6px;
} -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.spacer{ .spacer{
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
.port_spacer{ .port_spacer{
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
} }
.mail_suffix{ .mail_suffix{
margin-top: auto; margin-top: auto;
} }
/*div.img campusAvatar /*div.img campusAvatar
{ {
border: 1px solid #0000ff; border: 1px solid #0000ff;
padding-right: 10px; padding-right: 10px;
float:right; float:right;
}*/ }*/
/*.dropDown /* TODO * /*.dropDown /* TODO *
{ {