header font-weight fix, unused code removed

datacenterlight/static/datacenterlight/css/cms.css

@@ -1,56 +1,4 @@
-.dcl-cms_page-full-width {
+/* only for cms editing mode */
-    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 */
 .section-figure  .cms-plugin {
     flex-basis: 50%;
     flex-grow: 1;
@@ -59,3 +7,9 @@
 .split-section-plain .section-figure  .cms-plugin {
   flex-grow: 0;
 }
+
+@media (max-width: 767px) {
+  .section-figure  .cms-plugin {
+    flex-basis: 100%;
+  }
+}

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;

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 {

datacenterlight/templates/datacenterlight/cms/base.html

@@ -20,8 +20,10 @@
     <!-- Custom CSS -->
     <link href="{% static 'datacenterlight/css/common.css' %}" rel="stylesheet">
     <link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet">
-    <link href="{% static 'datacenterlight/css/cms.css' %}" rel="stylesheet">
     <link href="{% static 'datacenterlight/css/header-slider.css' %}" rel="stylesheet">
+    {% if request.toolbar.edit_mode %}
+        <link href="{% static 'datacenterlight/css/cms.css' %}" rel="stylesheet">
+    {% 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 %}
-        <div class="dcl-cms_page-header">
+        <div class="dcl-header">
             <div class="container">
                 <h1>{% page_attribute page_title %}</h1>
             </div>

datacenterlight/templates/datacenterlight/cms_page.html

@@ -10,13 +10,13 @@
 {% endblock %}
 
 {% block content %}
-    <div class="dcl-cms_page-header">
+    <div class="dcl-header">
         <div class="container">
             <h1>{% page_attribute page_title %}</h1>
         </div>
     </div>
 
-    <div class="split-section left" id="dcl-cms_page-text">
+    <div class="split-section left">
         <div class="space">
             <div class="container">
                 {% placeholder 'datacenterlight_cms_page_text' %}

datacenterlight/templates/datacenterlight/whydatacenterlight.html

@@ -3,13 +3,9 @@
 
 {% block content %}
     <!-- Why Data Center Light? -->
-    <div class="full-whydcl-sec">
+    <div class="dcl-header">
-        <div class="whydcl-header whydcl-section" id="why_dcl">
         <div class="container">
-                <div class="single-heading">
+            <h1>{% trans "Why Data Center Light?" %}</h1>
-                    <h2>{% trans "Why Data Center Light?" %}</h2>
-                 </div>
-            </div>
         </div>
     </div>
 

hosting/templates/hosting/calculator_form.html

@@ -71,15 +71,6 @@
                     {% endfor %}
                 </select>
             </div>
-            <div class="help-block with-errors">
-                {% for message in messages %}
-                    {% if 'cores' in message.tags %}
-                     <ul class="list-unstyled"><li>
-                        {{ message|safe }}
-                    </li></ul>
-                    {% endif %}
-                {% endfor %}
-            </div>
         </div>
         <input type="hidden" name="total">
     </div>