css optimizations

datacenterlight/static/datacenterlight/css/hosting.css

@@ -20,7 +20,6 @@
     font-weight: 300;
   }
   .navbar-right .highlights-dropdown .dropdown-menu {
-    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.02);
     border-width: 0 0 1px 0;
     border-color: #e7e7e7;
     box-shadow: -8px 14px 20px -5px rgba(77, 77, 77, 0.5);
@@ -126,10 +125,8 @@
 @media (min-width: 1200px) {
   .dcl-order-container {
     width: 990px;
-    padding-right: 15px;
+    padding: 0 15px;
-    padding-left: 15px;
+    margin: 0 auto;
-    margin-right: auto;
-    margin-left: auto;
   }
 }
 
@@ -167,20 +164,14 @@
 
 .content-dashboard {
   min-height: calc(100vh - 60px);
-  width: 80%;
+  width: 100%;
   margin: 0 auto;
   max-width: 1120px;
 }
 
-@media only screen and (max-width: 1040px) and (min-width: 768px) {
+@media (max-width: 768px) {
   .content-dashboard {
-    width: 96% !important;
+    padding: 0 15px;
-  }
-}
-
-@media only screen and (max-width: 1330px) and (min-width: 1200px) {
-  .content-dashboard {
-    width: 100% !important;
   }
 }
 
@@ -188,11 +179,6 @@
   select {
     width: 280px;
   }
-  .content-dashboard {
-    padding-left: 15px;
-    padding-right: 15px;
-    width: 100%;
-  }
 }
 
 .btn:focus,
@@ -298,13 +284,7 @@
   margin: 15px auto;
 }
 
-@media (max-width: 1299px) {
+@media (min-width: 768px) and (max-width: 900px) {
-  .modal-dialog {
-    width: 43%;
-  }
-}
-
-@media (max-width: 900px) {
   .modal-dialog {
     width: 50%;
   }
@@ -313,7 +293,6 @@
 @media (max-width: 767px) {
   .modal-dialog {
     width: 95%;
-    margin: 0 auto !important;
   }
 }
 

datacenterlight/static/datacenterlight/css/landing-page.css

@@ -14,11 +14,11 @@ textarea {
 }
 
 
+/*
+ * blue light #5A74AF
+ * blue dark #29427A
+ */
 
-/*blue light #5A74AF*/
-
-
-/*blue dark #29427A*/
 
 .lead {
   font-size: 18px;
@@ -69,13 +69,8 @@ textarea {
   min-width: 180px;
 }
 
-#logoWhite {
-  display: none;
-}
 
-#logoBlack {
+/* Top navbar */
-  display: block;
-}
 
 .navbar {
   transition: all .3s ease-in;
@@ -87,33 +82,19 @@ textarea {
   padding: 20px;
 }
 
+#logoWhite,
 .navbar-transparent #logoBlack {
   display: none;
 }
 
+#logoBlack
 .navbar-transparent #logoWhite {
   display: block;
   width: 220px;
 }
 
-.navbar-default .navbar-nav>li>a {
-  cursor: pointer;
-}
-
 .navbar-transparent .navbar-nav>li>a {
   color: #fff;
-  cursor: pointer;
-}
-
-@media (max-width: 767px) {
-  .navbar-default .navbar-nav>li>a,
-  .navbar-transparent .navbar-nav>li>a {
-    font-weight: 400;
-  }
-}
-
-.navbar-transparent .navbar-nav>li>a:hover {
-  color: #fff;
 }
 
 .navbar-transparent .navbar-nav>li>a:focus,
@@ -122,6 +103,12 @@ textarea {
   background-color: transparent;
 }
 
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav>li>a{
+    font-weight: 400;
+  }
+}
+
 .navbar-transparent .navbar-nav>li>.on-hover-border {
   transition: all 0.3s linear;
   box-shadow: none;
@@ -177,6 +164,7 @@ textarea {
 }
 
 
+
 /* Show the dropdown menu on hover */
 
 @media (min-width: 769px) {
@@ -633,6 +621,7 @@ textarea {
 }
 
 
+
 /*Why DCL*/
 
 .full-whydcl-sec {
@@ -812,6 +801,7 @@ tech-sub-sec h2 {
 
 
 
+
 /*Pricing page*/
 
 .price-calc-section {
@@ -975,6 +965,7 @@ tech-sub-sec h2 {
 
 
 
+
 /*Changed class****.price-calc-section .card .description.input input*/
 
 .price-calc-section .card .description input {

datacenterlight/static/datacenterlight/js/main.js

@@ -85,6 +85,8 @@
         }
     }
 
+    _navScroll();
+
     function _initNavUrl() {
         $('.url-init').each(function(idx, el) {
             var $this = $(el);

datacenterlight/templates/datacenterlight/includes/_navbar.html

@@ -1,7 +1,7 @@
 {% load staticfiles i18n custom_tags %}
 {% get_current_language as LANGUAGE_CODE %}
 
-<nav class="navbar navbar-default navbar-fixed-top topnav">
+<nav class="navbar navbar-default navbar-fixed-top topnav navbar-transparent">
     <div class="topnav">
         <!-- Brand and toggle get grouped for better mobile display -->
         <div class="navbar-header">