Added proper support for font size and color
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / messageSidebar.tpl
index c651ca19366f1214812125738c50ef42cfbc755b..a08425f9402d0ca9963cba6e7c7e37377c4e0c38 100644 (file)
@@ -2,37 +2,35 @@
        {assign var=__messageSidebarJavascript value=true}
 {/if}
 
-<aside class="messageSidebar{if MESSAGE_SIDEBAR_ENABLE_ONLINE_STATUS && $userProfile->isOnline()} userOnline{/if} {if $userProfile->userID}member{else}guest{/if}"{if $userProfile->userID} itemscope="itemscope" itemtype="http://data-vocabulary.org/Person"{/if}>
-       <div>
+<aside class="messageSidebar{if MESSAGE_SIDEBAR_ENABLE_ONLINE_STATUS && $userProfile->isOnline()} userOnline{/if} {if $userProfile->userID}member{else}guest{/if}"{if $userProfile->userID} itemscope itemtype="http://data-vocabulary.org/Person"{/if}>
+       <div class="messageAuthor">
+               {event name='messageAuthor'}
+               
                {if $userProfile->userID}
                        {assign var='username' value=$userProfile->username}
                        
-                       <header>
-                               <h2 class="username">
-                                       <a href="{link controller='User' object=$userProfile->getDecoratedObject()}{/link}" class="userLink" data-user-id="{@$userProfile->userID}" rel="author">
-                                               <span itemprop="name">{if MESSAGE_SIDEBAR_ENABLE_USER_ONLINE_MARKING}{@$userProfile->getFormattedUsername()}{else}{$username}{/if}</span>
-                                       </a>
-                                       {if $userProfile->banned}<span class="icon icon16 fa-lock jsTooltip jsUserBanned" title="{lang user=$userProfile}wcf.user.banned{/lang}"></span>{/if}
-                               </h2>
-                               
-                               {event name='header'}
-                       </header>
-                       
-                       {if MESSAGE_SIDEBAR_ENABLE_AVATAR}
-                               {if $userProfile->getAvatar()}
-                                       <div class="userAvatar">
-                                               {capture assign='__userAvatar'}{@$userProfile->getAvatar()->getImageTag(128)}{/capture}
-                                               <a href="{link controller='User' object=$userProfile->getDecoratedObject()}{/link}" class="framed">{@'<img'|str_replace:'<img itemprop="photo"':$__userAvatar}</a>
-                                               
-                                               {if MESSAGE_SIDEBAR_ENABLE_ONLINE_STATUS && $userProfile->isOnline()}<span class="badge green badgeOnline" title="{lang}wcf.user.online.title{/lang}">{lang}wcf.user.online{/lang}</span>{/if}
-                                       </div>
-                               {/if}
+                       {if $userProfile->getAvatar()}
+                               <div class="userAvatar">
+                                       {capture assign='__userAvatar'}{@$userProfile->getAvatar()->getImageTag(128)}{/capture}
+                                       <a href="{link controller='User' object=$userProfile->getDecoratedObject()}{/link}">{@'<img'|str_replace:'<img itemprop="photo"':$__userAvatar}</a>
+                                       
+                                       {if MESSAGE_SIDEBAR_ENABLE_ONLINE_STATUS && $userProfile->isOnline()}<span class="badge green badgeOnline" title="{lang}wcf.user.online.title{/lang}">{lang}wcf.user.online{/lang}</span>{/if}
+                               </div>
                        {/if}
                        
-                       {if MODULE_USER_RANK && MESSAGE_SIDEBAR_ENABLE_RANK}
+                       <div class="messageAuthorContainer">
+                               <a href="{link controller='User' object=$userProfile->getDecoratedObject()}{/link}" class="username userLink" data-user-id="{@$userProfile->userID}" rel="author">
+                                       <span itemprop="name">{if MESSAGE_SIDEBAR_ENABLE_USER_ONLINE_MARKING}{@$userProfile->getFormattedUsername()}{else}{$username}{/if}</span>
+                               </a>
+                               {if $userProfile->banned}<span class="icon icon16 fa-lock jsTooltip jsUserBanned" title="{lang user=$userProfile}wcf.user.banned{/lang}"></span>{/if}
+                               
+                               {event name='messageAuthorContainer'}
+                       </div>
+                       
+                       {if MODULE_USER_RANK}
                                {if $userProfile->getUserTitle()}
                                        <div class="userTitle">
-                                               <p class="badge userTitleBadge{if $userProfile->getRank() && $userProfile->getRank()->cssClassName} {@$userProfile->getRank()->cssClassName}{/if}" itemprop="title">{$userProfile->getUserTitle()}</p>
+                                               <span class="badge userTitleBadge{if $userProfile->getRank() && $userProfile->getRank()->cssClassName} {@$userProfile->getRank()->cssClassName}{/if}" itemprop="title">{$userProfile->getUserTitle()}</span>
                                        </div>
                                {/if}
                                {if $userProfile->getRank() && $userProfile->getRank()->rankImage}
                                {/if}
                        {/if}
                {else}
-                       <header>
-                               <h2 class="username">
-                                       <span>{$userProfile->username}</span>
-                               </h2>
+                       <div class="messageAuthorContainer">
+                               <span class="username">{$userProfile->username}</span>
                                
-                               {event name='header'}
-                       </header>
+                               {event name='messageAuthorContainer'}
+                       </div>
                        
                        <div class="userTitle">
-                               <p class="badge">{lang}wcf.user.guest{/lang}</p>
+                               <span class="badge">{lang}wcf.user.guest{/lang}</span>
                        </div>
                {/if}
-               
-               {event name='beforeCredits'}
-               
-               {if $userProfile->userID}
-                       {hascontent}
-                               <div class="userCredits">
-                                       <dl class="plain dataList">
-                                               {content}
-                                                       {if MODULE_LIKE && MESSAGE_SIDEBAR_ENABLE_LIKES_RECEIVED && $userProfile->likesReceived}
-                                                               <dt><a href="{link controller='User' object=$userProfile}{/link}#likes" class="jsTooltip" title="{lang user=$userProfile}wcf.like.showLikesReceived{/lang}">{lang}wcf.like.likesReceived{/lang}</a></dt>
-                                                               <dd>{#$userProfile->likesReceived}</dd>
-                                                       {/if}
-                                                       
-                                                       {if MESSAGE_SIDEBAR_ENABLE_ACTIVITY_POINTS && $userProfile->activityPoints}
-                                                               <dt><a href="#" class="activityPointsDisplay jsTooltip" title="{lang user=$userProfile}wcf.user.activityPoint.showActivityPoints{/lang}" data-user-id="{@$userProfile->userID}">{lang}wcf.user.activityPoint{/lang}</a></dt>
-                                                               <dd>{#$userProfile->activityPoints}</dd>
-                                                       {/if}
-                                                       {event name='userCredits'}
-                                                       {if MESSAGE_SIDEBAR_USER_OPTIONS && $userProfile->isAccessible('canViewProfile')}
-                                                               {assign var='__sidebarUserOptions' value=','|explode:MESSAGE_SIDEBAR_USER_OPTIONS}
-                                                               {foreach from=$__sidebarUserOptions item='__sidebarUserOption'}
-                                                                       {if $userProfile->getUserOption($__sidebarUserOption)}
-                                                                               {assign var='__formattedUserOption' value=$userProfile->getFormattedUserOption($__sidebarUserOption)}
-                                                                               {if $__formattedUserOption}
-                                                                                       <dt>{lang}wcf.user.option.{$__sidebarUserOption}{/lang}</dt>
-                                                                                       <dd{if $__sidebarUserOption == 'location'} itemprop="locality"{/if}>{@$__formattedUserOption}</dd>
-                                                                               {/if}
-                                                                       {/if}
-                                                               {/foreach}
-                                                       {/if}
-                                               {/content}
-                                       </dl>
-                               </div>
-                       {/hascontent}
-               {/if}
-               
-               {event name='afterCredits'}
        </div>
+       
+       {event name='beforeCredits'}
+       
+       {if $userProfile->userID}
+               {hascontent}
+                       <div class="userCredits">
+                               <dl class="plain dataList">
+                                       {content}
+                                               {if MODULE_LIKE && MESSAGE_SIDEBAR_ENABLE_LIKES_RECEIVED && $userProfile->likesReceived}
+                                                       <dt><a href="{link controller='User' object=$userProfile}{/link}#likes" class="jsTooltip" title="{lang user=$userProfile}wcf.like.showLikesReceived{/lang}">{lang}wcf.like.likesReceived{/lang}</a></dt>
+                                                       <dd>{#$userProfile->likesReceived}</dd>
+                                               {/if}
+                                               
+                                               {if MESSAGE_SIDEBAR_ENABLE_ACTIVITY_POINTS && $userProfile->activityPoints}
+                                                       <dt><a href="#" class="activityPointsDisplay jsTooltip" title="{lang user=$userProfile}wcf.user.activityPoint.showActivityPoints{/lang}" data-user-id="{@$userProfile->userID}">{lang}wcf.user.activityPoint{/lang}</a></dt>
+                                                       <dd>{#$userProfile->activityPoints}</dd>
+                                               {/if}
+                                               
+                                               {event name='userCredits'}
+                                               
+                                               {if MESSAGE_SIDEBAR_USER_OPTIONS && $userProfile->isAccessible('canViewProfile')}
+                                                       {assign var='__sidebarUserOptions' value=','|explode:MESSAGE_SIDEBAR_USER_OPTIONS}
+                                                       {foreach from=$__sidebarUserOptions item='__sidebarUserOption'}
+                                                               {if $userProfile->getUserOption($__sidebarUserOption)}
+                                                                       {assign var='__formattedUserOption' value=$userProfile->getFormattedUserOption($__sidebarUserOption)}
+                                                                       {if $__formattedUserOption}
+                                                                               <dt>{lang}wcf.user.option.{$__sidebarUserOption}{/lang}</dt>
+                                                                               <dd{if $__sidebarUserOption == 'location'} itemprop="locality"{/if}>{@$__formattedUserOption}</dd>
+                                                                       {/if}
+                                                               {/if}
+                                                       {/foreach}
+                                               {/if}
+                                       {/content}
+                               </dl>
+                       </div>
+               {/hascontent}
+       {/if}
+       
+       {event name='afterCredits'}
 </aside>