1
mirror of https://invent.kde.org/network/falkon.git synced 2024-12-23 12:16:34 +01:00
falkonOfficial/src/lib/data/html/dirlist.html

70 lines
2.4 KiB
HTML
Raw Normal View History

<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>%TITLE%</title>
<style>
html {background: #eeeeee;font: 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;color: #525c66;}
html * {font-size: 100%;line-height: 1.6;}
#box {max-width:650px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;border-width: 20px;-webkit-border-image: url(%BOX-BORDER%) 25;text-align: %LEFT_STR%;}
h1 {color:#1a4ba4;font-size:120%;margin-bottom:0px;word-wrap:break-word;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin-bottom:0;}
.dir-up{float:%LEFT_STR%;padding-%LEFT_STR%:22px;font-size:105%;height:30px;background:transparent url(data:image/png;base64,%UP-IMG%) no-repeat;}
.show-hidden{float:%RIGHT_STR%;font-size:105%;height:30px;}
.tr-hidden{display:none;}
.tr-visible{display:table-row;}
.file-table{width:95%;margin-left:auto;margin-right:auto;}
.file-table th{font-size:105%;}
.file-table td{padding-%LEFT_STR%:8px;}
.name{width:100%;text-align:%LEFT_STR%;}
.size{min-width:80px;}
.modif{min-width:120px;}
.td-size{text-align:%RIGHT_STR%;}
.td-name{padding-%LEFT_STR%:20px !important;background-color:transparent;background-repeat:no-repeat;background-position:center %LEFT_STR%;}
</style>
<script>
function showHidden()
{
var hElems = document.getElementsByClassName('tr-hidden');
var vElems = document.getElementsByClassName('tr-visible');
var dest = new Array();
if (hElems.length > 0) {
for(var i = 0; i < hElems.length; ++i)
dest[i] = hElems[i];
for (var s = 0; s < dest.length; ++s)
dest[s].className = "tr-visible";
}
else if (vElems.length > 0) {
for(var i = 0; i < vElems.length; ++i)
dest[i] = vElems[i];
for (var s = 0; s < dest.length; ++s)
dest[s].className = "tr-hidden";
}
}
</script>
</head>
<body>
<div id="box">
<h1>%TITLE%</h1>
<p class="dir-up" style="display:%UP-DIR-DISPLAY%"><a href="%UP-DIR-LINK%">%UP-DIR-TEXT%</a></p>
<p class="show-hidden" style="display:%SHOW-HIDDEN-DISPLAY%"><label><input type="checkbox" onchange="showHidden()">%SHOW-HIDDEN-TEXT%</label></p>
<span style="clear:both;display:block;visibility:hidden;"></span>
<table class="file-table">
<thead>
<tr>
<th class="name">%NAME%</th>
<th class="size">%SIZE%</th>
<th class="modif" colspan="2">%MODIFIED%</th>
</tr>
</thead>
<tbody>
%T-BODY%
</tbody>
</table>
</div>
</body></html>