WARNING: this template is only to be used with HFS 2.3 (and macros enabled)
HFS %folder%
{.comment| Thanks to the following line, you can customize the appearance of the original template by right click on the root -> advanced -> diff template
then type [style.user] followed by all the CSS commands you want. This way you will stay up to date while the original template improves.}
/if.}
[style.css|no log]
body, th { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:9pt; }
body { background-color:#DDF; padding:10px; }
body, p, form { margin:0 }
a { text-decoration:none; background-color:Transparent; color:#05F; }
a:visited { color:#55F; }
a:hover { background-color:#EEF; }
img { border-style:none }
#files td { font-size:10pt; background:#FFF; border:1px solid #BBF }
#files td img { vertical-align:top }
#files th, th a, th a:visited { color:#555; font-size:13pt; font-weight:bold; padding-bottom:0; }
#foldercomment { font-size:10pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; border-bottom:3px solid #DDD; margin-top:2px; }
#folder, .big { font-size:14pt; font-weight:bold; }
#folderlabel, #folderstats, #footer { font-size: 8pt; }
#body {
border-bottom: 4px solid #BBF;
border-top: 4px solid #BBF;
border-left: 1px dotted #BBF;
border-right: 1px dotted #BBF;
background:#F3F3FF;
padding:15px;
margin:15px;
}
.comment { font-size:8pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; margin-top:2px; }
.button { height:24px; padding:4px 10px; margin:5px; border:2px solid black; background:white; font-size:8pt; font-weight:bold; }
a.button { padding:8px 10px; }
a.button img { vertical-align:text-bottom; }
.flag { font-weight:bold; font-size:8pt; background:white; color:red; text-align:center; border:1px solid red; }
.item-folder { font-size:smaller; margin-top:4px; }
[style.menu.css|no log]
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
.menu { margin:0; width:150px; position:relative; font-size:10pt; z-index:100; clear:both; /* for this page only */ }
.menu ul { padding:0; margin:0; list-style-type: none; }
.menu ul li { float:left; position:relative; font-weight:bold; }
.menu li.last { border-bottom:2px solid #000; margin:0; }
.menu ul li a, .menu ul li a:visited { line-height:20px; height:32px; display:block; text-decoration:none; color:#000; width:139px; color:#000; border:2px solid #000; border-width:2px 2px 0 2px; padding-left:10px; background:#fff; }
.menu ul li ul { display: none; }
.menu table { margin:-1px; border-collapse:collapse;font-size:1em; } /* specific to non IE and IE7 browsers */
.menu ul li:hover a { color:#c00; }
.menu ul li:hover ul { display:block; position:absolute; top:33px; margin-top:1px; left:0; width:150px; height:auto; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li:hover ul li a { line-height:15px; display:block; background:#ddd; color:#000; height:auto; padding:5px 10px; width:129px; }
.menu ul li a:hover ul li a.drop,
.menu ul li:hover ul li a.drop { background:#ddd; }
.menu ul li:hover ul li:hover ul li:hover a, /* for IE5.x and IE6 browsers only */
.menu ul li a:hover ul li a:hover,
.menu ul li:hover ul li:hover a { background:#888; color:#fff; }
.menu ul li a:hover ul li a.drop:hover,
.menu ul li:hover ul li:hover a.drop { background:#888; }
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:150px; top:-1px; width:150px; }
.menu ul li:hover ul li:hover ul li a { background:#ddd; color:#000; }
.menu ul li a:hover { color:#c00; background:#eee; }
.menu ul li a:hover ul { display:block; position:absolute; top:29px; left:0; background:#eee; margin-top:0; marg\in-top:1px; }
.menu ul li a:hover ul li a { height:20px; hei\ght:20px; line-height:15px; display:block; background:#ddd; color:#000; padding:5px 10px; width:151px; w\idth:129px; }
.menu ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0; }
.menu ul li a:hover ul li a:hover ul { visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:150px; }
hr { clear:both; margin-bottom:3px; }
.left { clear:both; }
[special:begin]
{.comment| {.count|upload.} .}
[file=folder=link]
{.switch|%item-ext%|,|jpg,gif,png,ico,bmp
|
|.}
{.if|{.get|can delete.}{.and|{.get|can access.}|{.get|can archive item.}.}| .}
{.if|{.get|is new.}| NEW .}
{.if not|{.get|can access.}|.}
%item-name%
{.if| {.?search.} |{:{.123 if 2|
[special:strings]
menu=.: Menu :.
max s dl msg=On this server there is a limit on the number of simultaneous downloads. This limit has been reached. Retry later.
retry later=Please, retry later.
progress advice=Before uploading you may want to open a progress status window.
item folder=in folder