I had made changes to two templates {additional.css, lostpw.css} and utilized an unused color tab from the StyleVars {Blocks}. This allowed me to select the colour of my choice and only affecting the 'Lost Password Form' without altering the rest of the selection boxes elsewhere.
Add this to the [additional.css]
PHP Code:
.avros {
background: #222937 !important;
border: 2px solid {vb:stylevar blockfoot_border.borderColor};
background:{vb:stylevar blockfoot_border};
padding:2px 2px;
outline:0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
To change the background colour of the input bar, you can alter the code in the second line above from [
background: #222937] to [
background: #
xxxxxx]
xxxxxx= any variable (colour) from your choosing.
{eg: #000000 = black, #FFFFFF = white}
Mofiy the [lostpw.cs] (copy the whole code and paste to the lostpw template is fine
PHP Code:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}">
<head>
{vb:raw headinclude}
<title>{vb:rawphrase lost_password_recovery_form} - {vb:raw vboptions.bbtitle}</title>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
<vb:if condition="$navbar">{vb:raw navbar}<vb:else /><br /><br /></vb:if>
<form action="login.php?do=emailpassword" method="post" class="vbform block">
<h2 class="blockhead">{vb:rawphrase lost_password_recovery_form}</h2>
<div class="blockbody formcontrols">
<div class="blockrow">
<p class="singledescription">{vb:rawphrase forgotten_password_request_email}</p>
</div>
<div class="blockrow">
<label for="email">{vb:rawphrase email_address}:</label>
<input type="text" class="avros" name="email" id="email" size="35" maxlength="90" value="{vb:raw email}" dir="ltr" tabindex="1" />
</div>
<vb:if condition="$human_verify">
{vb:raw human_verify}
</vb:if>
</div>
<div class="blockfoot actionbuttons">
<div class="group">
<input type="submit" class="button" value="{vb:rawphrase request_username_password_now}" accesskey="s" tabindex="1" />
</div>
</div>
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="emailpassword" />
<input type="hidden" name="url" value="{vb:raw url}" />
</form>
{vb:raw footer}
</body>
</html>
To change the colour of the border, enter the '
StyleVars', find '
Blocks', then the '
blockfoot_border'. No need to alter anything else.