diff options
| -rw-r--r-- | public/assets/javascripts/ui/editor/HelpCursor.js | 2 | ||||
| -rwxr-xr-x | public/assets/stylesheets/app.css | 72 |
2 files changed, 58 insertions, 16 deletions
diff --git a/public/assets/javascripts/ui/editor/HelpCursor.js b/public/assets/javascripts/ui/editor/HelpCursor.js index 06f6ab2..d0e1825 100644 --- a/public/assets/javascripts/ui/editor/HelpCursor.js +++ b/public/assets/javascripts/ui/editor/HelpCursor.js @@ -5,7 +5,7 @@ var HelpCursor = View.extend({ active: false, messages: { - start: "Welcome to Vvalls! Click one of the tools at right to learn about it.", + start: "Welcome to VValls! Click one of the tools at right to learn about it.", media: "This is where you pick media to go on the walls. You can upload media and paste links.", addmedia: "Great, now click a wall to place this image.", resize: "Drag the image to position it, or use the dots to resize.", diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 209a3ad..89a6495 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -537,7 +537,7 @@ iframe.embed { .footer { width: 100%; - padding: 80px 0; + padding: 100px 0 120px 0; background: #f9f9f9; float: left; clear: both; @@ -1471,6 +1471,7 @@ border-left: 1px solid black; -webkit-transition: -webkit-transform 0.1s ease-in-out; line-height: 0; vertical-align: text-bottom; + background-color:white; -webkit-user-drag: element; } .wallpaper.active .swatches .swatch:hover { @@ -1501,7 +1502,7 @@ border-left: 1px solid black; transition: transform 0.2s; } .vvbox .colors span:hover { - transform: translateX(3px) translateY(-3px); + transform: translateX(2px) translateY(-2px); } .toolButton { @@ -1676,6 +1677,7 @@ input[type="range"]::-webkit-slider-thumb { float:left; cursor:pointer; border-bottom: 1px transparent solid; + padding: 5px; } .presets span:hover, .presets span.active { @@ -1734,14 +1736,18 @@ input[type="range"]::-webkit-slider-thumb { #helpCursor { position: fixed; max-width: 200px; - font-size: 13px; + font-size: 15px; color: black; - background: #fff; + background: rgba(255,255,255,0.9); margin: 8px 0 0 8px; - padding: 4px; - font-weight: 500; + padding: 10px; + font-weight: 600; z-index: 22; display: none; + margin-left:-210px; + margin-bottom:20px; + border:1px solid; + box-shadow:3px 3px black; } .settings.info { @@ -2121,6 +2127,11 @@ form p{ margin-top: 10px; color: #999; } +form p.guidelines { + width: 200px; + text-align: left; + margin: 20px 0; +} form h3 { text-align: left; font-weight: 600; @@ -2155,6 +2166,7 @@ form li div div { } form li img#load_avatar { max-width: 200px; + float: right; } form li textarea { width: 100%; @@ -2231,15 +2243,12 @@ form li textarea { transform: translateY(-200px) translateZ(0); } #fixed_close.active { - animation: visibility 0.2s; - animation-fill-mode: forwards; + animation:0.2s transform linear 1s; display: block; + transform: translateY(0px) translateZ(0); } -@keyframes visibility { - 100% { - transform: translateY(0px) translateZ(0); - } -} + + .desktop .close:hover { @@ -2606,7 +2615,40 @@ a[data-role="forgot-password"] { margin: 20px 0; } .projectList .room { - width: 100%; - height: 260px; + width: 100%; + height: 260px; + } + .aboutRoom { + width: 170px; + padding: 6px 8px 8px 8px; } + .aboutRoom h2 { + font-size: 13px; + margin: 1px 0 0 0; + } + .aboutRoom h1 a, .aboutRoom h1 { + font-size: 16px; + } +} + +@media screen and (orientation:portrait) { + .aboutRoom { + display:none; + } + body:after{ + content:"Hey there! For best viewing we suggest flipping your device sideways and spinning around in circles :)"; + z-index: 3; + border: 1px solid; + position: fixed; + display: inline-block; + background: white; + box-shadow: -3px 3px; + width: 170px; + background: rgba(255,255,255,0.95); + padding: 6px 8px 8px 8px; + position: fixed; + bottom: 10px; + left: 10px; + border: 1px solid; + } }
\ No newline at end of file |