test new show/hide button
This commit is contained in:
44
index.php
44
index.php
@@ -23,31 +23,24 @@
|
||||
<hr />
|
||||
<hr />
|
||||
|
||||
<div id="outer">
|
||||
<div class="holder">
|
||||
<h2 id="adduser">Add an Email account</h2>
|
||||
<p>You can add a new Email account your primary and all other domains.<br />
|
||||
Please do not add your domain, just everything in front of the @-symbol.</p>
|
||||
<div class="more">
|
||||
<button type="button" id="show" class="show">Show more »</button>
|
||||
<button type="button" id="hide" class="hide">« Show less</button>
|
||||
<br />
|
||||
<form action="submit.php" method="post">
|
||||
<label>Username:</label>
|
||||
<input name="user" title="User" />
|
||||
<label>Password:</label>
|
||||
<input name="pass" title="Password" type="password" />
|
||||
<br />
|
||||
<button type="submit" name="action" value="adduser">Add new account</button>
|
||||
<!-- Hidden confirmation box -->
|
||||
<input type="hidden" name="sure" value="yes" />
|
||||
</form>
|
||||
</div> <!-- /more -->
|
||||
<hr />
|
||||
</div> <!-- /holder -->
|
||||
</div> <!-- outer -->
|
||||
|
||||
<div id="gallery">
|
||||
|
||||
<b class="switch"><span class="turn_on">Add</span><span class="turn_off">Add</span> an account</b>
|
||||
<p>You can add a new Email account your primary and all other domains.<br />
|
||||
Please do not add your domain, just everything in front of the @-symbol.</p>
|
||||
<div class="hide">
|
||||
<form action="submit.php" method="post">
|
||||
<label>Username:</label>
|
||||
<input name="user" title="User" />
|
||||
<label>Password:</label>
|
||||
<input name="pass" title="Password" type="password" />
|
||||
<br />
|
||||
<button type="submit" name="action" value="adduser">Add new account</button>
|
||||
<!-- Hidden confirmation box -->
|
||||
<input type="hidden" name="sure" value="yes" />
|
||||
</form>
|
||||
</div> <!-- /hide -->
|
||||
|
||||
<b class="switch"><span class="turn_on">Change</span><span class="turn_off">Change</span> password</b>
|
||||
<div class="hide">
|
||||
<form action="submit.php" method="post">
|
||||
@@ -61,7 +54,8 @@
|
||||
<input type="hidden" name="sure" value="yes" />
|
||||
</form>
|
||||
</div> <!-- /hide -->
|
||||
</div> <!-- gallery -->
|
||||
|
||||
</div> <!-- /gallery -->
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -24,9 +24,7 @@ button {
|
||||
}
|
||||
|
||||
/* New click/hide */
|
||||
#gallery {position:relative; font:11px verdana,arial,sans-serif; line-height:20px; width:705px; padding: 50px 0 0 10px; background:url(pointer.jpg) no-repeat left top; height:450px;}
|
||||
#gallery h3 {color:#222; font-size:13px;}
|
||||
#gallery h3.color {color:#000; margin:10px 25px;}
|
||||
#gallery {position:relative; line-height:20px; width:705px; padding: 50px 0 0 10px; background:url(pointer.jpg) no-repeat left top; height:450px;}
|
||||
#gallery .switch {display:block; cursor:pointer; color:#000; font-weight:normal;}
|
||||
#gallery .switch .turn_off {display:none;}
|
||||
#gallery .off {color:#c00;}
|
||||
@@ -34,15 +32,6 @@ button {
|
||||
#gallery .off .turn_on {display:none;}
|
||||
#gallery .hide {display:none;}
|
||||
#gallery .show {position:absolute; top:0; left:380px; display:block; width:370px; background:#fff; z-index:200;}
|
||||
#gallery form {width:270px; height:200px; background:url(form.jpg); padding:50px;}
|
||||
#gallery form fieldset {background:#fff;}
|
||||
#gallery .table {background:url(tables.jpg) no-repeat left bottom; padding:0 25px 25px; width:320px;}
|
||||
#gallery table, #gallery caption, #gallery table tr, #gallery table tr td {border:1px solid #000; padding:5px; background:#fff;}
|
||||
#gallery a, #gallery a:visited {color:#00c; line-height:30px;}
|
||||
#gallery textarea {width:350px; border-color:#0cc; color:#048; padding:10px;}
|
||||
#gallery dl {width:370px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user