diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css index 61128e69..2f44613b 100755 --- a/datacenterlight/static/datacenterlight/css/landing-page.css +++ b/datacenterlight/static/datacenterlight/css/landing-page.css @@ -394,25 +394,26 @@ textarea { color: #5A74AF; } -.split-section .split-text .lead { - font-size: 21px; - color: #3a3a3a; - font-weight: 300 !important; +.split-section h2 { + font-size: 36px; + font-weight: 400; } -.split-section .split-text h2 { +.split-section .split-title-plain h2 { font-size: 40px; + font-weight: 300; line-height: 50px; color: #3a3a3a; } -.split-section .split-text .split-title { +.split-section .split-title { position: relative; margin-bottom: 25px; } -.split-section .split-text .split-title h2 { +.split-section .split-title h2 { font-size: 50px; + font-weight: 300; padding-bottom: 25px; letter-spacing: 2px; } @@ -428,6 +429,15 @@ textarea { margin-right: auto; } +.split-section .split-description .lead { + color: #3a3a3a; + font-size: 21px; +} + +.split-section .space .split-description .lead { + font-size: 20px; +} + .split-section.right .split-description { width: 90%; margin-left: auto; @@ -440,15 +450,17 @@ textarea { } .split-section.right .split-text ul, -.split-section.left .split-text { +.split-section.left .split-text, +.split-section.left .space { text-align: left; } -.split-section.right .split-text { +.split-section.right .split-text, +.split-section.right .space { text-align: right; } -.split-section .split-text .split-title::before { +.split-section .split-title::before { content: ""; position: absolute; bottom: 0; @@ -458,11 +470,11 @@ textarea { left: auto; } -.split-section.right .split-text .split-title::before { +.split-section.right .split-title::before { right: 0; } -.split-section.left .split-text .split-title::before { +.split-section.left .split-title::before { left: 0; } @@ -501,10 +513,15 @@ textarea { .split-section-plain .split-figure { width: 41.66666667%; } - + .split-section-plain .split-figure.col-sm-push-6 { + left: 58.33333333%; + } .split-section-plain .split-text { width: 58.33333333%; } + .split-section-plain .split-text.col-sm-pull-6 { + right: 41.66666667%; + } } .section-image img { @@ -726,34 +743,9 @@ textarea { width: 70%; } -hr.thick-divider { - border-top: 3px solid #eee !important; -} - .space { - padding: 50px 0; -} - -tech-sub-sec h2 { - font-size: 45px; - line-height: 60px; - padding-bottom: 25px; - color: #3a3a3a; - letter-spacing: 1px; -} - -.logo-wrap { - text-align: center; - min-height: 140px; - padding: 20px 40px 30px 40px; -} - -.btm-space { - padding-bottom: 8px; -} - -.btm-space-tayga { - padding-bottom: 12px; + max-width: 660px; + margin: auto; } .percent-text { @@ -761,11 +753,6 @@ tech-sub-sec h2 { color: #999; } -.tech-sub-sec h2 { - font-size: 40px; - line-height: 55px; -} - .space-middle { /* padding: 45px 0; */ display: inline-block; @@ -791,16 +778,6 @@ tech-sub-sec h2 { padding: 30px 2px 20px; } -.logo-wrap .logo-caption { - padding-top: 20px; - display: inline-block; - color: #999 !important; -} - -.logo-wrap-1 { - padding-top: 50px; -} - /*Pricing page*/ @@ -966,20 +943,14 @@ tech-sub-sec h2 { } } -@media (min-width: 576px) and (max-width: 767px) { - .logo-wrap, .logo-wrap-1 { - width: 50%; - padding: 15px 30px !important; - min-height: 179px; - } -} @media(max-width:991px) { - .section-sm-center .split-text { + .section-sm-center .split-text, + .section-sm-center .space { text-align: center !important; margin-bottom: 40px; } - .section-sm-center .split-text .split-title::before { + .section-sm-center .split-title::before { left: 50% !important; transform: translate(-50%, 0); } @@ -989,9 +960,6 @@ tech-sub-sec h2 { } @media(max-width:767px) { - .logo-wrap { - padding: 10px; - } .navbar-transparent li a { color: #777 !important; } @@ -1076,11 +1044,14 @@ tech-sub-sec h2 { .split-section .icon-section i { font-size: 120px; } - .split-section .split-text h2 { + .split-section h2 { + font-size: 28px; + } + .split-section .split-title-plain h2 { font-size: 30px; line-height: 35px; } - .split-section .split-text .split-title h2 { + .split-section .split-title h2 { font-size: 35px; line-height: 35px; } @@ -1138,9 +1109,6 @@ tech-sub-sec h2 { } @media(max-width:575px) { - .logo-wrap { - padding: 30px; - } .percent-text { font-weight: normal; font-size: 37px; @@ -1210,12 +1178,16 @@ footer { flex-shrink: 0; padding: 0 15px; } + .flex-row .desc-text { + text-align: right; + } .flex-row .desc-text, .flex-row .percent-text { - max-width: 380px; + max-width: 430px; } .flex-row-rev .desc-text { max-width: 710px; + text-align: left; } .flex-row-rev .percent-text { order: 2; @@ -1225,10 +1197,6 @@ footer { } } -.w380 { - max-width: 380px !important; -} - .checkmark { display: inline-block; } diff --git a/datacenterlight/templates/datacenterlight/cms/banner_list.html b/datacenterlight/templates/datacenterlight/cms/banner_list.html index 7ef1c1c5..92c5c059 100644 --- a/datacenterlight/templates/datacenterlight/cms/banner_list.html +++ b/datacenterlight/templates/datacenterlight/cms/banner_list.html @@ -2,9 +2,11 @@