
.input-delete{
width: 16px;
height: 16px;
background: url('../img/icons/delete.png') no-repeat 0 0;
text-decoration: none;
border: none;
float: right;
}
/**
* You don't need this css part, scroll down ;)
*/
.halfsize
{
width: 50%;
margin-right: 55px;
float: none;
}
form fieldset
{
border: none;
border-top: 1px solid #888;
margin: 1em 0.5em 1em 0;
padding: 1em 0;
}
form legend
{
font-weight: bold;
font-size: 1.2em;
color: #eee;
margin: auto;
margin-left: 0;
padding: 0 .25em 0 0;
}
label
{
width: 10em;
float: left;
padding: .2em .8em 0 0;
margin-right: .4em;
text-align: right;
font-size: 1.1em;
}
label.error
{
color: #ff0000;
}
label span
{
display: block;
color: #888;
font-size: 0.85em;
margin-bottom: 0.5em;
}
form div.label,
form div.note,
form div.footer
{
clear: both;
margin: 1em 0 0 0;
padding: 0.1em 0.3em;
}
form div.note
{
margin-left: .5em;
}
input,
button,
select
{
width: 10em;
}
input.submit
{
font-weight: bold;
color: #333;
width: 100px;
padding-right: 6px;
padding-left: 6px;
}
/**
* Below is the basic css needed for the upload bars
* You can alter the above to suit your site's form layout but
* make sure all statements are closed and a-ok in any prior css.
*/
.fancyupload_queue
{
list-style: none;
}
.fancyupload_queue li
{
background: url(../img/icons/photo_upload.png) no-repeat 5px 5px;
padding: 5px 2px 5px 2px;
background-color: transparent;
background-image: url(../img/icons/photo_upload.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 5px;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 22px;
}
.fancyupload_queue .queue-file
{
font-weight: bold;
}
.fancyupload_queue .queue-size
{
color: #aaa;
margin-left: 1em;
font-size: 0.9em;
}
.fancyupload_queue .queue-loader
{
position: relative;
margin: 3px 0px;
font-size: 0.9em;
background-color: #ddd;
color: #fff;
border: 1px inset #ddd;
width : 90%;
}
.fancyupload_queue .queue-subloader
{
text-align: center;
position: absolute;
background-color: #81b466;
height: 100%;
width: 0%;
left: 0pt;
top: 0pt;
}
<div id="fancyupload_container"> <form action="[~[*id*]~]&relPath=[+relPath+]" method="post" id="" enctype="multipart/form-data"> <input type="file" name="Filedata" id="fancyupload_input_data" /> <div class="halfsize"> <fieldset> <legend>Upload Queue</legend> <div class="note" id="fancyupload_status">Please check files and start upload</div> <ul class="fancyupload_queue" id="fancyupload_queue"> <li style="display: none" /> </ul> </fieldset> </div> <div class="footer"> <input type="submit" class="submit" id="profile-submit" value="Start upload"/> </div> </form></div>
)
<div id="fancyupload_container"></div>
<div id="fancyupload_container">


