1 files changed, 43 insertions, 0 deletions
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