Added small Shadow to avatars - looks better

templates/css/theme.css

@@ -70,21 +70,26 @@ body.noscroll
   -webkit-border-radius: 30%;
   -moz-border-radius: 30%;
   border-radius: 30%;
+
+
 }
 
 /*.avatar {
   background: rgba(0, 0, 0, 0.2);
-}*/
+  }*/
 
-.avatar img {
+  .avatar img {
     border-radius: 40px;
     position:center;
     width: 80px;
     height: 80px;
     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:
 {
@@ -94,43 +99,46 @@ body.noscroll
 
   /*position: relative !important;*
  
-}*/
+  }*/
 
-.campusAvatar img
-{
+  .campusAvatar img
+  {
 /*
     margin-top: 1em;
     margin-right: 1em;
     position: center;
-*/
+    */
 
     border-radius: 40px;
     position:center;
     width: 80px;
     height: 80px;
     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-left: auto;
-}
+  }
 
-.port_spacer{
+  .port_spacer{
     margin-top: auto;
     margin-bottom: auto;
-}
+  }
 
-.mail_suffix{
+  .mail_suffix{
     margin-top: auto;
-}
+  }
 
 /*div.img campusAvatar
 {
   border: 1px solid #0000ff;
   padding-right: 10px;
   float:right;
-}*/
+  }*/
 
 /*.dropDown /* TODO *
 {