transition: all .2s linear;
}
+/* inputs read only */
+input[type='text'][readonly="readonly"],
+input[type='search'][readonly="readonly"],
+input[type='email'][readonly="readonly"],
+input[type='password'][readonly="readonly"],
+textarea[readonly="readonly"] {
+ border-style: dotted;
+ border-color: rgba(0, 0, 0, .1);
+ background-color: transparent;
+ background-image: none;
+
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ -ms-box-shadow: none;
+ -o-box-shadow: none;
+ box-shadow: none;
+}
+
+/* inputs read only */
+input[type='text'][disabled="disabled"],
+input[type='search'][disabled="disabled"],
+input[type='email'][disabled="disabled"],
+input[type='password'][disabled="disabled"],
+textarea[disabled="disabled"] {
+ border-style: solid;
+ border-color: rgba(0, 0, 0, .5);
+ background-color: rgba(255, 255, 255, .5);
+}
+
/* Widths */
textarea {
<dl{if $errorField == 'username'} class="errorField"{/if}>
<dt><label for="username">{lang}wcf.global.createUser.username{/lang}</label></dt>
<dd>
- <input type="text" id="username" name="username" value="{$username}" class="long" />
+ <input type="text" id="username" name="username" value="{$username}" class="medium" />
{if $errorField == 'username'}
<small>
{if $errorType == 'empty'}{lang}wcf.global.createUser.error.empty{/lang}{/if}
<dl{if $errorField == 'email'} class="errorField"{/if}>
<dt><label for="email">{lang}wcf.global.createUser.email{/lang}</label></dt>
<dd>
- <input type="text" id="email" name="email" value="{$email}" class="long" />
+ <input type="text" id="email" name="email" value="{$email}" class="medium" />
{if $errorField == 'email'}
<small>
{if $errorType == 'empty'}{lang}wcf.global.createUser.error.empty{/lang}{/if}
<dl{if $errorField == 'confirmEmail'} class="errorField"{/if}>
<dt><label for="confirmEmail">{lang}wcf.global.createUser.confirmEmail{/lang}</label></dt>
<dd>
- <input type="text" id="confirmEmail" name="confirmEmail" value="{$confirmEmail}" class="long" />
+ <input type="text" id="confirmEmail" name="confirmEmail" value="{$confirmEmail}" class="medium" />
{if $errorField == 'confirmEmail'}
<small>
{if $errorType == 'notEqual'}{lang}wcf.global.createUser.error.confirmEmail.notEqual{/lang}{/if}
<dl{if $errorField == 'password'} class="errorField"{/if}>
<dt><label for="password">{lang}wcf.global.createUser.password{/lang}</label></dt>
<dd>
- <input type="password" id="password" name="password" value="{$password}" class="long" />
+ <input type="password" id="password" name="password" value="{$password}" class="medium" />
{if $errorField == 'password'}
<small>
{if $errorType == 'empty'}{lang}wcf.global.createUser.error.empty{/lang}{/if}
<dl{if $errorField == 'confirmPassword'} class="errorField"{/if}>
<dt><label for="confirmPassword">{lang}wcf.global.createUser.confirmPassword{/lang}</label></dt>
<dd>
- <input type="password" id="confirmPassword" name="confirmPassword" value="{$confirmPassword}" class="long" />
+ <input type="password" id="confirmPassword" name="confirmPassword" value="{$confirmPassword}" class="medium" />
{if $errorField == 'confirmPassword'}
<small>
{if $errorType == 'notEqual'}{lang}wcf.global.createUser.error.confirmPassword.notEqual{/lang}{/if}