moqmar

/*
A modern look for the nginx fancyindex module (https://github.com/aperezdc/ngx-fancyindex)

[[ SCREENSHOT ]]
https://static.mo-mar.de/fancyindex-screenshot.jpg

[[ USAGE ]]
fancyindex on;
fancyindex_exact_size off;
fancyindex_css_href https://cdn.rawgit.com/moqmar/6c45c469cc7e8294f6cf1bcef9802331/raw/fancyindex.css;

moqmar

<header class="coverr"><!-- The box you want the video as a background for: just add the "coverr" class -->
  <div class="coverr-video">
    <img src="[JPEG URL]" alt="">
    <video autoplay loop>
      <source src="[MP4 URL]" type="video/mp4">
      <source src="[WEBM URL]" type="video/webm">
      <!-- Non-HTML5 browsers will just show the image, no need for a fallback text -->
    </video>
  </div>
  <!-- The box content -->

moqmar

@media print {
  #st-container, #prk_responsive_menu, #unten { display: none; }
  #prk_ajax_container { margin-left: 0; }
  #sidebar { display: none; }
  #centered_block { max-width: 100%; }
  .twelve.columns.sidebarized { padding: 0; }

  /* Steht sonst in der linken Seitenleiste: */
  body:after { content: "Wortwuchs.net"; display: block; text-align: right; font-size: 10pt; color: #888; margin-right: 25px; }
}