diff --git a/static/css/pages/plans.css b/static/css/pages/plans.css index 9532b75df..696e6738f 100644 --- a/static/css/pages/plans.css +++ b/static/css/pages/plans.css @@ -13,8 +13,8 @@ .plans-panel .plan-tabs { text-align: center; - margin-left: 30px; - margin-right: 30px; + padding-left: 30px; + padding-right: 30px; margin-bottom: 40px; } @@ -24,10 +24,16 @@ width: 49%; } -.plans-panel .plans-tab a { +.plans-panel .plan-tabs a { padding-bottom: 25px; } +.plans-panel .plan-tabs a:hover { + background-color: transparent; + border: 0px; + cursor: pointer; +} + .plans-panel .plan-tabs a .tab-logo { display: block; margin-bottom: 25px; @@ -43,7 +49,12 @@ display: block; text-align: center; font-size: 16px; - color: #888; + color: #1D314F; + font-weight: 300; +} + +.plans-panel .plan-tabs a:hover .tab-title { + color: #51A3D9; } @media (max-width: 767px) { @@ -68,17 +79,20 @@ content: "-"; text-transform: uppercase; color: white; + height: 25px; } .plans-panel .plan-col.popular:before { content: "Most Popular"; color: #2276ad; + height: 25px; + line-height: 25px; background-color: #c1dff3; } .plans-panel .plan-box { background-color: #1d3447; - color: #ddd; + color: #fff; padding: 20px; } @@ -106,7 +120,7 @@ .plans-panel .plan-box .plan-header .plan-box-price { float: right; width: 60px; - font-size: 22px; + font-size: 18px; position: relative; } @@ -116,6 +130,10 @@ width: 100%; } +.plans-panel .plan-box .trial-button .fa { + padding-left: 5px; +} + .plans-panel .plan-box select { margin-bottom: 10px; } @@ -123,15 +141,7 @@ .plans-panel .plan-box ul { padding: 0px; padding-left: 16px; -} - -.plans-panel .plan-box .plan-header .plan-box-price:after { - content: "/ mo"; - position: absolute; - top: 9px; - right: 0px; - font-size: 12px; - color: #aaa; + list-style: square; } .plans-panel .plan-features { diff --git a/static/partials/plans.html b/static/partials/plans.html index 9a861881a..50b231a92 100644 --- a/static/partials/plans.html +++ b/static/partials/plans.html @@ -34,7 +34,7 @@