Digitalstack/myaac
2
0
Fork 0
mirror of https://github.com/slawkens/myaac.git synced 2025-04-29 18:59:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

Small changes in account.login.html.twig

Browse Source 
* change inputs width to 100%
* fix form closing
* formatting
This commit is contained in:
slawkens 2025-04-06 17:00:59 +02:00
parent 190697ce98
commit f40b986b59
2 changed files with 58 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
templates/tibiacom/account.login.html.twig
View File

@ -4,24 +4,25 @@
<input type="hidden" name="redirect" value="{{ redirect }}" /> <input type="hidden" name="redirect" value="{{ redirect }}" />
{% endif %} {% endif %}
<div class="TableContainer" > <div class="TableContainer" >
<table class="Table4" cellpadding="0" cellspacing="0" >
<div class="CaptionContainer" > <div class="CaptionContainer" >
<div class="CaptionInnerContainer" > <div class="CaptionInnerContainer" >
<span class="CaptionEdgeLeftTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span> <span class="CaptionEdgeLeftTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" ></span>
<span class="CaptionEdgeRightTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span> <span class="CaptionEdgeRightTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" ></span>
<span class="CaptionBorderTop" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span> <span class="CaptionBorderTop" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span>
<span class="CaptionVerticalLeft" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" /></span> <span class="CaptionVerticalLeft" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" ></span>
<div class="Text" >Account Login</div> <div class="Text" >Account Login</div>
<span class="CaptionVerticalRight" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" /></span> <span class="CaptionVerticalRight" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" ></span>
<span class="CaptionBorderBottom" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span> <span class="CaptionBorderBottom" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span>
<span class="CaptionEdgeLeftBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span> <span class="CaptionEdgeLeftBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" ></span>
<span class="CaptionEdgeRightBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span> <span class="CaptionEdgeRightBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" ></span>
</div> </div>
</div> </div>
<table class="Table4" cellpadding="0" cellspacing="0" >
<tr> <tr>
<td> <td>
<div class="InnerTableContainer" > <div class="InnerTableContainer" >
<table style="width:100%;" > <table style="width:100%;" >
<tbody>
<tr> <tr>
<td> <td>
<div class="TableShadowContainerRightTop" > <div class="TableShadowContainerRightTop" >
@ -30,20 +31,21 @@
<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-rm.gif);" > <div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-rm.gif);" >
<div class="TableContentContainer" > <div class="TableContentContainer" >
<table class="TableContent" width="100%" style="border:1px solid #faf0d7;" > <table class="TableContent" width="100%" style="border:1px solid #faf0d7;" >
<tbody>
<tr> <tr>
<td> <td>
<table style="float: left; width: 370px;" cellpadding="0" cellspacing="0" > <table style="float: left; width: 100%;" cellpadding="0" cellspacing="0" >
{{ hook('HOOK_ACCOUNT_LOGIN_BEFORE_ACCOUNT') }} {{ hook('HOOK_ACCOUNT_LOGIN_BEFORE_ACCOUNT') }}
<tr> <tr>
<td class="LabelV"> <td class="LabelV">
<span{% if error is not null %} class="red"{% endif %}>{{ account_login_by }}:</span> <span{% if error is not null %} class="red"{% endif %}>{{ account_login_by }}:</span>
</td> </td>
<td><input type="text" name="account_login" size="35" maxlength="{{ setting('core.account_login_by_email') ? '255' : '30' }}" autofocus /></td> <td><input style="width: 100%;" type="text" name="account_login" size="35" maxlength="{{ setting('core.account_login_by_email') ? '255' : '30' }}" autofocus /></td>
</tr> </tr>
{{ hook('HOOK_ACCOUNT_LOGIN_AFTER_ACCOUNT') }} {{ hook('HOOK_ACCOUNT_LOGIN_AFTER_ACCOUNT') }}
<tr> <tr>
<td class="LabelV" ><span{% if error is not null %} class="red"{% endif %}>Password:</span></td> <td class="LabelV" ><span{% if error is not null %} class="red"{% endif %}>Password:</span></td>
<td><input type="password" name="password_login" size="35" maxlength="29" /></td> <td><input style="width: 100%;" type="password" name="password_login" size="35" maxlength="29" /></td>
</tr> </tr>
{{ hook('HOOK_ACCOUNT_LOGIN_AFTER_PASSWORD') }} {{ hook('HOOK_ACCOUNT_LOGIN_AFTER_PASSWORD') }}
<tr> <tr>
@ -53,17 +55,19 @@
</tr> </tr>
{{ hook('HOOK_ACCOUNT_LOGIN_AFTER_REMEMBER_ME') }} {{ hook('HOOK_ACCOUNT_LOGIN_AFTER_REMEMBER_ME') }}
</table> </table>
<div style="float: right; font-size: 1px;" > </td>
<input type="hidden" name="page" value="overview" > <td id="LoginFormButtonCell">
<div style="float: right;" >
{{ include('buttons.login.html.twig') }} {{ include('buttons.login.html.twig') }}
</form>
<div style="width: 2px; height: 2px;" ></div> <div style="width: 2px; height: 2px;" ></div>
<form action="{{ getLink('account/lost') }}" method="post" style="padding:0px;margin:0px;" > <a href="{{ getLink('account/lost') }}" style="padding:0;margin:0;" >
{% set noSubmit = true %}
{{ include('buttons.account_lost.html.twig') }} {{ include('buttons.account_lost.html.twig') }}
</form> </a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody>
</table> </table>
</div> </div>
</div> </div>
@ -75,35 +79,40 @@
</div> </div>
</td> </td>
</tr> </tr>
</tbody>
</table> </table>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</form>
<br/> <br/>
<div style="text-align:center"> <div style="text-align:center">
<h1>New to {{ config.lua.serverName }}?</h1> <h1>New to {{ config.lua.serverName }}?</h1>
</div> </div>
<div class="TableContainer" > <div class="TableContainer" >
<table class="Table4" cellpadding="0" cellspacing="0" >
<div class="CaptionContainer" > <div class="CaptionContainer" >
<div class="CaptionInnerContainer" > <div class="CaptionInnerContainer" >
<span class="CaptionEdgeLeftTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span> <span class="CaptionEdgeLeftTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
<span class="CaptionEdgeRightTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span> <span class="CaptionEdgeRightTop" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
<span class="CaptionBorderTop" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span> <span class="CaptionBorderTop" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span>
<span class="CaptionVerticalLeft" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" /></span> <span class="CaptionVerticalLeft" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);"></span>
<div class="Text" >New Player</div> <div class="Text" >New Player</div>
<span class="CaptionVerticalRight" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);" /></span> <span class="CaptionVerticalRight" style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);"></span>
<span class="CaptionBorderBottom" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span> <span class="CaptionBorderBottom" style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);" ></span>
<span class="CaptionEdgeLeftBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span> <span class="CaptionEdgeLeftBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
<span class="CaptionEdgeRightBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);" /></span> <span class="CaptionEdgeRightBottom" style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
</div> </div>
</div> </div>
<table class="Table3" cellpadding="0" cellspacing="0" >
<tbody>
<tr> <tr>
<td> <td>
<div class="InnerTableContainer" > <div class="InnerTableContainer" >
<table style="width:100%;" > <table style="width:100%;" >
<tbody>
<tr> <tr>
<td> <td>
<div class="TableShadowContainerRightTop" > <div class="TableShadowContainerRightTop" >
@ -112,6 +121,7 @@
<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-rm.gif);" > <div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/global/content/table-shadow-rm.gif);" >
<div class="TableContentContainer" > <div class="TableContentContainer" >
<table class="TableContent" width="100%" style="border:1px solid #faf0d7;" > <table class="TableContent" width="100%" style="border:1px solid #faf0d7;" >
<tbody>
<tr> <tr>
<td > <td >
<div style="float: right; margin-top: 20px;" > <div style="float: right; margin-top: 20px;" >
@ -129,9 +139,12 @@
<div style="margin-left: 10px;" > <div style="margin-left: 10px;" >
<p>... where hardcore gaming meets fantasy.</p> <p>... where hardcore gaming meets fantasy.</p>
<p>... where friendships last a lifetime.</p> <p>... where friendships last a lifetime.</p>
<p>... unites adventurers since 2017!</p> <p>... unites adventurers since 1997!</p>
</div> </div>
</div> </div>
</td>
</tr>
</tbody>
</table> </table>
</div> </div>
</div> </div>
@ -143,10 +156,12 @@
</div> </div>
</td> </td>
</tr> </tr>
</tbody>
</table> </table>
</div> </div>
</td> </td>
</tr> </tr>
</tbody>
</table> </table>
</div> </div>
{{ hook('HOOK_ACCOUNT_LOGIN_AFTER_PAGE') }} {{ hook('HOOK_ACCOUNT_LOGIN_AFTER_PAGE') }}

6
templates/tibiacom/basic.css
View File

@ -36,6 +36,12 @@ img {
width: expression(document.body.clientWidth > 1200? "1200px": "100%" ); width: expression(document.body.clientWidth > 1200? "1200px": "100%" );
} }
#LoginFormButtonCell {
width: 145px;
vertical-align: top;
padding-right: 10px;
}
#ContentRow { #ContentRow {
position: relative; position: relative;
top: 155px; top: 155px;