summaryrefslogtreecommitdiff
path: root/movietool/html/movies-files/css
diff options
context:
space:
mode:
authorYves Fischer <yvesf-git@xapek.org>2015-03-30 00:22:47 +0200
committerYves Fischer <yvesf-git@xapek.org>2015-03-30 00:22:47 +0200
commit1212430927e2ae20874eacbae5915c40a7e9bee2 (patch)
tree72ad4dacc5ba60a5853067643dfa23f0008976e1 /movietool/html/movies-files/css
parent3c0d14ee39432705f9937ae4ac7a149d19ae4f1c (diff)
downloadmovietool-1212430927e2ae20874eacbae5915c40a7e9bee2.tar.gz
movietool-1212430927e2ae20874eacbae5915c40a7e9bee2.zip
grid variant
Diffstat (limited to 'movietool/html/movies-files/css')
-rw-r--r--movietool/html/movies-files/css/style.css43
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