diff --git a/templates/tibiacom/account.login.html.twig b/templates/tibiacom/account.login.html.twig index 7c117645..ba7568c8 100644 --- a/templates/tibiacom/account.login.html.twig +++ b/templates/tibiacom/account.login.html.twig @@ -108,11 +108,14 @@ <tr> <td > <div style="float: right; margin-top: 20px;" > + {% spaceless %} <form class="MediumButtonForm" action="{{ getLink('account/create') }}" method="post" > - <div class="MediumButtonBackground" style="background-image:url({{ template_path }}/images/global/buttons/mediumbutton.gif)" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);" ><div class="MediumButtonOver" style="background-image:url({{ template_path }}/images/global/buttons/mediumbutton-over.gif)" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);" ></div> + <div class="MediumButtonBackground" style="background-image:url({{ template_path }}/images/global/buttons/mediumbutton.gif)" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);"> + <div class="MediumButtonOver" style="background-image:url({{ template_path }}/images/global/buttons/mediumbutton-over.gif)" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);"></div> <input class="MediumButtonText" type="image" name="Create Account" alt="Create Account" src="{{ template_path }}/images/global/buttons/mediumbutton_createaccount.png" /> </div> </form> + {% endspaceless %} </div> <div id="LoginCreateAccountBox" > <p><b>{{ config.lua.serverName }}...</b></p> diff --git a/templates/tibiacom/basic.css b/templates/tibiacom/basic.css index 810fff57..d261cb32 100644 --- a/templates/tibiacom/basic.css +++ b/templates/tibiacom/basic.css @@ -1785,6 +1785,37 @@ img { color: white; } +/* BUTTONS */ +.MediumButtonText { + position: absolute; + top: 0; + left: 0; + height: 37px; + width: 150px; + z-index: 20; +} +.MediumButtonBackground { + position: relative; + top: 0; + left: 0; + width: 150px; + height: 37px; + z-index: 10; +} +.MediumButtonOver { + position: relative; + top: 0; + left: 0; + width: 150px; + height: 37px; + visibility: hidden; + z-index: 15; +} +.MediumButtonForm { + margin: 0; + padding: 0; +} + .moduleRow { } .moduleRowOver {