From 5b12dd422167c5aaf210d49d57b78312eb209b94 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Wed, 8 Oct 2014 16:41:54 -0400
Subject: images in a stack

---
 public/assets/stylesheets/app.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'public/assets/stylesheets/app.css')

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 1328006..35ed951 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -360,17 +360,23 @@ iframe.embed {
 .room .images {
   position: absolute;
   top: 0; left: 0;
-  z-index: 2;
+  z-index: -1;
   width: 100%;
   height: 100%;
   text-align: center;
   overflow: hidden;
 }
-.room .images img {
-  width: 30%;
+.room .images div {
   position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center center;
 }
 
+/*
 .room .images[data-mediacount='1'] img:nth-child(1) { left: 20%; top: 20%; }
 
 .room .images[data-mediacount='2'] img:nth-child(1) { left: 51%; bottom: 0%; width: auto; height: 40%; }
@@ -384,6 +390,7 @@ iframe.embed {
 .room .images[data-mediacount='4'] img:nth-child(2) { left: 51%; bottom: 61%; }
 .room .images[data-mediacount='4'] img:nth-child(3) { right: 51%; top: 61%; }
 .room .images[data-mediacount='4'] img:nth-child(4) { left: 51%; top: 41%; }
+*/
 
 .page .btn {
 	clear: both;
-- 
cgit v1.2.3-70-g09d2