<h1 class="contentTitle">
{$user->username}
{if $user->banned}<span class="icon icon16 fa-lock jsTooltip jsUserBanned" title="{lang}wcf.user.banned{/lang}"></span>{/if}
- </h1>
- {if MODULE_USER_RANK}
- {if $user->getUserTitle()}
- <span class="badge userTitleBadge{if $user->getRank() && $user->getRank()->cssClassName} {@$user->getRank()->cssClassName}{/if}">{$user->getUserTitle()}</span>
- {/if}
- {if $user->getRank() && $user->getRank()->rankImage}
- <span class="userRankImage">{@$user->getRank()->getImage()}</span>
+ {if MODULE_USER_RANK}
+ {if $user->getUserTitle()}
+ <span class="badge userTitleBadge{if $user->getRank() && $user->getRank()->cssClassName} {@$user->getRank()->cssClassName}{/if}">{$user->getUserTitle()}</span>
+ {/if}
+ {if $user->getRank() && $user->getRank()->rankImage}
+ <span class="userRankImage">{@$user->getRank()->getImage()}</span>
+ {/if}
{/if}
- {/if}
+ </h1>
+
<div class="contentDescription">
<ul class="inlineList commaSeparated">
{if $user->isVisibleOption('gender') && $user->gender}<li>{lang}wcf.user.gender.{if $user->gender == 1}male{else}female{/if}{/lang}</li>{/if}
@include wcfLineHeight;
}
- }
-
- a {
- color: $wcfContentHeadlineLink;
- &:hover {
- color: $wcfContentHeadlineLinkActive;
+ a {
+ color: $wcfContentHeadlineLink;
+
+ &:hover {
+ color: $wcfContentHeadlineLinkActive;
+ }
}
}
}
@include screen-md-up {
display: flex;
+ align-items: flex-start;
.contentHeaderIcon {
flex: 0 0 64px;
backface-visibility: hidden;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5) 100%);
bottom: 0;
- left: 5px;
+ left: 2px;
position: absolute;
- right: 5px;
- top: 5px;
+ right: 2px;
+ top: 2px;
transform: translate3d(0, 0, 0);
}