From 1212430927e2ae20874eacbae5915c40a7e9bee2 Mon Sep 17 00:00:00 2001 From: Yves Fischer 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 + movietool/html/movies-grid.html | 42 ++++++++++++++++++++++++++++++ 3 files changed, 86 insertions(+) create mode 100644 movietool/html/movies-grid.html (limited to 'movietool/html') 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'), diff --git a/movietool/html/movies-grid.html b/movietool/html/movies-grid.html new file mode 100644 index 0000000..7e63ccb --- /dev/null +++ b/movietool/html/movies-grid.html @@ -0,0 +1,42 @@ + + + + + Movies + + + + + + + + + + + + -- cgit v1.2.1