From 364a38076ba60364d2a20dd44d0011ac734a8f76 Mon Sep 17 00:00:00 2001 From: Andy Tudhope Date: Mon, 22 Oct 2018 18:31:45 +0200 Subject: [PATCH] Changes footer --- themes/navy/layout/partial/carbonads.swig | 1 - themes/navy/layout/partial/footer.swig | 116 +++--- themes/navy/source/css/_partial/footer.styl | 385 +++++++++--------- themes/navy/source/css/_partial/main.styl | 4 +- themes/navy/source/img/icon_fb.svg | 1 + themes/navy/source/img/icon_fb2.svg | 1 - .../source/img/{icon_gh2.svg => icon_gh.svg} | 0 .../source/img/{icon_rd2.svg => icon_rd.svg} | 0 .../source/img/{icon_tw2.svg => icon_tw.svg} | 0 themes/navy/source/js/solidity.js | 2 +- 10 files changed, 251 insertions(+), 259 deletions(-) delete mode 100644 themes/navy/layout/partial/carbonads.swig delete mode 100644 themes/navy/source/img/icon_fb2.svg rename themes/navy/source/img/{icon_gh2.svg => icon_gh.svg} (100%) rename themes/navy/source/img/{icon_rd2.svg => icon_rd.svg} (100%) rename themes/navy/source/img/{icon_tw2.svg => icon_tw.svg} (100%) diff --git a/themes/navy/layout/partial/carbonads.swig b/themes/navy/layout/partial/carbonads.swig deleted file mode 100644 index 4349890..0000000 --- a/themes/navy/layout/partial/carbonads.swig +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/themes/navy/layout/partial/footer.swig b/themes/navy/layout/partial/footer.swig index 2ac5599..9916881 100644 --- a/themes/navy/layout/partial/footer.swig +++ b/themes/navy/layout/partial/footer.swig @@ -1,75 +1,51 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/themes/navy/source/css/_partial/footer.styl b/themes/navy/source/css/_partial/footer.styl index 4f89d9a..a425d1e 100644 --- a/themes/navy/source/css/_partial/footer.styl +++ b/themes/navy/source/css/_partial/footer.styl @@ -1,197 +1,214 @@ -.container-footer - max-width: 1400px - margin: 0 auto - padding: 0 20px - display: flex +.footer + width 100% + display flex + justify-content center + background-color #262A39 + position relative + z-index 998 + margin 0 0 0 0 -.footer-info - position: absolute - bottom: 0 - left: 46% - text-align: center - p - margin-bottom: 60px +.footer-inner + display flex + flex-direction column + align-items center + justify-content space-between + width 1200px + padding 32px 0 -.footer-logo - margin-bottom: 6px +.cards--community + &.cards--community--dark + margin 0 + .card-inner + background-color transparent + a + h4 + color $colorWhite + p + color $colorGray + opacity .7 + &:hover + h4 + opacity 0.8 -.ecosystem-footer-wrap - float: left - width: 50% - padding: 0 0 0 100px; +.cards--community--dark + .community-icon--join + background-image url(../img/icon-join-dark.svg) + .community-icon--discussion + background-image url(../img/icon-discussion-dark.svg) + .community-icon--contrubute + background-image url(../img/icon-contribute-dark.svg) -.footer-head - width: 100% - margin-bottom: 10px - h3 - font-size: 16px - color: #FFFFFF - mix-blend-mode: normal - opacity: 0.4 +.footer-nav + width 100% + display flex + align-items center + justify-content center + margin 32px 0 0 0 + padding 32px 0 + border-top 1px solid rgba(255, 255, 255, .1) + li + a + padding 0 12px + color $colorWhite + &:hover + opacity .8 -.ecosystem-footer - width: 40% - text-align: left - float: left - padding: 20px 60px 20px 0 - h4 - color: #fff - font-weight: bold - font-size: 20px - margin: 10px 0 - p - color: rgba(255,255,255,0.4) +.footer-logo-wrap + width 317px + display flex + text-align center -.company - width: 25% - float: left - min-height: 380px - padding-left: 10% - h3 - margin-bottom: 40px - ul - li - padding-bottom: 24px - a - line-height: 24px - font-size: 16px - color: #FFFFFF - text-decoration: none +.footer-logo-wrap__inner + width 100% + display flex + flex-direction column + justify-content space-between + align-items center + padding 16px 0 16px 0 -.social-links - float: left - h3 - margin-bottom: 40px - ul - li - a - line-height: 24px - font-size: 16px - color: #FFFFFF - text-decoration: none +a + &.footer-logo + display block + width 52px + height 52px + background-size 52px + background-image url(../img/footer-logo.svg) + &:hover + opacity .8 -.footer-status - color: #fff - text-decoration: none - background: #3C3F4D - box-shadow: 0px 2px 4px rgba(43, 59, 71, 0.124066) - border-radius: 20px - padding: 12px 24px +.footer-address + padding 20px 0 0 0 + color #939ba1 -.chat-footer - margin-bottom: 28px +.footer-table + display flex -@media (max-width: 1199px) - .ecosystem-footer-wrap - width: 55% +.footer-table__column + box-sizing border-box + padding 32px 74px 64px -@media (max-width: 991px) - .ecosystem-footer-wrap - width: 50% - padding: 0 - .ecosystem-footer - width: 100% - padding: 0 20px - p - display: none - .footer-head - margin-bottom: 30px +.footer-header + color white + opacity .5 + margin 0 0 40px 0 + +.footer-link + height 32px + line-height 32px + margin 0 0 15px 0 + a + display flex + align-items center + color white + text-decoration none + &:hover + opacity .8 + +.footer-icon + display inline-block + width 32px + height 32px + background-color rgba(255, 255, 255, 0.1) + border-radius 50% + margin 0 15px 0 0 + background-repeat no-repeat + background-size 24px + background-position center + +.footer-link--fb + .footer-icon + background-image: url(../img/icon_fb.svg) + +.footer-link--tw + .footer-icon + background-image: url(../img/icon_tw.svg) + +.footer-link--ri + .footer-icon + background-image: url(../img/icon_ri.svg) + +.footer-link--gh + .footer-icon + background-image: url(../img/icon_gh.svg) + +.footer-link--rd + .footer-icon + background-image: url(../img/icon_rd.svg) + +.footer-link--yt + .footer-icon + background-image: url(../img/icon_yt.svg) + +.language-switcher + color white + -webkit-appearance none + font-size 16px + line-height 32px + padding 0 24px 0 0 + background-image url(../img/new-site/icon_dropdown-white.svg) + background-size 24px + background-repeat no-repeat + background-position right center + &:focus + outline none + +@media (max-width: 1248px) + .footer-inner + width 100% + padding 32px 24px + .footer-logo-wrap + //width 200px + +@media (max-width: 960px) + .cards--community + &.cards--community--dark + .card-inner + height auto + min-height 180px + .footer-inner + width 820px + justify-content space-around + +@media (max-width: 800px) + .cards--community + &.cards--community--dark + margin 0 auto + max-width 375px + .card-inner + padding 0 12px @media (max-width: 767px) - .ecosystem-footer-wrap - width: 40% - .footer-info - left: 36% - -@media (max-width: 459px) - .ecosystem-footer-wrap - width: 40% - .footer-head - margin-bottom: 10px - .company - width: 40% - padding: 0 10% - min-height: 100px - ul - li - padding: 0 - .social-links - width: 100% - margin-top: 20px - .footer-info - left: 28% - .chat-footer - margin-left: 26% - .community - margin-left: 32% - -@media (max-width: 459px) - .chat-footer - margin-left: 15% - .community - margin-left: 27% - -footer ul{ - list-style-type: none; - margin: 0; - padding: 0; -} - -footer ul li{ - margin-bottom: 24px; -} - -footer ul li a:hover{ - opacity: .6; - color: #fff; -} - -footer ul.community li a{ - position: relative; - padding-left: 48px; -} - -footer ul.community li a:before, -footer ul.community li a:after{ - content: ''; - width: 32px; - height: 32px; - border-radius: 50%; - background: #FFFFFF; - opacity: 0.1; - position: absolute; - top: 50%; - left: 0; - transform: translateY(-50%); -} - -footer ul.community li a:after{ - opacity: 1; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; -} - -footer ul.community li a.footer-facebook:after{ - background-image: url(../img/icon_fb2.svg); -} - -footer ul.community li a.footer-twitter:after{ - background-image: url(../img/icon_tw2.svg); -} - -footer ul.community li a.footer-riot:after{ - background-image: url(../img/icon_ri.svg); -} - -footer ul.community li a.footer-github:after{ - background-image: url(../img/icon_gh2.svg); -} - -footer ul.community li a.footer-reddit:after{ - background-image: url(../img/icon_rd2.svg); -} - -footer ul.community li a.footer-youtube:after{ - background-image: url(../img/icon_yt.svg); -} \ No newline at end of file + .footer + border-top 0px + .footer-inner + padding 40px 0 0 0 + flex-direction column + .footer-header + margin 0 0 16px 0 + .footer-table + flex-direction column + align-items center + justify-content center + .footer-table__column + text-align center + padding 16px 16px + .footer-nav + margin 0 0 0 0 + .footer-link + text-align center + height 24px + line-height 24px + margin 0 0 16px 0 + a + justify-content center + text-align center + .footer-icon + display none + .footer-logo-wrap + width auto + order 2 + .footer-logo-wrap__inner + width 100% + padding 32px 0 40px 0 + align-items center + text-align center \ No newline at end of file diff --git a/themes/navy/source/css/_partial/main.styl b/themes/navy/source/css/_partial/main.styl index f1c91c0..9472776 100644 --- a/themes/navy/source/css/_partial/main.styl +++ b/themes/navy/source/css/_partial/main.styl @@ -206,8 +206,8 @@ body transition: all 0.3s ease-in-out &:before content: '' - width: 180px - height: 68px + width: 148px + height: 56px display: block background-image: url("../img/logo-status.svg") background-size: cover diff --git a/themes/navy/source/img/icon_fb.svg b/themes/navy/source/img/icon_fb.svg index e69de29..1741a8e 100644 --- a/themes/navy/source/img/icon_fb.svg +++ b/themes/navy/source/img/icon_fb.svg @@ -0,0 +1 @@ +icon_fb \ No newline at end of file diff --git a/themes/navy/source/img/icon_fb2.svg b/themes/navy/source/img/icon_fb2.svg deleted file mode 100644 index 1741a8e..0000000 --- a/themes/navy/source/img/icon_fb2.svg +++ /dev/null @@ -1 +0,0 @@ -icon_fb \ No newline at end of file diff --git a/themes/navy/source/img/icon_gh2.svg b/themes/navy/source/img/icon_gh.svg similarity index 100% rename from themes/navy/source/img/icon_gh2.svg rename to themes/navy/source/img/icon_gh.svg diff --git a/themes/navy/source/img/icon_rd2.svg b/themes/navy/source/img/icon_rd.svg similarity index 100% rename from themes/navy/source/img/icon_rd2.svg rename to themes/navy/source/img/icon_rd.svg diff --git a/themes/navy/source/img/icon_tw2.svg b/themes/navy/source/img/icon_tw.svg similarity index 100% rename from themes/navy/source/img/icon_tw2.svg rename to themes/navy/source/img/icon_tw.svg diff --git a/themes/navy/source/js/solidity.js b/themes/navy/source/js/solidity.js index b756d6d..5b7d5bb 100644 --- a/themes/navy/source/js/solidity.js +++ b/themes/navy/source/js/solidity.js @@ -13,7 +13,7 @@ * @since: 2016-07-01 */ -module || (module = {}); // shim for browser use +var module = module ? module : {}; // shim for browser use function hljsDefineSolidity(hljs) { var SOL_KEYWORDS = {