From 1212430927e2ae20874eacbae5915c40a7e9bee2 Mon Sep 17 00:00:00 2001
From: Yves Fischer <yvesf-git@xapek.org>
Date: Mon, 30 Mar 2015 00:22:47 +0200
Subject: grid variant

---
 movietool/html/movies-files/css/style.css | 43 +++++++++++++++++++++++++++++++
 movietool/html/movies-files/js/app.js     |  1 +
 2 files changed, 44 insertions(+)

(limited to 'movietool/html/movies-files')

diff --git a/movietool/html/movies-files/css/style.css b/movietool/html/movies-files/css/style.css
index 6f95335..7ff5474 100644
--- a/movietool/html/movies-files/css/style.css
+++ b/movietool/html/movies-files/css/style.css
@@ -89,3 +89,46 @@ font-weight: bold;
  border: 1px solid #a0a0a0; 
  border-radius: 4px;
 }
+/* grid variant */
+.grid-poster {
+    margin: 10px 20px auto;
+    border-radius: 5px;
+    box-shadow: 0px 0px 15px 0px gray;
+    background-color: #fafafa;
+    float: left;
+    
+    margin: 10px;
+    width: 154px;
+    float: left;
+    height: 231px;
+}
+.grid-poster > .grid-label {
+    width: 154px;
+    position: relative;
+    font-size: 3pt;
+    text-align: center;
+    color: #fafafa;
+}
+.grid-poster:hover > .grid-label {
+    width: 180px;
+    z-index: 10;
+    font-size: 23pt;
+    color: black;
+    border-radius: 5px;
+    box-shadow: 0px 0px 15px 0px gray;
+    background-color: #fafafa;
+}
+.grid {
+    padding-bottom: 100px;
+    padding-top: 30px;
+}
+.grid-filter {
+    text-align: center;
+    width: 100%;
+    position: fixed;
+    padding-top: 5px;
+}
+.grid-filter > input {
+    box-shadow: 0px 0px 5px 0px gray;
+    background-color: #fafafa;
+}
\ No newline at end of file
diff --git a/movietool/html/movies-files/js/app.js b/movietool/html/movies-files/js/app.js
index a3a9632..9b380d9 100644
--- a/movietool/html/movies-files/js/app.js
+++ b/movietool/html/movies-files/js/app.js
@@ -13,6 +13,7 @@ App.Movie = DS.Model.extend({
     summary: DS.attr('string'),
     path: DS.attr('string'),
     poster: DS.attr('string'),
+    posterGrid: DS.attr('string'),
     tagline: DS.attr('string'),
     plot: DS.attr('string'),
     website: DS.attr('string'),
-- 
cgit v1.2.1