From 71f6f2d32a0f90d0559a3e57bb16ec00eca445fc Mon Sep 17 00:00:00 2001
From: Naeltard <t.rechel@gmx.de>
Date: Thu, 29 Jan 2015 14:38:05 +0100
Subject: [PATCH] list

---
 .../page/default_list/tpl/element.tpl         |  5 ++-
 .../page/default_page/css/default_page.css    | 32 +++++++++++++++++++
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/neopolimatrix/page/default_list/tpl/element.tpl b/neopolimatrix/page/default_list/tpl/element.tpl
index 7a708c6..328e9cf 100644
--- a/neopolimatrix/page/default_list/tpl/element.tpl
+++ b/neopolimatrix/page/default_list/tpl/element.tpl
@@ -1,4 +1,5 @@
-<div class="list_element" text_id="${tag_id}" style="width: 750px; margin: auto; margin-bottom: 50px; padding: 20px;">
+<div class ="list_element element_shadow" text_id="${tag_id}" style="width: 750px; margin: auto; margin-bottom: 50px; padding: 20px;">
+<div class="list_element element_hover article" text_id="${tag_id}" style="">
     <p style="float: left; font-size: 10pt; margin-top: 7px;">Author: <i>${author}</i></p>
     
     <p style="float: right; font-size: 10pt; margin-top: 7px;">${ago}</p>
@@ -9,4 +10,6 @@
 ${deDE}
 <p style="float: right; font-size: 10pt; margin-top: 7px;">Veröffentlicht: ${published}</p>
 <br>
+</div>
+<div class="btn btn-info" style="width: 100%;">Weiterlesen...</div>
 </div>
\ No newline at end of file
diff --git a/neopolimatrix/page/default_page/css/default_page.css b/neopolimatrix/page/default_page/css/default_page.css
index 6293c05..5f5af10 100644
--- a/neopolimatrix/page/default_page/css/default_page.css
+++ b/neopolimatrix/page/default_page/css/default_page.css
@@ -16,5 +16,37 @@ body{
 }
 
 .list_element:hover {
+    background-color: white;
+}
+
+
+.article {
+  position: relative;
+}
+
+.article:after {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  content: "";
+  background: linear-gradient(to top,
+     rgba(255,255,255, 1) 10%, 
+     rgba(255,255,255, 0) 20%
+  );
+  pointer-events: none; /* so the text is still selectable */
+}
+
+
+.element_hover{
+    max-height: 400px;
+    overflow-y: hidden;
+}
+.element_hover:hover {
+    background: white;
+}
+
+element_shadow:hover{
     background-color: #EEE;
 }