diff --git a/app/assets/images/mobileUI-site-nav-opener-bg1.png b/app/assets/images/mobileUI-site-nav-opener-bg1.png new file mode 100644 index 0000000..655785d Binary files /dev/null and b/app/assets/images/mobileUI-site-nav-opener-bg1.png differ diff --git a/app/assets/stylesheets/main.css.erb b/app/assets/stylesheets/main.css.erb index b29c672..976f865 100644 --- a/app/assets/stylesheets/main.css.erb +++ b/app/assets/stylesheets/main.css.erb @@ -1816,7 +1816,7 @@ input, select, textarea { -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; padding-bottom: 1px; - padding-top: 44px; + padding-top: 80px; } #titleBar { @@ -1829,7 +1829,7 @@ input, select, textarea { -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; display: block; - height: 44px; + height: 80px; left: 0; position: fixed; top: 0; @@ -1846,15 +1846,15 @@ input, select, textarea { text-align: center; font-size: 2.2em; font-weight: 400; - line-height: 48px; + line-height: 88px; } #titleBar .toggle { position: absolute; left: 0; top: 0; - width: 80px; - height: 60px; + width: 120px; + height: 90px; } #titleBar .toggle:after { @@ -1867,19 +1867,19 @@ input, select, textarea { background: rgba(255, 255, 255, 0.025); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25); text-shadow: -1px -1px 1px black; - width: 49px; - height: 31px; + width: 99px; + height: 61px; border-radius: 8px; } #titleBar .toggle:before { content: ''; position: absolute; - width: 20px; - height: 30px; - background: url("<%= asset_path('mobileUI-site-nav-opener-bg.svg') %>"); - top: 15px; - left: 20px; + width: 40px; + height: 60px; + background: url("<%= asset_path('mobileUI-site-nav-opener-bg1.png') %>"); + top: 22px; + left: 35px; z-index: 1; opacity: 0.25; }