group related input fields visually

This commit is contained in:
Jan-Christoph Borchardt 2012-12-04 16:58:42 +01:00
parent 9e6ffece64
commit 855a011697
3 changed files with 27 additions and 9 deletions

View File

@ -79,7 +79,25 @@ input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text-
#login form { width:22em; margin:2em auto 2em; padding:0; }
#login form fieldset { background:0; border:0; margin-bottom:2em; padding:0; }
#login form fieldset legend { font-weight:bold; }
/* Nicely grouping input field sets */
.grouptop input {
margin-bottom:0;
border-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0;
}
.groupmiddle input {
margin-top:0; margin-bottom:0;
border-top:0; border-radius:0;
box-shadow:0 1px 1px #fff,0 1px 0 #ddd inset;
}
.groupbottom input {
margin-top:0;
border-top:0; border-top-right-radius:0; border-top-left-radius:0;
box-shadow:0 1px 1px #fff,0 1px 0 #ddd inset;
}
#login form label { margin:.95em 0 0 .85em; color:#666; }
#login .groupmiddle label, #login .groupbottom label { margin-top:13px; }
/* NEEDED FOR INFIELD LABELS */
p.infield { position: relative; }
label.infield { cursor: text !important; }

View File

@ -34,11 +34,11 @@
<?php endif; ?>
<fieldset>
<legend><?php echo $l->t( 'Create an <strong>admin account</strong>' ); ?></legend>
<p class="infield">
<p class="infield grouptop">
<label for="adminlogin" class="infield"><?php echo $l->t( 'Username' ); ?></label>
<input type="text" name="adminlogin" id="adminlogin" value="<?php print OC_Helper::init_var('adminlogin'); ?>" autocomplete="off" autofocus required />
</p>
<p class="infield">
<p class="infield groupbottom">
<label for="adminpass" class="infield"><?php echo $l->t( 'Password' ); ?></label>
<input type="password" name="adminpass" id="adminpass" value="<?php print OC_Helper::init_var('adminpass'); ?>" required />
</p>
@ -101,15 +101,15 @@
<?php if($hasOtherDB): ?>
<div id="use_other_db">
<p class="infield">
<p class="infield grouptop">
<label for="dbuser" class="infield"><?php echo $l->t( 'Database user' ); ?></label>
<input type="text" name="dbuser" id="dbuser" value="<?php print OC_Helper::init_var('dbuser'); ?>" autocomplete="off" />
</p>
<p class="infield">
<p class="infield groupmiddle">
<label for="dbpass" class="infield"><?php echo $l->t( 'Database password' ); ?></label>
<input type="password" name="dbpass" id="dbpass" value="<?php print OC_Helper::init_var('dbpass'); ?>" />
</p>
<p class="infield">
<p class="infield groupmiddle">
<label for="dbname" class="infield"><?php echo $l->t( 'Database name' ); ?></label>
<input type="text" name="dbname" id="dbname" value="<?php print OC_Helper::init_var('dbname'); ?>" autocomplete="off" pattern="[0-9a-zA-Z$_]+" />
</p>
@ -117,13 +117,13 @@
<?php endif; ?>
<?php if($_['hasOracle']): ?>
<div id="use_oracle_db">
<p class="infield">
<p class="infield groupmiddle">
<label for="dbtablespace" class="infield"><?php echo $l->t( 'Database tablespace' ); ?></label>
<input type="text" name="dbtablespace" id="dbtablespace" value="<?php print OC_Helper::init_var('dbtablespace'); ?>" autocomplete="off" />
</p>
</div>
<?php endif; ?>
<p class="infield">
<p class="infield groupbottom">
<label for="dbhost" class="infield"><?php echo $l->t( 'Database host' ); ?></label>
<input type="text" name="dbhost" id="dbhost" value="<?php print OC_Helper::init_var('dbhost', 'localhost'); ?>" />
</p>

View File

@ -16,11 +16,11 @@
</li></a>
<?php endif; ?>
</ul>
<p class="infield">
<p class="infield grouptop">
<label for="user" class="infield"><?php echo $l->t( 'Username' ); ?></label>
<input type="text" name="user" id="user" value="<?php echo $_['username']; ?>"<?php echo $_['user_autofocus']?' autofocus':''; ?> autocomplete="on" required />
</p>
<p class="infield">
<p class="infield groupbottom">
<label for="password" class="infield"><?php echo $l->t( 'Password' ); ?></label>
<input type="password" name="password" id="password" value="" required<?php echo $_['user_autofocus']?'':' autofocus'; ?> />
</p>