From ff0c9c221fbb7bfcb9372091c7e00e2d4abaef1e Mon Sep 17 00:00:00 2001
From: Astro <astro@spaceboyz.net>
Date: Sun, 23 Sep 2018 22:21:41 +0200
Subject: [PATCH] datenspuren videos: style

---
 .../static/datenspuren/2018/style/style.css   | 28 +++++++++++++++----
 xsl/datenspuren/xhtml5.xsl                    |  8 ++++--
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/content/static/datenspuren/2018/style/style.css b/content/static/datenspuren/2018/style/style.css
index de4c7e68c..b42d8e173 100644
--- a/content/static/datenspuren/2018/style/style.css
+++ b/content/static/datenspuren/2018/style/style.css
@@ -295,16 +295,34 @@ footer {
 .resource {
     display: inline-block;
     margin: 8px;
-    padding: 0;
+    padding: 3px;
     box-sizing: border-box;
-    /* width: 290px; */
+    width: 20rem;
+    text-align: center;
+    border: 4px solid white;
+    border-radius: 1.5rem;
 }
 .resource h4 {
-    text-align: center;
-    margin: 2px 4px;
+    margin: 2px;
     padding: 0;
-    font-size: 100%;
+    font-size: 120%;
     font-weight: bold;
+    background-color: #b6ff00;
+    border-radius: 1rem;
+    line-height: 2rem;
+}
+.resource h4 a {
+    color: black;
+}
+.resource .subtitle {
+    margin: 0;
+    padding: 0.5rem;
+    font-size: 95%;
+    line-height: 1.3em;
+    height: 1.3em;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 .resource img {
     width: 100%;
diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl
index 19fa48e41..4c47e4082 100644
--- a/xsl/datenspuren/xhtml5.xsl
+++ b/xsl/datenspuren/xhtml5.xsl
@@ -272,9 +272,13 @@
               <xsl:value-of select="$title"/>
             </a>
           </h4>
-          <em><xsl:value-of select="$subtitle"/></em>
+          <p class="subtitle">
+            <xsl:value-of select="$subtitle"/>
+          </p>
           <div class="preview">
-            <img src="{$preview}" title="{$title}"/>
+            <a href="{link}">
+              <img src="{$preview}" title="{$title}"/>
+            </a>
           </div>
           <ul class="links">
             <xsl:for-each select="$feeds/feed">