better form lengths

redray

2009-03-08 ada1e6979c92651c13e8538881d2d756c7b54e6d

better form lengths

 interface/web/mail/templates/mail_get_edit.htm

@@ -21,7 +21,7 @@
            </div>

      <div class="ctrlHolder">

          <label for="source_password">{tmpl_var name='source_password_txt'}</label>

        <input name="source_password" id="source_password" value="{tmpl_var name='source_password'}" size="30" maxlength="255" type="text" class="textInput" />

        <input name="source_password" id="source_password" value="{tmpl_var name='source_password'}" size="30" maxlength="255" type="password" class="textInput" />

            </div>

      <div class="ctrlHolder">

                <p class="label">{tmpl_var name='source_delete_txt'}</p>


 interface/web/mail/templates/mail_transport_edit.htm

@@ -17,7 +17,7 @@
            </div>

            <div class="ctrlHolder">

          <label for="type">{tmpl_var name='type_txt'}</label>

        <select name="type" id="type" class="selectInput">

        <select name="type" id="type" class="selectInput formLengthHalf">

                    {tmpl_var name='type'}

                </select>

      </div>

@@ -33,7 +33,7 @@
            </div>

            <div class="ctrlHolder">

          <label for="sort_order">{tmpl_var name='sort_order_txt'}</label>

        <select name="sort_order" id="sort_order" class="selectInput">

        <select name="sort_order" id="sort_order" class="selectInput formLengthHalf">

                    {tmpl_var name='sort_order'}

                </select>

      </div>


 interface/web/mail/templates/mail_user_mailbox_edit.htm

@@ -8,9 +8,9 @@
      <div class="ctrlHolder">

        <p class="label"><em>*</em> {tmpl_var name='email_txt'}</p>

        <div class="multiField">

          <label for="email_local_part" class="blockLabel">Alias<input type="text" id="email_local_part" name="email_local_part" size="20" value="{tmpl_var name='email_local_part'}" class="textInput" /></label>

          <label for="email_local_part" class="blockLabel formLengthEmailDomain">Alias<input type="text" id="email_local_part" name="email_local_part" size="20" value="{tmpl_var name='email_local_part'}" class="textInput" /></label>

          <label for="email_at" class="blockLabel email_at">&nbsp;<span id="email_at" name="email_at" />@</label>

          <label for="email_domain" class="blockLabel">Domain<select name="email_domain" id="email_domain" class="selectInput">{tmpl_var name='email_domain'}</select></label>

          <label for="email_domain" class="blockLabel formLengthEmailDomain">Domain<select name="email_domain" id="email_domain" class="selectInput">{tmpl_var name='email_domain'}</select></label>

        </div>

      </div>

      <div class="ctrlHolder">

@@ -24,7 +24,7 @@
            </div>

            <div class="ctrlHolder">

          <label for="quota">{tmpl_var name='quota_txt'}</label>

        <input name="quota" id="quota" value="{tmpl_var name='quota'}" size="30" maxlength="255" type="text" class="textInput" />

        <input name="quota" id="quota" value="{tmpl_var name='quota'}" size="30" maxlength="255" type="text" class="textInput formLengthLimit" />

            </div>

            <div class="ctrlHolder">

          <label for="policy">{tmpl_var name='policy_txt'}</label>


 interface/web/mail/templates/spamfilter_blacklist_edit.htm

@@ -25,7 +25,7 @@
            </div>

      <div class="ctrlHolder">

          <label for="priority">{tmpl_var name='priority_txt'}</label>

        <select name="priority" id="priority" class="selectInput">

        <select name="priority" id="priority" class="selectInput formLengthHalf">

                    {tmpl_var name='priority'}

                </select>

      </div>


 interface/web/mail/templates/spamfilter_other_edit.htm

@@ -23,19 +23,19 @@
            </div>

      <div class="ctrlHolder">

          <label for="warnvirusrecip">{tmpl_var name='warnvirusrecip_txt'}</label>

        <select name="warnvirusrecip" id="warnvirusrecip" class="selectInput">

        <select name="warnvirusrecip" id="warnvirusrecip" class="selectInput formLengthBool">

                    {tmpl_var name='warnvirusrecip'}

                </select>

      </div>

      <div class="ctrlHolder">

          <label for="warnbannedrecip">{tmpl_var name='warnbannedrecip_txt'}</label>

        <select name="warnbannedrecip" id="warnbannedrecip" class="selectInput">

        <select name="warnbannedrecip" id="warnbannedrecip" class="selectInput formLengthBool">

                    {tmpl_var name='warnbannedrecip'}

                </select>

      </div>

      <div class="ctrlHolder">

          <label for="warnbadhrecip">{tmpl_var name='warnbadhrecip_txt'}</label>

        <select name="warnbadhrecip" id="warnbadhrecip" class="selectInput">

        <select name="warnbadhrecip" id="warnbadhrecip" class="selectInput formLengthBool">

                    {tmpl_var name='warnbadhrecip'}

                </select>

      </div>

@@ -61,7 +61,7 @@
            </div>

      <div class="ctrlHolder">

          <label for="message_size_limit">{tmpl_var name='message_size_limit_txt'}</label>

        <input name="message_size_limit" id="message_size_limit" value="{tmpl_var name='message_size_limit'}" size="10" maxlength="255" type="text" class="textInput" />

        <input name="message_size_limit" id="message_size_limit" value="{tmpl_var name='message_size_limit'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />

            </div>

      <div class="ctrlHolder">

          <label for="banned_rulenames">{tmpl_var name='banned_rulenames_txt'}</label>


 interface/web/mail/templates/spamfilter_policy_edit.htm

@@ -11,43 +11,43 @@
            </div>

      <div class="ctrlHolder">

          <label for="virus_lover">{tmpl_var name='virus_lover_txt'}</label>

        <select name="virus_lover" id="virus_lover" class="selectInput">

        <select name="virus_lover" id="virus_lover" class="selectInput formLengthBool">

                    {tmpl_var name='virus_lover'}

                </select>

      </div>

      <div class="ctrlHolder">

          <label for="spam_lover">{tmpl_var name='spam_lover_txt'}</label>

        <select name="spam_lover" id="spam_lover" class="selectInput">

        <select name="spam_lover" id="spam_lover" class="selectInput formLengthBool">

                    {tmpl_var name='spam_lover'}

                </select>

      </div>

      <div class="ctrlHolder">

          <label for="banned_files_lover">{tmpl_var name='banned_files_lover_txt'}</label>

        <select name="banned_files_lover" id="banned_files_lover" class="selectInput">

        <select name="banned_files_lover" id="banned_files_lover" class="selectInput formLengthBool">

                    {tmpl_var name='banned_files_lover'}

                </select>

      </div>

      <div class="ctrlHolder">

          <label for="bad_header_lover">{tmpl_var name='bad_header_lover_txt'}</label>

        <select name="bad_header_lover" id="bad_header_lover" class="selectInput">

        <select name="bad_header_lover" id="bad_header_lover" class="selectInput formLengthBool">

                    {tmpl_var name='bad_header_lover'}

                </select>

      </div>

      <div class="ctrlHolder">

          <label for="bypass_virus_checks">{tmpl_var name='bypass_virus_checks_txt'}</label>

        <select name="bypass_virus_checks" id="bypass_virus_checks" class="selectInput">

        <select name="bypass_virus_checks" id="bypass_virus_checks" class="selectInput formLengthBool">

                    {tmpl_var name='bypass_virus_checks'}

                </select>

      </div>

      <div class="ctrlHolder">

          <label for="bypass_banned_checks">{tmpl_var name='bypass_banned_checks_txt'}</label>

        <select name="bypass_banned_checks" id="bypass_banned_checks" class="selectInput">

        <select name="bypass_banned_checks" id="bypass_banned_checks" class="selectInput formLengthBool">

                    {tmpl_var name='bypass_banned_checks'}

                </select>

      </div>

      <div class="ctrlHolder">

          <label for="bypass_header_checks">{tmpl_var name='bypass_header_checks_txt'}</label>

        <select name="bypass_header_checks" id="bypass_header_checks" class="selectInput">

        <select name="bypass_header_checks" id="bypass_header_checks" class="selectInput formLengthBool">

                    {tmpl_var name='bypass_header_checks'}

                </select>

      </div>


 interface/web/mail/templates/spamfilter_taglevel_edit.htm

@@ -7,27 +7,27 @@
    <fieldset class="inlineLabels"><legend>Tag-Level</legend>

      <div class="ctrlHolder">

          <label for="spam_tag_level">{tmpl_var name='spam_tag_level_txt'}</label>

        <input name="spam_tag_level" id="spam_tag_level" value="{tmpl_var name='spam_tag_level'}" size="10" maxlength="255" type="text" class="textInput" />

        <input name="spam_tag_level" id="spam_tag_level" value="{tmpl_var name='spam_tag_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />

            </div>

      <div class="ctrlHolder">

          <label for="spam_tag2_level">{tmpl_var name='spam_tag2_level_txt'}</label>

        <input name="spam_tag2_level" id="spam_tag2_level" value="{tmpl_var name='spam_tag2_level'}" size="10" maxlength="255" type="text" class="textInput" />

        <input name="spam_tag2_level" id="spam_tag2_level" value="{tmpl_var name='spam_tag2_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />

            </div>

      <div class="ctrlHolder">

          <label for="spam_kill_level">{tmpl_var name='spam_kill_level_txt'}</label>

        <input name="spam_kill_level" id="spam_kill_level" value="{tmpl_var name='spam_kill_level'}" size="10" maxlength="255" type="text" class="textInput" />

        <input name="spam_kill_level" id="spam_kill_level" value="{tmpl_var name='spam_kill_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />

            </div>

      <div class="ctrlHolder">

          <label for="spam_dsn_cutoff_level">{tmpl_var name='spam_dsn_cutoff_level_txt'}</label>

        <input name="spam_dsn_cutoff_level" id="spam_dsn_cutoff_level" value="{tmpl_var name='spam_dsn_cutoff_level'}" size="10" maxlength="255" type="text" class="textInput" />

        <input name="spam_dsn_cutoff_level" id="spam_dsn_cutoff_level" value="{tmpl_var name='spam_dsn_cutoff_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />

            </div>

      <div class="ctrlHolder">

          <label for="spam_quarantine_cutoff_level">{tmpl_var name='spam_quarantine_cutoff_level_txt'}</label>

        <input name="spam_quarantine_cutoff_level" id="spam_quarantine_cutoff_level" value="{tmpl_var name='spam_quarantine_cutoff_level'}" size="10" maxlength="255" type="text" class="textInput" />

        <input name="spam_quarantine_cutoff_level" id="spam_quarantine_cutoff_level" value="{tmpl_var name='spam_quarantine_cutoff_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />

            </div>

      <div class="ctrlHolder">

          <label for="spam_modifies_subj">{tmpl_var name='spam_modifies_subj_txt'}</label>

        <select name="spam_modifies_subj" id="spam_modifies_subj" class="selectInput">

        <select name="spam_modifies_subj" id="spam_modifies_subj" class="selectInput formLengthBool">

                    {tmpl_var name='spam_modifies_subj'}

                </select>

      </div>


 interface/web/mail/templates/spamfilter_users_edit.htm

@@ -13,7 +13,7 @@
      </div>

      <div class="ctrlHolder">

          <label for="priority">{tmpl_var name='priority_txt'}</label>

        <select name="priority" id="priority" class="selectInput">

        <select name="priority" id="priority" class="selectInput formLengthLimit">

                    {tmpl_var name='priority'}

                </select>

      </div>

@@ -33,7 +33,7 @@
            </div>

      <div class="ctrlHolder">

          <label for="local">{tmpl_var name='local_txt'}</label>

        <select name="local" id="local" class="selectInput">

        <select name="local" id="local" class="selectInput formLengthBool">

                    {tmpl_var name='local'}

                </select>

      </div>


 interface/web/mail/templates/spamfilter_whitelist_edit.htm

@@ -25,7 +25,7 @@
            </div>

      <div class="ctrlHolder">

          <label for="priority">{tmpl_var name='priority_txt'}</label>

        <select name="priority" id="priority" class="selectInput">

        <select name="priority" id="priority" class="selectInput formLengthHalf">

                    {tmpl_var name='priority'}

                </select>

      </div>


 interface/web/themes/default/css/screen/content_ispc.css

@@ -293,9 +293,27 @@
    }

    .textDisplay { display: block; }

    

    select#language {    width: 100px; }

    .panel_dns_soa * input#refresh, .panel_dns_soa * input#retry, .panel_dns_soa * input#expire, .panel_dns_soa * input#minimum, .panel_dns_soa * input#ttl { width: 100px;    }

		
    /* Form Length Classes */

    .textInput.formLengthBool { width: 25px !important; }

    .selectInput.formLengthBool { width: 60px !important; }

    .textInput.formLengthLimit { width: 50px !important; }

    .selectInput.formLengthLimit { width: 85px !important; }

    .formLengthDate { width: 75px !important; }

    .formLengthIPv4 { width: 125px !important; }

    .formLengthIPv6 { width: 100% !important; }

    .formLengthEmailUser { width: 30% !important; }

    .formLengthEmailDomain { width: 30% !important; }

    .formLengthHalf { width: 15% !important; }

    .formLengthDouble { width: 50% !important; }



    /* Individual Form Lengths */

    .textInput#username, .textInput#password, .textInput#passwort, .textInput#source_password { width: 100px; }

    .selectInput#language {    width: 75px; }

    .selectInput#client_group_id { width: 125px; }

    input#refresh, input#retry, input#expire, input#minimum, input#ttl { width: 50px !important; }



    /* --- */

	
    a[href $='#logout'] { padding-right: 18px; background: transparent url("../../icons/x16/logout.png") no-repeat right top !important;    }

    

    /* Select Menu with Images */


 interface/web/themes/default/css/screen/uni-form.css

@@ -38,20 +38,20 @@
      

      .uniForm .textInput,

      .uniForm .blockLabels .textInput,

      .uniForm .blockLabels .fileUpload{ width: 53%; /* <- Required property */ }

      .uniForm .blockLabels .fileUpload{ width: 43%; /* <- Required property */ }

    

      .uniForm .selectInput,

      .uniForm select,

      .uniForm .blockLabels .selectInput,

      .uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ }

      .uniForm .blockLabels select{ width: 43.5%; /* <- Required property */ }

      .uniForm textarea,

      .uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ height: 12em; }

      .uniForm .blockLabels textarea{ width: 43%; /* <- Required property */ height: 12em; }



      .uniForm .formHint,

      .uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }

      .uniForm .blockLabels .formHint{ width: 35%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }

      

      .uniForm .multiField,

      .uniForm .blockLabels .multiField{ width: 53%; }

      .uniForm .blockLabels .multiField{ width: 43%; }

        .uniForm .multiField .inlineLabel,

        .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }

        .uniForm .multiField .blockLabel,

@@ -69,19 +69,19 @@
    .uniForm .inlineLabels .ctrlHolder{}

    

    .uniForm .inlineLabels label,

    .uniForm .inlineLabels .label{ width: 45%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }

    .uniForm .inlineLabels .label{ width: 35%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }

    

    .uniForm .inlineLabels .textInput,

    .uniForm .inlineLabels .fileUpload{ width: 45%; /* <- Required property */ }

    .uniForm .inlineLabels .fileUpload{ width: 35%; /* <- Required property */ }

    

    .uniForm .inlineLabels .selectInput,

    .uniForm .inlineLabels select{ width: 45%; /* <- Required property */ }

    .uniForm .inlineLabels select{ width: 35%; /* <- Required property */ }

    

    .uniForm .inlineLabels textarea{  width: 45%; /* <- Required property */ height: 12em; }

    .uniForm .inlineLabels textarea{  width: 35%; /* <- Required property */ height: 12em; }



    .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 47%; font-size: .9em; color: #777; position: static; }

    .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 37%; font-size: .9em; color: #777; position: static; }

    

    .uniForm .inlineLabels .multiField{ width: 45%; /* <- Required property */ margin: 0 0 .3em 0; }

    .uniForm .inlineLabels .multiField{ width: 60%; /* <- Required property */ margin: 0 0 .3em 0; }

      .uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }

      .uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }

      .uniForm .inlineLabels .multiField .blockLabel .textInput,

@@ -94,10 +94,10 @@
.uniForm div.focused .formHint{ color: #333; }



/* Columns (they are floated left by default) */

.uniForm .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }

.uniForm .col{ width: 37.9%; /* <- Required property */ margin: 0 2% 20px 0; }

/* Use .first and .last classes to control the layout/spacing of your columns */

.uniForm .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }

.uniForm .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }

.uniForm .col.first{ width: 39%; /* <- Required property */ float: left; clear: none; }

.uniForm .col.last{ width: 39%; /* <- Required property */ float: right; clear: none; margin-right: 0; }



/* Messages */

.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; }