diff --git a/app/assets/images/theme1/social.png b/app/assets/images/theme1/social.png new file mode 100644 index 00000000..d60db95d Binary files /dev/null and b/app/assets/images/theme1/social.png differ diff --git a/app/assets/stylesheets/theme1/theme1.css.sass b/app/assets/stylesheets/theme1/theme1.css.sass index 87b0dd71..cf043f83 100644 --- a/app/assets/stylesheets/theme1/theme1.css.sass +++ b/app/assets/stylesheets/theme1/theme1.css.sass @@ -61,8 +61,29 @@ body #header margin-bottom: 20px height: 74px - a - margin: 20px + #logo + a + margin: 20px + #header-right + padding-right: 30px + .social + float: right + width: 222px + text-align: right + a + background-image: image-url('theme1/social.png') + margin: 0 0 0 3px + width: 32px + height: 56px + display: inline-block + &.wsite-social-facebook + background-position: 0 0 + &.wsite-social-twitter + background-position: -35px 0 + &.wsite-social-linkedin + background-position: -70px 0 + &.wsite-social-rss + background-position: -141px 0 #nav-wrap .container clear: both diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim index 1360fa81..2a17e857 100644 --- a/app/views/layouts/application.html.slim +++ b/app/views/layouts/application.html.slim @@ -26,7 +26,17 @@ html lang="en" .light3 .container #header - = link_to image_tag('icons/logo-small.png', alt: application_title), root_path + #header-right + .social + a.wsite-social-facebook href="https://www.facebook.com/Qwaiter" target=:_blank + span.wsite-social-inner + a.wsite-social-twitter href="https://twitter.com/qwaiter" target=:_blank + span.wsite-social-inner + a.wsite-social-linkedin href="http://www.linkedin.com/company/579750" target=:_blank + span.wsite-social-inner + a.wsite-social-rss + span.wsite-social-inner + #logo= link_to image_tag('icons/logo-small.png', alt: application_title), root_path #nav-wrap .container ul.nav