diff --git a/_data/cache_bust_css.yml b/_data/cache_bust_css.yml index 24ce06ab7064..f719fdd171e3 100644 --- a/_data/cache_bust_css.yml +++ b/_data/cache_bust_css.yml @@ -1,2 +1,2 @@ -ff0a6e91ea3d23b64142c0d4d49e4b1b ../all_static/css/main.css +77c14d82285744015875e752ccfc8d6e ../all_static/css/main.css a5765df8bc2358dd61c19edcc0cbef7d ../all_static/css/normalize.css diff --git a/_includes/helpbox.html b/_includes/helpbox.html index 94417777f893..29a71c75db21 100644 --- a/_includes/helpbox.html +++ b/_includes/helpbox.html @@ -1,52 +1,15 @@
-
-
Still need help?
-
-
Contact Us
- -
-

For guaranteed 24 hour response turnarounds, upgrade to a Developer Support Plan.

-
-
+
+
+ +
-
\ No newline at end of file + + diff --git a/all_static/css/main.css b/all_static/css/main.css index 50f358e92afb..9ba2b6f4b7a1 100644 --- a/all_static/css/main.css +++ b/all_static/css/main.css @@ -1865,7 +1865,7 @@ ul.\--ref { opacity: 1; } .\--help-box { - background: #447bdc; + background: #000749; padding: 40px 20px; -webkit-box-flex: 1; -webkit-flex: auto; @@ -1964,7 +1964,7 @@ ul.\--ref { margin-bottom: 20px; position: relative; } .\--help-box .\--wrap h5::before { - content: ''; + content: ""; position: absolute; width: 40px; background: #6693e2; diff --git a/all_static/images/dash-ad.png b/all_static/images/dash-ad.png new file mode 100644 index 000000000000..6389f0c247e0 Binary files /dev/null and b/all_static/images/dash-ad.png differ diff --git a/scss/_components/_helpbox.scss b/scss/_components/_helpbox.scss index fe288f7a583e..7d44ab399247 100644 --- a/scss/_components/_helpbox.scss +++ b/scss/_components/_helpbox.scss @@ -1,132 +1,129 @@ - -.\--help-box{ - background: $blue; - padding:$unit*4 $unit*2; - flex:auto; +.\--help-box { + background: #000749; + padding: $unit * 4 $unit * 2; + flex: auto; width: 100%; position: relative; - z-index:99; - min-width:100%; - .\--wrap{ + z-index: 99; + min-width: 100%; + .\--wrap { //display: flex; //flex-direction: column; text-align: center; - .\--title{ + .\--title { color: white; font-size: 2rem; } - ul{ + ul { display: flex; - color:white; - width:100%; - justify-content:center; + color: white; + width: 100%; + justify-content: center; //ta //border-bottom:$border; //padding:$unit*2 0; @include handheld { - flex-wrap: wrap; - li{ + flex-wrap: wrap; + li { flex: 1 1 100%; text-align: center; - a{ + a { justify-content: center; align-items: center; - border-right:0; + border-right: 0; flex-direction: column; - margin-top:$unit; - border-bottom:1px solid lighten($blue, 12%); - padding:$unit*2; - + margin-top: $unit; + border-bottom: 1px solid lighten($blue, 12%); + padding: $unit * 2; } } } - padding-bottom:$unit*2; - li{ - &:nth-of-type(1){ - a::before{ + padding-bottom: $unit * 2; + li { + &:nth-of-type(1) { + a::before { transform-origin: right; } } - &:nth-of-type(2){ - a::before{ + &:nth-of-type(2) { + a::before { transform-origin: 50% !important; } } - div.icon{ - margin-right:$unit/2; - margin-top:-3px; - svg{ - path{ + div.icon { + margin-right: $unit/2; + margin-top: -3px; + svg { + path { //fill: lighten($blue, 25%); fill: currentColor; } - } } - &:last-of-type{ - a{ - border-right:0; + &:last-of-type { + a { + border-right: 0; } } - span{ + span { display: inline-block; - padding-right:$unit; + padding-right: $unit; display: none; } } - a{ + a { padding: $unit/2 $unit; - padding-top:$unit*1.2; - border-right:1px solid lighten($blue, 12%); + padding-top: $unit * 1.2; + border-right: 1px solid lighten($blue, 12%); //margin:$unit/2; - display:flex; - &:hover{ + display: flex; + &:hover { background: darken($blue, 5%); } - color:white; - &:hover{ + color: white; + &:hover { color: white !important; - opacity:1 !important; + opacity: 1 !important; } } } - h5{ - font-weight:bold; - color:lighten($bblue, 25%); - opacity:0.8; + h5 { + font-weight: bold; + color: lighten($bblue, 25%); + opacity: 0.8; font-size: 1.5rem; - padding-bottom:$unit*2; - margin-bottom:$unit*2; + padding-bottom: $unit * 2; + margin-bottom: $unit * 2; position: relative; - &::before{ - content: ''; + &::before { + content: ""; position: absolute; - width: $unit*4; + width: $unit * 4; background: lighten($blue, 8%); - height:6px; + height: 6px; left: 50%; - margin-left:-$unit*2; - top:100%; + margin-left: -$unit * 2; + top: 100%; } } color: lighten($blue, 25%); - .\--cta{ + .\--cta { background: darken($blue, 5%); - padding:$unit; + padding: $unit; display: flex; align-items: center; - justify-content:center; + justify-content: center; display: inline-block; - max-width:300px; - p{ - margin:0; - padding:0; + max-width: 300px; + p { + margin: 0; + padding: 0; } - a{ + a { text-decoration: underline; color: #ffffff !important; }