ulfgebhardt/neopolimatrix.eu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

list

Browse Source
This commit is contained in:
Naeltard 2015-01-29 14:38:05 +01:00
parent 495a7867f9
commit 71f6f2d32a
2 changed files with 36 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
neopolimatrix/page/default_list/tpl/element.tpl
View File

@ -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>

32
neopolimatrix/page/default_page/css/default_page.css
View File

@ -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;
}