diff --git a/datacenterlight/static/datacenterlight/css/cms.css b/datacenterlight/static/datacenterlight/css/cms.css
index d36a7876..46abf8d8 100644
--- a/datacenterlight/static/datacenterlight/css/cms.css
+++ b/datacenterlight/static/datacenterlight/css/cms.css
@@ -1,56 +1,4 @@
-.dcl-cms_page-full-width {
- color: #fff;
- text-align: center;
- background-image: -ms-linear-gradient(right, #29427A 50%, #4F6699 100%);
- background-image: -moz-linear-gradient(right, #29427A 50%, #4F6699 100%);
- background-image: -o-linear-gradient(right, #29427A 50%, #4F6699 100%);
- background-image: -webkit-gradient(linear, right top, left top, color-stop(50, #29427A), color-stop(100, #4F6699));
- background-image: -webkit-linear-gradient(right, #29427A 50%, #4F6699 100%);
- background-image: linear-gradient(to left, #29427A 50%, #4F6699 100%);
-}
-
-.dcl-cms_page-header {
- padding: 150px 0 150px 0;
- text-align: center;
- color: #f8f8f8;
- background: url(../img/pattern.jpg) no-repeat center center;
- background-size: cover;
- position: relative;
- background-attachment: fixed;
-}
-
-.dcl-cms_page-header::before {
- content: "";
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background: rgba(90, 116, 175, 0.85);
-}
-
-.dcl-cms_page-header .container {
- position: relative;
-}
-
-#dcl-cms_page-text {
- background: #fff;
-}
-
-#dcl-cms_page-text h3 {
- font-size: 42px;
- width: 70%;
-}
-
-@media (max-width: 767px) {
- #dcl-cms_page-text h3 {
- font-size: 30px;
- line-height: 40px;
- width: 100%;
- }
-}
-
-/* only for editing mode */
+/* only for cms editing mode */
.section-figure .cms-plugin {
flex-basis: 50%;
flex-grow: 1;
@@ -58,4 +6,10 @@
.split-section-plain .section-figure .cms-plugin {
flex-grow: 0;
+}
+
+@media (max-width: 767px) {
+ .section-figure .cms-plugin {
+ flex-basis: 100%;
+ }
}
\ No newline at end of file
diff --git a/datacenterlight/static/datacenterlight/css/header-slider.css b/datacenterlight/static/datacenterlight/css/header-slider.css
index 3c31adcf..9f5161d7 100644
--- a/datacenterlight/static/datacenterlight/css/header-slider.css
+++ b/datacenterlight/static/datacenterlight/css/header-slider.css
@@ -65,6 +65,13 @@
position: relative;
}
+@media (max-width: 767px) {
+ .header_slider .intro-cap,
+ .header_slider .intro_lead {
+ font-weight: 400;
+ }
+}
+
@media (min-width: 768px) {
.header_slider .intro-cap {
font-size: 2.5em;
diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index 1bb9308d..763867b2 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -244,6 +244,44 @@ textarea {
padding: 5px 10px !important;
}
+
+/* dcl header */
+.dcl-header {
+ padding: 150px 0 150px 0;
+ text-align: center;
+ color: #f8f8f8;
+ background: url(../img/pattern.jpg) no-repeat center center;
+ background-size: cover;
+ position: relative;
+ background-attachment: fixed;
+}
+
+.dcl-header::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: rgba(90, 116, 175, 0.85);
+}
+
+.dcl-header .container {
+ position: relative;
+}
+
+.dcl-header h1 {
+ font-size: 65px;
+ margin: 0;
+ padding: 0;
+}
+
+@media(max-width:767px) {
+ .dcl-header h1 {
+ font-size: 50px;
+ }
+}
+
.intro-header {
min-height: 100vh;
text-align: center;
@@ -479,12 +517,6 @@ textarea {
color: #999 !important;
}
-@media (max-width: 575px) {
- .section-figure .cms-plugin {
- flex-basis: 100%;
- }
-}
-
.price-calc-section .card {
width: 350px;
margin: 0 auto;
@@ -685,43 +717,6 @@ textarea {
/*Why DCL*/
-.full-whydcl-sec {
- color: #fff;
- text-align: center;
- background-image: -ms-linear-gradient(right, #29427A 50%, #4F6699 100%);
- background-image: -moz-linear-gradient(right, #29427A 50%, #4F6699 100%);
- background-image: -o-linear-gradient(right, #29427A 50%, #4F6699 100%);
- background-image: -webkit-gradient(linear, right top, left top, color-stop(50, #29427A), color-stop(100, #4F6699));
- background-image: -webkit-linear-gradient(right, #29427A 50%, #4F6699 100%);
- background-image: linear-gradient(to left, #29427A 50%, #4F6699 100%);
-}
-
-.whydcl-header {
- padding: 150px 0 150px 0;
- text-align: center;
- color: #f8f8f8;
- background: url(../img/pattern.jpg) no-repeat center center;
- background-size: cover;
- position: relative;
- background-attachment: fixed;
-}
-
-.whydcl-header::before {
- content: "";
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background: rgba(90, 116, 175, 0.85);
-}
-
-.single-heading h2 {
- font-size: 65px;
- margin: 0;
- padding: 0;
-}
-
#tech_stack {
background: #fff;
}
@@ -994,9 +989,6 @@ tech-sub-sec h2 {
}
@media(max-width:767px) {
- .single-heading h2 {
- font-size: 50px;
- }
.logo-wrap {
padding: 10px;
}
@@ -1274,10 +1266,6 @@ footer .dcl-link-separator::before {
background: #777;
}
-.whydcl-header .container {
- position: relative
-}
-
/* new styles for whydcl section cms plugin (to replace older style) */
.banner-list {
diff --git a/datacenterlight/templates/datacenterlight/cms/base.html b/datacenterlight/templates/datacenterlight/cms/base.html
index 100ed883..a6123cc3 100644
--- a/datacenterlight/templates/datacenterlight/cms/base.html
+++ b/datacenterlight/templates/datacenterlight/cms/base.html
@@ -20,8 +20,10 @@
-
+ {% if request.toolbar.edit_mode %}
+
+ {% endif %}
{% render_block "css" postprocessor "compressor.contrib.sekizai.compress" %}
{% render_block "js" postprocessor "compressor.contrib.sekizai.compress" %}
@@ -48,7 +50,7 @@
{% placeholder 'datacenterlight_navbar' %}
{% placeholder 'Datacenterlight Header' or %}
-