Customization for the WP-DownloadManager wordpress plugin. The corresponding article can be found here: http://tibor-simon.com/programming/download-system-for-wordpress/

downloader_.css

/* Custom download system */
.stdl-page-sum-wrapper {
  display: block;
  clear: both;
  width: 90%;
  margin: 0 auto;
}
.stdl-page-sum-element {
  display: block;
  float: left;
  width: 33%;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}
.stdl-page-sum-content{
  display: block;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  padding: 30px;
  text-align: center;
}
.stdl-page-sum-element-big {
  font-size: 200%;
}
.stdl-page-filter {
  clear: both;
  text-align: center;
}
.stdl-page-filter-input {
  position: relative;
  top: 4px;
  left: 15px;
}
.stdl-listing {
  clear: both;
  display: block;
}
.stdl-listing-category {
  clear: both;
}
.stdl-listing-element {
  display: block;
  float: left;
  width: 33%;
  text-align: center;
  padding: 10px;
}
.stdl-listing-content {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.stdl-listing-subcontent {
  display: inline-block;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  margin: 0 5px;
  text-align: left;
}
.stdl-listing-title {
  padding: 2px 10px 0;
}
.stdl-listing-meta {
  font-size: 60%;
  opacity: 0.6;
  padding-left: 10px;
  padding-bottom: 2px;
}
.stdl-listing-desc {
  font-size: 80%;
  color: #aaa;
  padding: 2px 10px;
  border-top: solid 1px #ddd;
  height: 42px;
  overflow-y: auto;
}
.stdl-listing-desc span {
  display: none;
}
.stdl-embedded-wrapper {
  display: block;
  margin: 0 auto 1.313em;
  text-align: center;
}
.stdl-embedded-title {
  padding: 2px 10px 0;
}
.stdl-embedded-meta {
  font-size: 60%;
  opacity: 0.6;
  padding-left: 10px;
  padding-bottom: 2px;
}
.stdl-embedded-desc {
  font-size: 80%;
  color: #aaa;
  padding: 2px 10px;
  border-top: solid 1px #ddd;
}
.stdl-embedded-desc a {
  display: none;
}
.stdl-embedded-content {
  display: inline-block;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  margin: 0 5px;
  text-align: left;
  width: 200px;
}

downloader_html_templates.html

<!--============================================================================
Download Page Header
=============================================================================-->
<div class="stdl-page-sum-wrapper">
  <div class="stdl-page-sum-element">
    <div class="stdl-page-sum-content">
      <div class="stdl-page-sum-element-big">
        %TOTAL_FILES_COUNT%
      </div>
      <div class="stdl-page-sum-element-small">
        files
      </div>
    </div>
  </div>
  <div class="stdl-page-sum-element">
    <div class="stdl-page-sum-content">
      <div class="stdl-page-sum-element-big">
        %TOTAL_SIZE_DEC%
      </div>
      <div class="stdl-page-sum-element-small">
        of total size
      </div>
    </div>
  </div>
  <div class="stdl-page-sum-element">
    <div class="stdl-page-sum-content">
      <div class="stdl-page-sum-element-big">
        %TOTAL_HITS%
      </div>
      <div class="stdl-page-sum-element-small">
        hits
      </div>
    </div>
  </div>
</div>
<br />
<hr class="x-hr" />
<div class="ts-download-listing">
<!--============================================================================
Download Page Footer
=============================================================================-->
</div>
<div class="stdl-page-filter">
  <form action="%DOWNLOAD_PAGE_URL%" method="get">
    <p>
      <input type="hidden" name="stdl_cat" value="%CATEGORY_ID%" />
      <input type="text" class="stdl-page-filter-input" name="dl_search"
      value="%FILE_SEARCH_WORD%" />

      <input type="submit" value="Filter" />
    </p>
  </form>
</div>
<!--============================================================================
Download Category Header
=============================================================================-->
<h3 id="downloadcat-%CATEGORY_ID%" class="stdl-listing-category" >
  <a href="%CATEGORY_URL%" title="View all downloads in %FILE_CATEGORY_NAME%">
    %FILE_CATEGORY_NAME%
  </a>
</h3>
<!--============================================================================
Download Listing
=============================================================================-->
<div class="stdl-listing-element">
  <div class="stdl-listing-content">
    <div class="stdl-listing-subcontent">
      <div class="stdl-listing-title">
        <a href="%FILE_DOWNLOAD_URL%">%FILE_NAME%</a>
      </div>
      <div class="stdl-listing-meta">
        %FILE_SIZE_DEC%     %FILE_HITS% hits
      </div>
      <div class="stdl-listing-desc">
        %FILE_DESCRIPTION%
      </div>
    </div>
  </div>
</div>
<!--============================================================================
Download Embedded File
=============================================================================-->
<div class="stdl-embedded-wrapper">
  <div class="stdl-embedded-content">
    <div class="stdl-embedded-title">
      <a href="%FILE_DOWNLOAD_URL%">%FILE_NAME%</a>
    </div>
    <div class="stdl-embedded-meta">
      %FILE_SIZE_DEC%     %FILE_HITS% hits
    </div>
    <div class="stdl-embedded-desc">
      %FILE_DESCRIPTION%
    </div>
  </div>
</div>