store image width/height

1 files changed, 45 insertions, 129 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 29eb3c8..e14b570 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -20,7 +20,6 @@ body.noOverflow{
 
 body.loading * {
 	-webkit-transition: all 0 ease 0 !important;
-	-moz-transition: all 0 ease 0 !important;
 	transition: all 0 ease 0 !important;
 }
 
@@ -51,7 +50,8 @@ a{
 
 .floatingImg {
   width: 100%;
-  cursor: -webkit-grabbing; cursor: -moz-grabbing;
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
 }
 
 .floatimgImg.edit {
@@ -59,14 +59,15 @@ a{
 }
 
 .ants {
-width:320px;
-height:auto;
-padding:15px;
-background:white;
-position:absolute;
-margin:0 auto;
-overflow:hidden;
-display: none;
+	width:320px;
+	height: auto;
+	padding:15px;
+	background:white;
+	position:absolute;
+	margin:0 auto;
+	overflow:hidden;
+	display: none;
+	z-index: 10;
 }
 
 .ants.edit {
@@ -81,16 +82,12 @@ display: none;
   top:0px;
   left:0px;
   background:#fff;
-  -webkit-animation:borderanimation 10s infinite;
-  -moz-animation:borderanimation 10s infinite;
-  -ms-animation:borderanimation 10s infinite;
-  -o-animation:borderanimation 10s infinite;
-  animation:borderanimation 10s infinite;
+  -webkit-animation:borderanimation 10s infinite linear;
+  animation:borderanimation 10s infinite linear;
   z-index:99;
 }
 
-.ants:after
-{
+.ants:after {
   content:"";
   width:100%;
   border-bottom:1px dashed #000;
@@ -98,15 +95,11 @@ display: none;
   bottom:0px;
   left:0px;
   background:#fff;
-  -webkit-animation:borderanimation 10s infinite;
-  -moz-animation:borderanimation 10s infinite;
-  -ms-animation:borderanimation 10s infinite;
-  -o-animation:borderanimation 10s infinite;
-  animation:borderanimation 10s infinite;
+  -webkit-animation:borderanimation 10s infinite linear;
+  animation:borderanimation 10s infinite linear;
 }
 
-.leftborder
-{ 
+.leftborder {
   height:auto;
   width:100%;
   position:absolute;
@@ -115,8 +108,7 @@ display: none;
   background:#fff;
 }
 
-.leftborder:before
-{
+.leftborder:before {
   content:"";
   height:250px; 
   border-left:1px dashed #000;
@@ -124,15 +116,11 @@ display: none;
   top:0px;
   left:1px;
   background:#fff;
-  -webkit-animation:borderanimationleftright 10s infinite;
-  -moz-animation:borderanimationleftright 10s infinite;
-  -ms-animation:borderanimationleftright 10s infinite;
-  -o-animation:borderanimationleftright 10s infinite;
-  animation:borderanimationleftright 10s infinite;
+  -webkit-animation:borderanimationleftright 10s infinite linear;
+  animation:borderanimationleftright 10s infinite linear;
 }
 
-.leftborder:after
-{
+.leftborder:after {
   content:"";  
   height:250px;
   border-left:1px dashed #000;
@@ -140,21 +128,18 @@ display: none;
   top:0px;
   left:100%;
   background:#fff;
-  -webkit-animation:borderanimationleftright 10s infinite;
-  -moz-animation:borderanimationleftright 10s infinite;
-  -ms-animation:borderanimationleftright 10s infinite;
-  -o-animation:borderanimationleftright 10s infinite;
-  animation:borderanimationleftright 10s infinite; 
+  -webkit-animation:borderanimationleftright 10s infinite linear;
+  animation:borderanimationleftright 10s infinite linear; 
 }
 
-h5{
+h5 {
   font-weight: 300;
   font-style: italic;
   margin: 20px 0 0px 0;
   font-size: 14px;
 }
 
-.page{
+.page {
   text-align:center;
 }
 
@@ -258,7 +243,7 @@ h5{
   height: 100%;
   background: rgba(255,255,255,0.9);
   -webkit-transform:translateY(-100%);
-  -moz-transform:translateY(-100%);
+  transform:translateY(-100%);
 }
 
 .room1 form {
@@ -272,8 +257,8 @@ h5{
 }
 
 .room1.editing .formHolder {
-  -webkit-transform:translateY(0);
-  -moz-transform:translateY(0);
+	-webkit-transform:translateY(0);
+	transform:translateY(0);
 }
 
 .page .questions {
@@ -511,18 +496,19 @@ h5{
   position:fixed;
   top:0;
   left:0;
-  cursor: -webkit-grab; cursor: -moz-grab;
+  cursor: -webkit-grab;
+  cursor: -moz-grab;
   z-index: 1;
   position: fixed;
   top: 50%;
   left: 50%;
   -webkit-transform: translate3d(-50%, -50%, 0);
-  -moz-transform: translate3d(-50%, -50%, 0);
   transform: translate3d(-50%, -50%, 0);
   cursor:pointer;
 }
 .mx-scene:active{
-  cursor: -webkit-grabbing; cursor: -moz-grabbing;
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
 }
 .mx-object3d.image, .mx-object3d canvas,
 .mx-object3d.backface-hidden {
@@ -696,43 +682,35 @@ h5{
   overflow-y:scroll;
 }
 
-.fixed::-webkit-scrollbar
-{
+.fixed::-webkit-scrollbar {
   width: 3px;  
 }
 
-.fixed::-webkit-scrollbar-track
-{
+.fixed::-webkit-scrollbar-track {
   background:white;
 }
 
-.fixed::-webkit-scrollbar-thumb
-{
+.fixed::-webkit-scrollbar-thumb {
   background: black;
 }
 
-.fixed::-moz-scrollbar
-{
+.fixed::-moz-scrollbar {
   width: 3px;  
 }
 
-.fixed::-moz-scrollbar-track
-{
+.fixed::-moz-scrollbar-track {
   background:white;
 }
 
-.fixed::-moz-scrollbar-thumb
-{
+.fixed::-moz-scrollbar-thumb{
   background: black;
 }
 .animate {
   -webkit-transition:all 0.2s ease-in-out;
-  -moz-transition:all 0.2s ease-in-out;
   transform:translateY(-100%);
 }
 .mediaDrawer {
   -webkit-transform:translateY(-100%);
-  -moz-transform:translateY(-100%);
   transform:translateY(-100%);
   background:rgba(255,255,255,0.9);
   text-align:center;
@@ -740,7 +718,6 @@ h5{
 }
 .mediaDrawer.active {
   -webkit-transform:translateY(0%);
-  -moz-transform:translateY(0%);
   transform:translateY(0%);
 }
 .mediaDrawer.signin, .mediaDrawer.signup,
@@ -814,8 +791,6 @@ h5{
   z-index: 4;
   -webkit-transform: translateY(-1000%);
   -webkit-transition: -webkit-transform 0.6s ease-in-out;
-  -moz-transform: translateY(-1000%);
-  -moz-transition: -webkit-transform 0.6s ease-in-out;
   transform: translateY(-1000%);
   transition: -webkit-transform 0.6s ease-in-out;
   border: 1px solid;
@@ -824,7 +799,6 @@ h5{
 
 .fileUpload.active {
   -webkit-transform:translateY(0%);
-  -moz-transform:translateY(0%);
   transform:translateY(0%);
 }
 
@@ -871,7 +845,6 @@ h5{
 }
 .myMedia {
   -webkit-transition: opacity 0.3s ease-in-out;
-  -moz-transition: opacity 0.3s ease-in-out;
   transition: opacity 0.3s ease-in-out;
 }
 .myMedia.inactive {
@@ -884,17 +857,14 @@ h5{
   left:0;
   -webkit-transform: translateX(100%);
   -webkit-transition: -webkit-transform 0.3s ease-in-out;
-  -moz-transform: translateX(100%);
-  -moz-transition: -webkit-transform 0.3s ease-in-out;
   transform: translateX(100%);
-  transition: -webkit-transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out;
   padding-top:40px;
 }
 
 .foundMedia.active {
-  -webkit-transform:translateX(0%);
-  -moz-transform:translateX(0%);
-  transform:translateX(0%);
+  -webkit-transform: translateX(0%);
+  transform: translateX(0%);
 }
 
 .mediaDrawer h2{
@@ -1007,12 +977,10 @@ h5{
 	cursor:pointer;
 	background:black;
 	-webkit-transform: translateY(0px);
-  -moz-transform: translateY(0px);
   transform: translateY(0px);
 }
 #minimap.hide{
   -webkit-transform: translateY(155px);
-  -moz-transform: translateY(155px);
   transform: translateY(155px);
 }
 #minimap.hide canvas{
@@ -1023,7 +991,6 @@ h5{
 	width:130px;
 	opacity:1;
 	-webkit-transition:opacity 0.3s ease-in-out;
-	-moz-transition:opacity 0.3s ease-in-out;
 	transition:opacity 0.3s ease-in-out;
 }
 
@@ -1034,15 +1001,12 @@ h5{
   z-index: 1;
   -webkit-transition: -webkit-transform 0.1s ease-in-out;
   -webkit-transform: translateX(400px);
-  -moz-transition: -webkit-transform 0.1s ease-in-out;
-  -moz-transform: translateX(400px);
   transition: -webkit-transform 0.1s ease-in-out;
   transform: translateX(400px);
 }
 .wallpaper.active {
   display:inline-block;
   -webkit-transform: translateX(0px);
-  -moz-transform: translateX(0px);
   transform: translateX(0px);
 }
 .wallpaper.active span {
@@ -1084,7 +1048,6 @@ h5{
 .wallpaper.active span:hover {
   cursor: pointer;
   -webkit-transform: translateX(3px) translateY(-3px);
-  -moz-transform: translateX(3px) translateY(-3px);
   transform: translateX(3px) translateY(-3px);
 }
 
@@ -1094,15 +1057,12 @@ h5{
   padding: 20px;
   -webkit-transform: translateX(400px);
   -webkit-transition: -webkit-transform 0.2s ease-in-out;
-  -moz-transform: translateX(400px);
-  -moz-transition: -webkit-transform 0.2s ease-in-out;
   transform: translateX(400px);
   transition: -webkit-transform 0.2s ease-in-out;
 }
 
 .lightcontrol.active {
   -webkit-transform: translateX(0px);
-  -moz-transform: translateX(0px);
   transform: translateX(0px);
 }
 
@@ -1137,15 +1097,12 @@ input[type="range"]::-webkit-slider-thumb {
   font-size: 12px;
   -webkit-transform: translateY(400px);
   -webkit-transition: -webkit-transform 0.2s ease-in-out;
-  -moz-transform: translateY(400px);
-  -moz-transition: -webkit-transform 0.2s ease-in-out;
   transform: translateY(400px);
   transition: -webkit-transform 0.2s ease-in-out;
 }
 
 .settings.active {
   -webkit-transform: translateY(0px);
-  -moz-transform: translateY(0px);
   transform: translateY(0px);
 }
 
@@ -1156,21 +1113,19 @@ input[type="range"]::-webkit-slider-thumb {
 #startpoint:hover {
   text-decoration: underline;
 }
-@-webkit-keyframes fade
-{
-  50%{
+@-webkit-keyframes fade {
+  50% {
     opacity:0.6;
   }
 }
-@-moz-keyframes fade
-{
+@keyframes fade {
   50%{
     opacity:0.6;
   }
 }
 #startpoint.active #moveText{
   -webkit-animation:fade 0.5s infinite;
-  -moz-animation:fade 0.5s infinite;
+  animation:fade 0.5s infinite;
 }
 #moveText{
   display:none;
@@ -1282,8 +1237,6 @@ button:hover {
   /*border-radius: 5px 0 0 5px;*/
   -webkit-transform: translate3d(-103%,0,0);
   -webkit-transition: all 250ms;
-  -moz-transform: translate3d(-103%,0,0);
-  -moz-transition: all 250ms;
   transform: translate3d(-103%,0,0);
   transition: all 250ms;
   background:;
@@ -1291,7 +1244,6 @@ button:hover {
 
 .radio-group__label + input:checked + .radio-group__label:before {
   -webkit-transform: translate3d(-6px,0,0);
-  -moz-transform: translate3d(-6px,0,0);
   transform: translate3d(-6px,0,0);
 }
   
@@ -1529,42 +1481,6 @@ form li textarea {
   100%{height:500px;top:2px;}
 }
 
-@-moz-keyframes borderanimation
-{
-  0%{width:600px;}
-  100%{width:750px;left:2px;}
-}
-
-@-moz-keyframes borderanimationleftright
-{
-  0%{height:250px;}
-  100%{height:500px;top:2px;}
-}
-
-@-ms-keyframes borderanimation
-{
-  0%{width:500px;}
-  100%{width:750px;left:2px;}
-}
-
-@-ms-keyframes borderanimationleftright
-{
-  0%{height:250px;}
-  100%{height:500px;top:2px;}
-}
-
-@-o-keyframes borderanimation
-{
-  0%{width:500px;}
-  100%{width:750px;left:2px;}
-}
-
-@-o-keyframes borderanimationleftright
-{
-  0%{height:250px;}
-  100%{height:500px;top:2px;}
-}
-
 @keyframes borderanimation
 {
   0%{width:500px;}