diff options
Diffstat (limited to 'public')
| -rwxr-xr-x | public/assets/stylesheets/app.css | 49 |
1 files changed, 25 insertions, 24 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 5891ad6..b4b07b5 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -3089,31 +3089,40 @@ a[data-role="forgot-password"] { .aboutRoom { display:none; } + .mx-scene{ + display:none; + } .mobile #scene:after{ - content: "Hello friend! For best viewing we suggest flipping your device sideways and spinning around in circles :)"; + content: "To view this room, flip your device sideways and spin around in circles :)"; z-index: 3; position: fixed; display: inline-block; - background: white; - width: 90%; - top: 50px; - left: 10px; + width: 300px; + top: 80px; + left: 6px; font-size: 27px; font-weight: 300; line-height: 50px; + border-top: 1px solid; border-bottom: 1px solid; - padding-bottom: 20px; + padding: 20px 0; + background-color:rgba(255,255,255,0.7); } +} +#threesixty { + display:none; + width:80px; + z-index: 3; + position: fixed; + bottom: 0; + right: 0; + pointer-events:none; } @media screen and (orientation:landscape) { - .mobile #scene:after{ - content:url(/assets/img/360.png); - z-index: 3; - position: fixed; - bottom: -3px; - right: -3px; + #threesixty { + display:inline; } } @@ -3131,12 +3140,8 @@ a[data-role="forgot-password"] { .hero{ height: 500pt; } - .mobile #scene:after{ - content:url(/assets/img/360.png); - z-index: 3; - position: fixed; - bottom: -3px; - right: -3px; + #threesixty { + display:inline; } #keyhint { display:none; @@ -3151,12 +3156,8 @@ a[data-role="forgot-password"] { .hero{ height: 500pt; } - .mobile #scene:after{ - content:url(/assets/img/360.png); - z-index: 3; - position: fixed; - bottom: -3px; - right: -3px; + #threesixty { + display:inline; } #keyhint { display:none; |