.profile--img { min-height: 80px; min-width: 80px; height: 80px; width: 8px; } .profile--displayname { font-weight: 700; font-size: 1.2em; margin-top: -0.165em; line-height: 1.33em; } .profile--username { font-size: 0.9em; color: rgba(0, 0, 0, 0.4); } .profile--admin { color: $brand-danger; text-transform: uppercase; font-weight: bold; font-size: 80%; } .profile--moderator { color: $brand-success; text-transform: uppercase; font-weight: bold; font-size: 80%; } .profile--supporter { color: $brand-warning; text-transform: uppercase; font-weight: bold; font-size: 80%; } .profile--text { margin-bottom: 2px; } .profile--header { position: absolute; z-index: 0; width: 100%; height: 40vh; background-color: darken($navbar-inverse-bg, 10%); background-size: cover; } .profile--panel .panel-heading { color: $brand-primary; border-bottom: 2px solid $brand-primary; background-color: #fff; text-transform: uppercase; } .profile--panel .panel-body { padding-top: 0px; } .inbox--panel .panel-heading { color: $brand-info; border-bottom: 2px solid $brand-info; background-color: #fff; text-transform: uppercase; } .warning--panel .panel-heading { color: $brand-danger; border-bottom: 2px solid $brand-danger; background-color: #fff; text-transform: uppercase; } .profile--follow-btn { margin-top: 5px; } .profile-avatar { width: 100%; height: auto; border: medium none; }