Here's the CSS for the profile page. I've highlighted the CSS for those particular buttons.
/* User profile styles */
.profile-title {
height: 150px;
background: rgba(0, 0, 0, 0.2);
border-bottom: 5px solid
border-color;
padding: 10px;
padding-bottom: 0;
}
.p-name {
height: 138px;
background:
border-1;
text-align: center;
line-height: 40px;
}
.p-name div.name {
font-family:
main-decorative-font;
font-size: 25px;
text-transform: uppercase;
letter-spacing: 2px;
height: 40px;
}
.p-rank {
height: 30px;
background:
border-1;
font-family:
small-decorative-font;
font-size: 12px;
line-height: 30px;
letter-spacing: 1px;
text-transform: uppercase;
}
.pp-buttons {
height: 40px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
}
a.pp-button {
padding-right: 20px;
display: inline-block;
height: 40px;
color: @text-color !important;
font-size: 15px;
font-family: small-decorative-font;
letter-spacing: 0px;
vertical-align: middle;
}a.follow_button {
padding-right: 20px;
background: none !important;
border: none !important;
font-family:
small-decorative-font !important;
color: @text-color !important;
font-size: 15px !important;
line-height: 40px !important;
height: 40px;
letter-spacing: 0px;
}
a.pp-button:hover, a.follow_button:hover {
color: Link-color !important;
}#options-container, #posting-options-container {
width: 40px;
height: 40px;
display: inline-block;
background: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
vertical-align: middle;
}
#posting-options-container {
height: 28px !important;
}
#posting-options-container .status {
line-height: 28px !important;
}
#options-container .status, #posting-options-container .status {
color: @text-color !important;
height: inherit !important;
width: inherit;
}
#options-container .status:hover, #posting-options-container .status:hover {
color:
Link-color !important;
}
.profile-signature {
border-top: 3px solid
border-color;
background:
border-1;
padding: 10px;
}
.p-summary {
border:
border-4;
background:
border-1;
}
.online-last {
border-bottom: 1px solid @highlight-color;
line-height: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-family:
small-decorative-font;
background:
border-2;
}
.personaltext {
line-height: 14px;
text-align: center;
font-size: 10px;
padding: 10px 0;
margin-top: -34px;
}
.p-summary .customfields {
width: 100%;
border-spacing: 10px;
border-collapse: separate;
background:
border-1;
line-height: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
font-family:
small-decorative-font;
}
.p-summary .customfields td {
background: @highlight-color;
border: 1px solid
border-2;
}
.p-summary .customfields td a:hover {
color:
Link-color-hover !important;
}
.p-summary .stats {
width: 100%;
border-spacing: 25px;
border-collapse: separate;
}
.p-summary .stats .stat {
background:
border-1;
border: 1px solid @highlight-color;
padding: 32px 0;
height: 36px;
line-height: 24px;
text-align: center;
font-size: 24px;
text-transform: uppercase;
font-family:
main-decorative-font;
}
.p-summary .stats .stat .text, .p-summary .stats .stat .money_text {
display: block;
height: 12px;
line-height: 12px;
font-size: 12px;
font-family:
small-decorative-font;
text-align: center;
}
.activity, .following {
background: none !important;
}
.activity .avatar, .following .avatar {
display: none;
}
.activity td, .following td, .following th, .groups td, .notifications td {
border: none !important;
padding: 5px !important;
font-family:
small-decorative-font;
line-height: 15px;
text-transform: uppercase;
}
a.show-more {
border: none !important;
background: @secondary-box-background;
text-transform: uppercase;
height: 30px;
line-height: 30px;
font-family:
small-decorative-font;
font-size: 12px;
letter-spacing: 1px;
color: @text-color !important;
margin-top: 10px;
}
/* End user profile styles */
Oh that's an easy fix then. I'll just add a titlebar with the username. I think the theme only shows the display name rather than the username, so I just added it back.
