+ {if $user->userID == $__wcf->user->userID} + {@$user->getAvatar()->getImageTag(128)} + {else} + {@$user->getAvatar()->getImageTag(128)} + {/if} +

+ +

session->getPermission('admin.user.canBanUser')} + data-banned="{@$user->banned}" + {/if} + {if $__wcf->session->getPermission('admin.user.canDisableAvatar')} + data-disable-avatar="{@$user->disableAvatar}" + {/if} + {if $__wcf->session->getPermission('admin.user.canDisableSignature')} + data-disable-signature="{@$user->disableSignature}" + {/if} + {/if}> +

+ {$user->username}{if $user->banned} {/if} + {if MODULE_USER_RANK} + {if $user->getUserTitle()} + {$user->getUserTitle()} + {/if} + {if $user->getRank() && $user->getRank()->rankImage} + {@$user->getRank()->getImage()} + {/if} + {/if} +

+ +

{lang}wcf.user.gender.{if $user->gender == 1}male{else}female{/if}{/lang}
{@$user->getAge()}
{lang}wcf.user.membersList.location{/lang}
{lang}wcf.user.profile.oldUsername{/lang}
{lang}wcf.user.membersList.registrationDate{/lang}

+ + {if $user->canViewOnlineStatus() && $user->getLastActivityTime()} +

{lang}wcf.user.usersOnline.lastActivity{/lang}: {@$user->getLastActivityTime()|time}
{@$user->getCurrentLocation()}

+ {/if} + + {hascontent} +

{if !$user->isProtected()}{lang}wcf.like.likesReceived{/lang}{else}{lang}wcf.like.likesReceived{/lang}{/if}: {#$user->likesReceived}
{lang}wcf.user.activityPoint{/lang}: {#$user->activityPoints}
{lang}wcf.user.profileHits{/lang}

+ {/hascontent} + +

+ {lang}wcf.user.searchUserContent{/lang} +
+
{lang}wcf.user.profile.report{/lang}
{lang}wcf.user.button.mail{/lang}
{lang}wcf.user.button.mail{/lang}
+ {lang}wcf.user.moderate{/lang} +
+

+ +

session->getPermission('admin.user.canBanUser')} - data-banned="{@$user->banned}" - {/if} - {if $__wcf->session->getPermission('admin.user.canDisableAvatar')} - data-disable-avatar="{@$user->disableAvatar}" - {/if} - {if $__wcf->session->getPermission('admin.user.canDisableSignature')} - data-disable-signature="{@$user->disableSignature}" - {/if} - {/if} ->{*todo*} -

- {if $user->userID == $__wcf->user->userID} - {@$user->getAvatar()->getImageTag()} - {else} - {@$user->getAvatar()->getImageTag()} - {/if} -

- -

{$user->username}{if $user->banned} {/if}

- - {if MODULE_USER_RANK} -

- {if $user->getUserTitle()} - {$user->getUserTitle()} - {/if} - {if $user->getRank() && $user->getRank()->rankImage} - {@$user->getRank()->getImage()} - {/if} -

- {/if} - -

{lang}wcf.user.gender.{if $user->gender == 1}male{else}female{/if}{/lang}
{@$user->getAge()}
{lang}wcf.user.membersList.location{/lang}
{lang}wcf.user.profile.oldUsername{/lang}
{lang}wcf.user.membersList.registrationDate{/lang}

- {if $user->canViewOnlineStatus() && $user->getLastActivityTime()} -

- {lang}wcf.user.usersOnline.lastActivity{/lang}: {@$user->getLastActivityTime()|time} - {if $user->getCurrentLocation()}{@$user->getCurrentLocation()}{/if} -

- {/if} - {hascontent} -

{if !$user->isProtected()}{lang}wcf.like.likesReceived{/lang}{else}{lang}wcf.like.likesReceived{/lang}{/if}: {#$user->likesReceived}
{lang}wcf.user.activityPoint{/lang}: {#$user->activityPoints}
{lang}wcf.user.profileHits{/lang}

- {/hascontent} - -

- {lang}wcf.user.searchUserContent{/lang} -
-
{lang}wcf.user.profile.report{/lang}
{lang}wcf.user.button.mail{/lang}
{lang}wcf.user.button.mail{/lang}
- {lang}wcf.user.moderate{/lang} -
-

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss index 6d32d007c4..e7ec8f3da3 100644 --- a/wcfsetup/install/files/style/layout/box.scss +++ b/wcfsetup/install/files/style/layout/box.scss @@ -108,16 +108,9 @@ /* styling for boxes in / position */ .boxesTop, .boxesBottom { - border-bottom: 1px solid $wcfContentBorderInner; - - .layoutBoundary { - padding: 40px 0; - } - .box { - &:not(:first-child) { - margin-top: 40px; - } + margin-bottom: 40px; + margin-top: 40px; } .boxWithImage { diff --git a/wcfsetup/install/files/style/layout/global.scss b/wcfsetup/install/files/style/layout/global.scss index 381dadd64b..f7876b3d09 100644 --- a/wcfsetup/install/files/style/layout/global.scss +++ b/wcfsetup/install/files/style/layout/global.scss @@ -43,9 +43,9 @@ .box32 { @include box(32px, 8px); } .box48 { @include box(48px, 10px); } .box64 { @include box(64px, 10px); } -.box96 { @include box(96px, 12px); } -.box128 { @include box(128px, 12px); } -.box256 { @include box(256px, 21px); } +.box96 { @include box(96px, 15px); } +.box128 { @include box(128px, 20px); } +.box256 { @include box(256px, 20px); } .wcfFontDefault { font-size: $wcfFontSizeDefault; diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss index 58bff68949..c4e466b742 100644 --- a/wcfsetup/install/files/style/ui/userProfile.scss +++ b/wcfsetup/install/files/style/ui/userProfile.scss @@ -1,75 +1,81 @@ -/* todo -.userProfile .sidebar { - > .userDetails { +.box.userProfileHeader { + background-image: url('../images/user-profile-header.jpg'); // todo + background-size: cover; + color: rgba(255, 255, 255, 1); + margin: 0; + padding: 40px 0; + text-shadow: 1px 1px 1px #000; + + .boxContent { + background-color: rgba(0, 0, 0, .4); + padding: 20px 0; + } + + .contentHeader { + color: rgba(255, 255, 255, 1); + margin: 5px 0 10px 0; + } + + .userDetails { position: relative; - text-align: center; - - > .buttonGroupNavigation > .buttonGroup, - > .dataList { - justify-content: center; - } - - > .buttonGroupNavigation, - > .dataList, - > .userActivity { - margin-top: 10px; + } + + .userAvatar { + > a { + display: block; } - > .dataList { - margin-top: 25px; - - &:before { - // TODO: border-top: 2px solid $wcfContentBorderAccent; - content: ""; - left: 0; - margin-top: -10px; - position: absolute; - right: 0; - } - } - - > .userActivity > span { - display: block; - - @extend .wcfFontSmall; + img { + box-sizing: content-box; + border: 2px solid $wcfContentBackground; } } -} - -.userProfile #profileContent { - > .tabMenu { - //margin-bottom: 30px; + + a { + color: rgba(255, 255, 255, 1); - > ul > li { - &:not(:last-child) { - margin-right: 30px; - } - - > a { - padding: 0; - text-transform: uppercase; - - @extend .wcfFontHeadline; - } + &:hover { + color: rgba(255, 255, 255, 1); + text-decoration: underline; } } -} - -#profileButtonContainer > li { - border-width: 0; - > a { - background-color: transparent; - border-width: 0; - // TODO: color: $wcfContentTextAccent !important; - padding: 5px; + dt { + color: rgba(255, 255, 255, 1); + } + + /* todo */ + .buttonGroupNavigation { + position: absolute; + right: 0; + top: 12px; - > .icon { - // TODO: color: $wcfContentTextAccent; + .buttonGroup { + > li { + &:not(:last-child) { + margin-right: 1px; + } + + .button { + background-color: rgba(255, 255, 255, .4); + color: rgb(0, 0, 0); + text-shadow: 1px 1px 1px rgb(255, 255, 255); + + .icon { + color: rgb(0, 0, 0); + text-shadow: 1px 1px 1px rgb(255, 255, 255); + } + + &:hover, + &.active { + background-color: rgba(255, 255, 255, .8); + text-decoration: none; + } + } + } } } } -*/ .userAvatarList { display: flex;