70 lines
2.4 KiB
Plaintext
70 lines
2.4 KiB
Plaintext
<div class="i-archive index-archive-12">
|
|
<h3 class="i-archive-title">
|
|
<span>{{page-title}}</span>
|
|
</h3>
|
|
<div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-bs-toggle="collapse" data-bs-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
|
|
<i class="fa fa-th-list"></i>
|
|
{{category-title}}
|
|
<i class="faright fa fa-chevron-down" aria-hidden="true"></i>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse" class="panel-collapse collapse {{in_class}}">
|
|
<div class="panel-body">
|
|
<div class="div-horizontal i-archive-item-group" data-list="archives" data-level="1">
|
|
<div class="i-archive-item-wrap">
|
|
<div class="i-archive-item-list col-sm-12">
|
|
<span class="i-archive-item-title">{{archive-title}}</span>
|
|
<span data-list="statuses" data-level="2">
|
|
<span class="label status {{status-class}}">{{status}}</span>
|
|
</span>
|
|
<span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
|
</div>
|
|
<div class="i-archive-files-list col-sm-12" data-list="files" data-level="2">
|
|
<dd>
|
|
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
|
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
|
</dd>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{link_to_edit}}
|
|
</div>
|
|
<style>
|
|
.panel-heading{
|
|
padding:0;
|
|
}
|
|
.panel-title a {
|
|
display: block;
|
|
padding: 0.625em 0.9375em;
|
|
}
|
|
.i-archive-item-title{
|
|
font-weight:bold;
|
|
}
|
|
.i-archive-item-wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
clear: both;
|
|
width: 100%;
|
|
border-bottom: 1px solid #ccc;
|
|
padding-bottom: 0.5em;
|
|
padding-top: 1em;
|
|
&:last-child{
|
|
border-bottom:0;
|
|
}
|
|
}
|
|
@media (min-widivh: 769px){
|
|
.index-archive-2 .div-horizontal div.col-sm-3{
|
|
widivh: 25%;
|
|
}
|
|
}
|
|
</style>
|
|
</div>
|