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.css174
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;}
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-27 09:18:10 +0000