/templates/imageupload.tmpl
Type: /type/template
body: value: $def with (name, path)
<html>
<head><title>$_.upload</title>

<script type="text/javascript" src="/static/js/hide.upload.js"></script>

<style type="text/css" title="text/css">
/* <![CDATA[ */

.SI-FILES-STYLIZED label.cabinet
{
	width: 180px;
	height: 266px;
	background-color: transparent;

/*      border: 1px solid #ccc;  */

	display: block;
	overflow: hidden;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

button { 	
	background-color: #F9F8D0; border: 1px solid #B9B7A1;
	font-family: georgia; font-size: 12px; color: #6F320D;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .05em;
	height: 26px;
	line-height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
} 

button.action:hover { background-color: #625E25; color: #fff; }
button.action { background-color: #fff; color: #919070; }

body {background-color:transparent}

/* ]]> */
</style>


</head>

<body>
    <form method="POST" enctype="multipart/form-data">

        <input type="hidden" name="path" id="path" value="$path"/>
        <input type="hidden" name="name" value="$name"/>

	<label class="cabinet"> 
        <input type="file" name="file" class="file" /><br/><br/>
        </label>

        <button type="submit" name="upload" class="action" value="Upload" style="width: 170">$_.upload</button>
        <!--
        <button type="submit" name="upload" class="action" value="Upload">Upload</button>
        -->


    </form>

<script type="text/javascript" language="javascript">
// <![CDATA[

SI.Files.stylizeAll();

/*
--------------------------------
Known to work in:
--------------------------------
- IE 5.5+
- Firefox 1.5+
- Safari 2+
                          
--------------------------------
Known to degrade gracefully in:
--------------------------------
- Opera
- IE 5.01

--------------------------------
Optional configuration:

Change before making method calls.
--------------------------------
SI.Files.htmlClass = 'SI-FILES-STYLIZED';
SI.Files.fileClass = 'file';
SI.Files.wrapClass = 'cabinet';

--------------------------------
Alternate methods:
--------------------------------
SI.Files.stylizeById('input-id');
SI.Files.stylize(HTMLInputNode);

--------------------------------
*/

// ]]>
</script>

</body>
</html>
title: imageupload template