makes a 3d avatar builder available along side the classic avatar builder

app/assets/v2/css/avatar.css

@@ -47,3 +47,57 @@
   display:flex;
   justify-content: flex-end;
 }
+#tdavatartarget{
+  width: 400px;
+  height: 400px;
+  margin: 0px auto;
+  padding-left: 40px;
+}
+.tdselection{
+  height: 100px;
+  width: 100px;
+  vertical-align: none;
+  background-color: #eee;
+  border-radius: 5px;
+  margin: 10px;
+  cursor: pointer;
+}
+.tdselection:hover{
+  background-color: #bbb;
+}
+.tdselection.selected{
+  background-color: #aaa;
+}
+.select_avatar_type{
+  color: #9a9a9a;
+  padding: 5px;
+  border-bottom: 1px solid #9a9a9a;
+  margin: 0px auto;
+}
+.select_avatar_type.frame{
+  display: none;
+}
+.select_avatar_type:hover{
+  color: #9a9a9a;
+  font-weight: bold;
+  border-bottom: 2px solid #9a9a9a;
+  text-decoration: none;
+}
+.select_avatar_type.active{
+  color: #0D0764;
+  border-bottom: 1px solid #0D0764;
+}
+.tones{
+  list-style: none;
+  margin: 5px;
+}
+.tones li{
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  cursor: pointer
+}
+
+.tones li.selected{
+  border: 3px solid #aaa;
+}

app/assets/v2/css/profile.css

@@ -105,8 +105,6 @@
 .float_avatar_image img {
   height: 186px;
   width: 186px;
-  border: 3px solid #FFFFFF;
-  box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.50);
 }
 
 .avatar_edit {