From what I can see your skin does not have the styling for the user profile included or there is a removal of the default.css
In your new skin is the stylehelper skin object used to remove default.css ?
the control bar issue has to do with the fact that a lot of skins nowadays ( especially bootstrap ones ) are using the boz-sizing property and the defautl dnn styling does not behave very well in that setup
you can fix that by adding the below to your css thsi takes care of overriding all the items to look good
/* ADMIN */
#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after
{
-webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box !important; /* Firefox, other Gecko */
box-sizing: content-box !important; /* Opera/IE 8+ */
}
.dnnadminmega, .dnnadminmega:before, .dnnadminmega:after, .dnnadminmega *:before, .dnnadminmega *:after,
.dnnadminmega li, .dnnadminmega li:before, .dnnadminmega li:after,
.dnnadminmega a, .dnnadminmega a:before, .dnnadminmega a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after
{
-webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box !important; /* Firefox, other Gecko */
box-sizing: content-box !important; /* Opera/IE 8+ */
}