Added proper support for font size and color

[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / avatarEdit.tpl
diff --git a/com.woltlab.wcf/templates/avatarEdit.tpl b/com.woltlab.wcf/templates/avatarEdit.tpl

index a2cd0c127b06f111bfc4bbec3f39cd8fdc0727c6..eba0a80bdbf21088001da50e32ab669c379de759 100644 (file)
--- a/com.woltlab.wcf/templates/avatarEdit.tpl
+++ b/com.woltlab.wcf/templates/avatarEdit.tpl
@@ -1,23 +1,7 @@
-{include file='documentHeader'}
-
-<head>
-       <title>{lang}wcf.user.avatar.edit{/lang} - {lang}wcf.user.usercp{/lang} - {PAGE_TITLE|language}</title>
-       
-       {include file='headInclude'}
-</head>
-
-<body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
-
  {include file='userMenuSidebar'}
  
  {include file='header'}
  
-<header class="contentHeader">
-       <h1 class="contentTitle">{lang}wcf.user.avatar.edit{/lang}</h1>
-</header>
-
-{include file='userNotice'}
-
  {if $__wcf->user->disableAvatar}
         <p class="error">{lang}wcf.user.avatar.error.disabled{/lang}</p>
  {/if}
@@ -28,23 +12,9 @@
         <p class="success">{lang}wcf.global.success.edit{/lang}</p>
  {/if}
  
-<div class="contentNavigation">
-       {hascontent}
-               <nav>
-                       <ul>
-                               {content}
-                                       {event name='contentNavigationButtons'}
-                               {/content}
-                       </ul>
-               </nav>
-       {/hascontent}
-</div>
-
  <form method="post" action="{link controller='AvatarEdit'}{/link}" id="avatarForm">
-       <section class="section">
-               <h2 class="sectionTitle">{lang}wcf.user.avatar{/lang}</h2>
-                       
-               <dl>
+       <div class="section avatarEdit">
+               <dl class="avatarType">
                         <dt></dt>
                         <dd>
                                 <label><input type="radio" name="avatarType" value="none" {if $avatarType == 'none'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.none{/lang}</label>
@@ -53,7 +23,7 @@
                 </dl>
                 
                 {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
-                       <dl class="jsOnly{if $errorField == 'custom'} formError{/if}" id="avatarUpload">
+                       <dl class="avatarType jsOnly{if $errorField == 'custom'} formError{/if}" id="avatarUpload">
                                 <dt>
                                         {if $avatarType == 'custom'}
                                                 {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
@@ -62,7 +32,7 @@
                                                         {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(96)}
                                                 {/if}
                                         {else}
-                                               <img src="{@$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="userAvatarImage icon96" />
+                                               <img src="{@$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="userAvatarImage" style="width: 96px; height: 96px" />
                                         {/if}
                                 </dt>
                                 <dd>
@@ -70,7 +40,7 @@
                                         <small>{lang}wcf.user.avatar.type.custom.description{/lang}</small>
                                         
                                         {* placeholder for upload button: *}
-                                       <div></div>
+                                       <div class="avatarUploadButtonContainer"></div>
                                         
                                         {if $errorField == 'custom'}
                                                 <small class="innerError">
@@ -82,7 +52,7 @@
                 {/if}
                 
                 {if MODULE_GRAVATAR}
-                       <dl{if $errorField == 'gravatar'} class="formError"{/if}>
+                       <dl class="avatarType{if $errorField == 'gravatar'} formError{/if}">
                                 <dt><img src="https://secure.gravatar.com/avatar/{@$__wcf->user->email|strtolower|md5}?s=96{if GRAVATAR_DEFAULT_TYPE != '404'}&amp;d={@GRAVATAR_DEFAULT_TYPE}{/if}" alt="" class="userAvatarImage icon96" /></dt>
                                 <dd>
                                         <label><input type="radio" name="avatarType" value="gravatar" {if $avatarType == 'gravatar'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.gravatar{/lang}</label>
@@ -97,7 +67,7 @@
                 {/if}
                 
                 {event name='avatarFields'}
-       </section>
+       </div>
                 
         {event name='sections'}
         
@@ -109,8 +79,6 @@
         {/if}
  </form>
  
-{include file='footer'}
-
  {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
         <script data-relocate="true">
                 //<![CDATA[
@@ -137,5 +105,4 @@
         </script>
  {/if}
  
-</body>
-</html>
+{include file='footer'}