summaryrefslogtreecommitdiff
path: root/public/assets/stylesheets/app.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/assets/stylesheets/app.css')
-rwxr-xr-xpublic/assets/stylesheets/app.css53
1 files changed, 51 insertions, 2 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 488e53e..894483d 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -92,6 +92,53 @@ a{
text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
+.videoModal {
+ position: relative;
+ width: 0;
+ height: 0;
+ background: rgba(255,255,255,0);
+ display: table;
+ opacity:0;
+ z-index: -1;
+ top:-100%;
+ left:-100%;
+ overflow:hidden;
+ -webkit-transition:0.4s background;
+ -moz-transition:0.4s background;
+ transition:0.4s background;
+ display:none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+}
+
+.videoModal.active {
+ position: fixed;
+ display:table;
+ opacity:1;
+ z-index: 6;
+ width: 100%;
+ height: 100%;
+ top:0;
+ left:0;
+ background: rgba(255,255,255,0.9);
+}
+
+.videoModal .ion-ios7-close-empty {
+ position: absolute;
+ right: 50px;
+ top: 60px;
+ font-size: 80px;
+ cursor:pointer;
+ color:#444;
+}
+
+.videoModal .ion-ios7-close-empty:hover {
+ color:black;
+}
+
#help-button {
display: none;
border-right:0px!important;
@@ -266,7 +313,7 @@ h5 {
}
.projectList.about .item .rap {
- max-width: 1250px;
+ max-width: 1500px;
margin: 0 auto;
padding: 0 10%;
}
@@ -1475,6 +1522,8 @@ border-left: 1px solid black;
vertical-align: text-bottom;
background-color:white;
-webkit-user-drag: element;
+ background-size: auto 100%;
+ background-position: center;
}
.wallpaper.active .swatches .swatch:hover {
cursor: pointer;
@@ -2662,7 +2711,7 @@ a[data-role="forgot-password"] {
.aboutRoom {
display:none;
}
- body:after{
+ .mobile #scene:after{
content:"Hey there! For best viewing we suggest flipping your device sideways and spinning around in circles :)";
z-index: 3;
border: 1px solid;