removed unused classes from datacenterlight css files

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

@@ -1,9 +1,3 @@
-/*!
- * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
- * Code licensed under the Apache License v2.0.
- * For details, see http://www.apache.org/licenses/LICENSE-2.0.
- */
-
 body,
 html {
     width: 100%;
@@ -17,7 +11,6 @@ h3,
 h4,
 h5,
 h6 {
-    /*font-family: 'Lato-Light', sans-serif;*/
     font-family: 'Lato', sans-serif;
     font-weight: 300;
 }
@@ -28,18 +21,12 @@ button, input, optgroup, select, textarea {
 
 
 /*blue light #5A74AF*/
-
-
 /*blue dark #29427A*/
 
 .topnav {
     font-size: 14px;
 }
 
-.menu-url {
-    cursor: pointer;
-}
-
 .lead {
     font-size: 18px;
     font-weight: 400;
@@ -86,24 +73,6 @@ button, input, optgroup, select, textarea {
     transition: all .2s ease-in;
 }
 
-.btn-info {
-    color: #fff;
-    background-color: #5A74AF;
-    border-color: #5A74AF;
-}
-
-.btn-info:hover {
-    color: #fff;
-    background-color: rgba(90, 116, 175, 0.8);
-    border-color: #5A74AF;
-}
-
-.btn-info:focus {
-    color: #fff;
-    background-color: rgba(90, 116, 175, 0.8);
-    border-color: #5A74AF;
-}
-
 .btn-lg {
     min-width: 180px;
 }
@@ -122,7 +91,6 @@ button, input, optgroup, select, textarea {
 
 .navbar-default {
     background: #fff;
-    /* border: none; */
     padding: 5px;
 }
 
@@ -176,9 +144,6 @@ button, input, optgroup, select, textarea {
 	box-shadow: 0 0 0 1px #eee;
 	border-radius: 5px;
 }
-.navbar-default .btn-link {
-    box-shadow: none;
-}
 
 .navbar-brand {
     padding: 10px 15px;
@@ -193,14 +158,6 @@ button, input, optgroup, select, textarea {
     margin-right: 10px;
 }
 
-.navbar-default .btn-link {
-    color: #fff;
-}
-
-.navbar-default .btn-link:hover {
-    color: #fff !important;
-}
-
 .nav-language {
     position: relative;
 }
@@ -212,21 +169,17 @@ button, input, optgroup, select, textarea {
 
 .navbar-transparent .nav-language .select-language {
     color: #fff;
-    /*font-family: 'Lato-Light', sans-serif;*/
     font-weight: 300;
 }
 
 .nav-language .select-language span {
     margin-left: 5px;
     margin-right: 5px;
-    /*font-family: 'Lato', sans-serif;*/
     font-weight: normal;
 }
 .nav-language .drop-language{
-    /*position: absolute;*/
     top: 45px;
     left: auto !important;
-    /*     background: #fff; */
     width: 100px;
     min-width: 100px;
     height: 40px;
@@ -234,9 +187,7 @@ button, input, optgroup, select, textarea {
     -webkit-box-shadow: -8px 13px 31px -8px rgba(77,77,77,1);
     -moz-box-shadow: -8px 13px 31px -8px rgba(77,77,77,1);
     box-shadow: -8px 13px 31px -8px rgba(77,77,77,1);
-    /*display: none;*/
     z-index: 100;
-    /* margin-left: 10px; */
     text-align: center;
     border-radius: 4px;
 }
@@ -249,7 +200,6 @@ button, input, optgroup, select, textarea {
 .nav-language .drop-language a{
    cursor: pointer;
    padding: 5px 10px !important;
-   /*font-family: 'Lato-Light', sans-serif;*/
    font-weight: 300;
 }
 
@@ -273,12 +223,9 @@ button, input, optgroup, select, textarea {
 .navbar-transparent .nav-language .drop-language a {
     color: #fff;
     padding: 5px 10px !important;
-    /*font-family: 'Lato-Light', sans-serif;*/
     font-weight: 300;
 }
-/* .nav-language:hover .drop-language{
+
-    display: block;
-} */
 .intro-header {
     min-height: 100vh;
     text-align: center;
@@ -301,32 +248,10 @@ button, input, optgroup, select, textarea {
     background: rgba(38, 59, 107, 0.7);
 }
 
-.intro-header-1 {
-    padding-top: 50px;
-    /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
-    padding-bottom: 50px;
-    text-align: center;
-    color: #fff;
-    background: url(../img/configure.jpg) no-repeat center center;
-    background-size: cover;
-    position: relative;
-}
-
-.intro-header-1::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: rgba(90, 116, 175, 0.36);
-}
-
 .intro-header-2 {
     padding-top: 50px;
     /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
     padding-bottom: 50px;
-/*     text-align: center; */
     color: #f8f8f8;
     background: url(../img/pattern.jpg) no-repeat center center;
     background-size: cover;
@@ -349,12 +274,6 @@ button, input, optgroup, select, textarea {
     margin: 0 auto;
 }
 
-.intro-signup {
-    position: relative;
-    padding-top: 20%;
-    padding-bottom: 20%;
-}
-
 .intro-message>h1 {
     margin: 0;
     font-weight: 300;
@@ -509,22 +428,6 @@ button, input, optgroup, select, textarea {
     left: 0;
 }
 
-.split-section.what .icon-section {
-    position: relative;
-    min-height: 500px;
-}
-
-.split-section.what .split-text .lead {
-    font-size: 19px;
-    color: #3a3a3a;
-    margin-bottom: 5px;
-    line-height: 29px;
-}
-
-.split-section.what .fa-li.fa-lg {
-    font-size: 17px;
-}
-
 .pricing-section {
     padding: 80px 0 !important;
     background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat;
@@ -582,7 +485,6 @@ button, input, optgroup, select, textarea {
 }
 
 .pricing-section .text .section-heading {
-    /*font-size: 50px;*/
     font-size: 48px;
     line-height: 50px;
     padding-bottom: 25px;
@@ -601,62 +503,6 @@ button, input, optgroup, select, textarea {
     left: 0;
 }
 
-.request-section {
-    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%);
-    padding: 70px 0;
-}
-
-.request-section .title h2 {
-    font-size: 45px;
-    margin: 0;
-    color: #fff;
-    padding-bottom: 25px;
-    position: relative;
-}
-
-.request-section .title h2::before {
-    content: "";
-    position: absolute;
-    bottom: 0;
-    background: #fff;
-    height: 7px;
-    width: 70px;
-    left: 0;
-}
-
-.request-section .form-beta {
-    width: 80%;
-    margin: 0 auto;
-    max-width: 350px;
-    text-align: center;
-}
-
-.request-section .form-beta input {
-    height: 50px;
-}
-
-.request-section .form-beta input {
-    height: 50px;
-}
-
-.request-section .form-beta .btn-lg {
-    width: 100%;
-    font-size: 16px;
-}
-
-.banner {
-    padding: 100px 0;
-    color: #fff;
-    background: url(../img/banner-bg.jpg) no-repeat center center;
-    background-size: cover;
-    position: relative;
-}
-
 .contact-section {
     padding: 80px 0;
     color: rgba(255,255,255,0.9);
@@ -719,10 +565,6 @@ button, input, optgroup, select, textarea {
     font-size: 65px;
     margin: 0;
     position: relative;
-    /*     color: #eee;
-    padding-bottom: 25px;
-    text-align: right; */
-    /* color: #fff; */
 }
 
 .contact-form .form-group {
@@ -779,15 +621,6 @@ button, input, optgroup, select, textarea {
     border-color: #ccc;
 }
 
-.contact-form .errorlist {
-    list-style: none;
-    padding: 5px;
-    margin: 0;
-    color: rgb(255, 164, 164);
-    font-weight: 600;
-    letter-spacing: 0.4px;
-}
-
 .contact-form .form-error {
     background: rgba(255,255,255,0.9);
     color: #eb4d5c;
@@ -894,8 +727,6 @@ tech-sub-sec h2 {
 }
 
 .percent-text {
-    /*font-family: 'Lato', sans-serif;*/
-/*     font-weight: normal; */
     font-size: 50px;
     color: #999;
 }
@@ -921,14 +752,6 @@ tech-sub-sec h2 {
 	padding: 30px 2px;
 }
 
-.percent-text img {
-    /* margin-left: 20px; */
-}
-
-.space-block {
-    padding: 30px 0;
-}
-
 .dropdown-menu {
     border: 1px solid #fff;
     -webkit-box-shadow: -8px 13px 31px -8px rgba(77, 77, 77, 1);
@@ -952,11 +775,6 @@ tech-sub-sec h2 {
     color: #999 !important;
 }
 
-.lead-light {
-    color: #999 !important;
-    line-height: 32px !important;
-}
-
 .logo-wrap-1 {
     padding-top: 50px;
 }
@@ -1009,8 +827,6 @@ tech-sub-sec h2 {
     background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat;
     background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
     display: flex;
-    /*font-family: 'Lato', sans-serif;*/
-/*     font-weight: normal; */
 }
 
 .price-calc-section .text {
@@ -1050,7 +866,6 @@ tech-sub-sec h2 {
     padding-bottom: 40px;
     border-radius: 7px;
     text-align: center;
-    /* margin-right: auto; */
     max-width: 400px;
     position: relative;
 }
@@ -1075,7 +890,6 @@ tech-sub-sec h2 {
 }
 
 .price-calc-section .card .title h3 {
-    /*font-family: 'Lato', sans-serif;*/
     font-weight: normal;
 }
 
@@ -1102,7 +916,6 @@ tech-sub-sec h2 {
     font-size: 16px;
     margin-left: 4px;
     margin-left: 0px;
-    /* justify-self: start; */
     width: 30%;
     text-align: left;
 }
@@ -1164,8 +977,6 @@ tech-sub-sec h2 {
 .price-calc-section .card .description.input label {
     font-size: 15px;
     font-weight: 700;
-    /*font-weight: 800;*/
-    /*font-family: 'Lato';*/
     margin-bottom: 0;
     width: 40px;
 }
@@ -1201,9 +1012,6 @@ tech-sub-sec h2 {
 }
 
 @media(max-width:767px) {
-	.percent-text {
-		/* font-size: 50px; */
-	}
 	#tech_stack h3 {
 		font-size: 30px;
 		line-height: 40px;
@@ -1213,12 +1021,7 @@ tech-sub-sec h2 {
     text-align: left;
     font-size: 12px;
 	}
-	.visible-mobile {
+
-	display:block;
-	}
-	.visible-desktop {
-	display:none !important;
-	}
     .navbar-default .navbar-nav>.open>a,
     .navbar-default .navbar-nav>.open>a:focus,
     .navbar-default .navbar-nav>.open>a:hover {
@@ -1238,24 +1041,6 @@ tech-sub-sec h2 {
         padding: 15px 30px !important;
         min-height: 179px;
     }
-    .landscape-xs-6 {
-        width: 50%;
-    }
-    .landscape-xs-8 {
-        width: 66.66666667%;
-    }
-    .landscape-xs-4 {
-        width: 33.33333333%;
-    }
-}
-
-@media(min-width:768px) {
-    .visible-mobile {
-        display: none !important;
-    }
-    .visible-desktop {
-        display: block;
-    }
 }
 
 @media(max-width:990px) {
@@ -1273,14 +1058,6 @@ tech-sub-sec h2 {
 }
 
 @media(max-width:768px) {
-    .percent-text {
-        /* font-size: 43px; */
-    }
-	   .tech-sub-sec h2 {
-        /* font-size: 30px; */
-        /* line-height: 40px; */
-        /* font-weight: 500; */
-    }
     .single-heading h2 {
         font-size: 50px;
     }
@@ -1330,9 +1107,6 @@ tech-sub-sec h2 {
         font-size: 14px;
         color: #777;
     }
-    .nav-language:hover{
-        /*height: 80px;*/
-    }
     .navbar-transparent .nav-language .select-language {
         color: #777;
     }
@@ -1341,7 +1115,6 @@ tech-sub-sec h2 {
     }
     .navbar-transparent .nav-language .drop-language {
         background: #fff;
-        /* border: 1px solid #fff; */
         z-index: 100000;
         left: 9px;
         border: 1px solid rgba(119, 119, 119, 0.4);
@@ -1349,7 +1122,6 @@ tech-sub-sec h2 {
     }
     .navbar-default .nav-language .drop-language {
         background: #fff;
-        /* border: 1px solid #fff; */
         z-index: 100000;
         left: 9px;
         border: 1px solid rgba(119, 119, 119, 0.4);
@@ -1377,9 +1149,6 @@ tech-sub-sec h2 {
     .split-section .icon-section {
         min-height: 160px;
     }
-    .split-section.what .icon-section {
-        min-height: 160px;
-    }
     .split-section .icon-section i {
         font-size: 120px;
     }
@@ -1395,16 +1164,6 @@ tech-sub-sec h2 {
         left: 50%;
         transform: translate(-50%, 0);
     }
-    .request-section .title h2 {
-        font-size: 35px;
-        line-height: 35px;
-        text-align: center;
-        margin-bottom: 55px;
-    }
-    .request-section .title h2::before {
-        left: 50%;
-        transform: translate(-50%, 0);
-    }
     .contact-section .title {
         width: 300px;
         margin: 0 auto;
@@ -1412,7 +1171,6 @@ tech-sub-sec h2 {
     .contact-section .title h2 {
         font-size: 45px;
         line-height: 40px;
-/*         text-align: center; */
         margin-top: 35px;
     }
     .contact-section .title h2::before {
@@ -1465,10 +1223,8 @@ tech-sub-sec h2 {
         padding: 30px;
     }
     .percent-text {
-        /*font-family: 'Lato';*/
         font-weight: normal;
         font-size: 37px;
-        /* text-align: center; */
     }
     .pricing-section .card {
         width: 90%;
@@ -1491,14 +1247,6 @@ tech-sub-sec h2 {
         font-size: 15px;
         margin-left: 0px;
     }
-    .pull-left.space-middle {
-        width: 67%;
-        padding: 20px 0px;
-        text-align: left;
-    }
-    .pull-left.ssdimg {
-        width: 30%;
-    }
 }
 
 .network-name {
@@ -1515,38 +1263,10 @@ tech-sub-sec h2 {
     background-color: #f8f8f8;
 }
 
-.content-section-b {
-    padding: 50px 0;
-}
-
 .section-heading {
     margin-bottom: 30px;
 }
 
-.section-heading-spacer {
-    float: left;
-    width: 200px;
-    border-top: 3px solid #e7e7e7;
-}
-
-.btn-buynow {
-    background-color: #607D8B;
-    border-color: #607D8B;
-}
-
-@media(max-width:1199px) {
-    ul.banner-social-buttons {
-        float: left;
-        margin-top: 15px;
-    }
-}
-
-@media(min-width:1200px) {
-    .container-small {
-        width: 980px;
-    }
-}
-
 footer {
     padding: 50px 20px;
     background-color: #f8f8f8;
@@ -1570,10 +1290,6 @@ a#forgotpassword {
     outline-offset: 0;
 }
 
-.selectpicker {
-    margin-top: 8px !important;
-}
-
 .content-404 h1 {
     margin: 0 0 15px;
     font-size: 200px;
@@ -1582,19 +1298,6 @@ a#forgotpassword {
     color: #6db97c;
 }
 
-.btn-buynow {
-    background-color: #607D8B;
-    border-color: #607D8B;
-}
-
-.form-300 {
-    width: 300px;
-}
-
-.error-message-box {
-    margin-top: 20px;
-}
-
 .flex-row-rev {
 	margin-top: 25px;
 }

datacenterlight/templates/datacenterlight/base.html

@@ -1,8 +1,8 @@
 {% load staticfiles i18n cms_tags sekizai_tags %}
 {% get_current_language as LANGUAGE_CODE %}
+
 <!DOCTYPE html>
 <html lang="{{LANGUAGE_CODE}}">
-
 <head>
 
     <meta charset="utf-8">
@@ -18,18 +18,20 @@
         <link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet">
         <!-- Icon Fonts -->
         <link href="{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
-            <link href="//fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet" type="text/css">
     {% endaddtoblock "vendor_css" %}
     <!-- Custom CSS -->
     {% addtoblock "custom_css" %}
         <link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet">
         {% block css_extra %}
         {% endblock css_extra %}
-        {% endaddtoblock %}
+    {% endaddtoblock "custom_css" %}
 
     {% render_block "vendor_css" %}
     {% render_block "custom_css" postprocessor "compressor.contrib.sekizai.compress" %}
 
+    <!-- External Fonts -->
+    <link href="//fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet" type="text/css">
+
     <link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon">
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
@@ -62,9 +64,10 @@
         <script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script>
     {% endaddtoblock "vendor_js" %}
 
+    <script src="//cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
+
     {% addtoblock "custom_js" %}
         <script src="{% static 'datacenterlight/js/main.js' %}"></script>
-            <script src="//cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
     {% endaddtoblock "custom_js" %}
 
     {% render_block "vendor_js" %}

datacenterlight/templates/datacenterlight/base_hosting.html

@@ -1,8 +1,8 @@
-{% load staticfiles bootstrap3%}
+{% load staticfiles i18n sekizai_tags %}
-{% load i18n %}
+{% get_current_language as LANGUAGE_CODE %}
-<!DOCTYPE html>
-<html lang="en">
 
+<!DOCTYPE html>
+<html lang="{{LANGUAGE_CODE}}">
 <head>
 
     <meta charset="utf-8">
@@ -11,17 +11,28 @@
     <meta name="description" content="Data Center Light by ungleich">
     <meta name="author" content="ungleich GmbH">
 
-    <title>ungleich</title>
+    <title>Data Center Light - {% block title %}VM hosting made in Switzerland{% endblock %}</title>
 
     <!-- Vendor CSS -->
+    {% addtoblock "vendor_css" %}
+        <!-- Bootstrap Core CSS -->
         <link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet">
-    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
+        <!-- Icon Fonts -->
+        <link href="{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
         <link href="//fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet" type="text/css">
-
+    {% endaddtoblock "vendor_css" %}
     <!-- Custom CSS -->
+    {% addtoblock "custom_css" %}
         <link href="{% static 'datacenterlight/css/hosting.css' %}" rel="stylesheet">
         {% block css_extra %}
         {% endblock css_extra %}
+    {% endaddtoblock "custom_css" %}
+
+    {% render_block "vendor_css" %}
+    {% render_block "custom_css" postprocessor "compressor.contrib.sekizai.compress" %}
+
+    <!-- External Fonts -->
+    <link href="//fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet" type="text/css">
 
     <link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon">
 
@@ -60,47 +71,46 @@
             {% include "datacenterlight/includes/_footer.html" %}
         </div>
     {% endif %}
+
+    {% addtoblock "vendor_js" %}
         <!-- jQuery -->
         <script src="{% static 'hosting/js/jquery.js' %}"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
-    <!-- Copy Clipboard -->
-    <script src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
-
-
         <!-- Bootstrap Core JavaScript -->
         <script src="{% static 'hosting/js/bootstrap.min.js' %}"></script>
+    {% endaddtoblock "vendor_js" %}
 
+    <script src="//cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
+
+    {% addtoblock "custom_js" %}
         <!-- Virtual Machine Detail Javascript -->
         <script src="{% static 'hosting/js/virtual_machine_detail.js' %}"></script>
-
         <!-- Create Virtual Machine Javascript -->
         <script src="{% static 'hosting/js/createvm.js' %}"></script>
-
         <!-- Init JavaScript -->
         <script src="{% static 'hosting/js/initial.js' %}"></script>
-
         {% block js_extra %}
             {% comment %}
                 this block is above some files, because on stripe error scripts below the stripe
                 script are not properly executed.
             {% endcomment %}
         {% endblock js_extra %}
+    {% endaddtoblock "custom_js" %}
 
+    {% render_block "vendor_js" %}
+    {% render_block "custom_js" postprocessor "compressor.contrib.sekizai.compress" %}
+
+    <!-- Stripe Lib -->
     <script src="https://js.stripe.com/v3/"></script>
     <script src="https://js.stripe.com/v2/"></script>
-    <!-- Stripe Lib -->
 
+    {% addtoblock "payment_js" %}
         <!-- Proccess payment lib -->
         <script type="text/javascript" src="{% static 'hosting/js/payment.js' %}"></script>
-
         <!-- Gen SSH Key lib -->
         <script type="text/javascript" src="{% static 'hosting/js/gen-ssh-key.js' %}"></script>
+    {% endaddtoblock "payment_js" %}
 
-    <!-- Moment -->
+    {% render_block "payment_js" postprocessor "compressor.contrib.sekizai.compress" %}
-    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
-    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.js"></script>
 
 </body>
-
 </html>

hosting/static/hosting/css/commons.css

@@ -23,13 +23,6 @@
 	margin: 0 auto;
 	max-width: 1120px;
 }
-.container-table{
-  margin-top: 35px;
-  overflow-y: hidden;
-}
-.container-table table{
-  overflow-y: auto;
-}
 .borderless td {
     border: none !important;
 }
@@ -42,19 +35,6 @@
     color: transparent;
 }
 
-.inline-headers h3, .inline-headers h4 {
-  display: inline-block;
-  vertical-align: baseline;
-}
-
-.space-above {
-  margin-top: 4%;
-}
-
-.space-above-big {
-  margin-top: 20%;
-}
-
 .table>tbody>tr>td{
   vertical-align: middle;
 }

hosting/static/hosting/css/landing-page.css

@@ -127,15 +127,6 @@ h6 {
     background-size: cover;
 }
 
-.intro-header-1 {
-    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
-    padding-bottom: 50px;
-    text-align: center;
-    color: #f8f8f8;
-    background: url(../img/configure.jpg) no-repeat center center;
-    background-size: cover;
-}
-
 .intro-header-2 {
     padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
     padding-bottom: 50px;
@@ -157,27 +148,6 @@ h6 {
     position: relative;
 }
 
-.intro-login {
-    background: url(../img/intro-bg.jpg) no-repeat center center;
-    background-size: cover;
-    height: 100%;
-}
-
-.intro-signup {
-    background: url(../img/intro-bg.jpg) no-repeat center center;
-    background-size: cover;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.intro-reset-password {
-    background: url(../img/intro-bg.jpg) no-repeat center center;
-    background-size: cover;
-    height: 100%;
-}
-
 .intro-message > h1 {
     margin: 0;
     font-weight: 400;
@@ -263,11 +233,6 @@ h6 {
     margin-bottom: 0;
 }
 
-.banner-social-buttons {
-    float: right;
-    margin-top: 0;
-}
-
 /*------Auth section---------*/
 .auth-container {
     min-height: calc(100vh - 180px);
@@ -416,13 +381,6 @@ h6 {
     color: #1e94cc !important;
 }
 
-@media (max-width: 1199px) {
-    ul.banner-social-buttons {
-        float: left;
-        margin-top: 15px;
-    }
-}
-
 @media (max-width: 767px) {
     .banner h2 {
         margin: 0;
@@ -430,16 +388,6 @@ h6 {
         font-size: 3em;
     }
 
-    ul.banner-social-buttons > li {
-        display: block;
-        margin-bottom: 20px;
-        padding: 0;
-    }
-
-    ul.banner-social-buttons > li:last-child {
-        margin-bottom: 0;
-    }
-
     .auth-box .form {
         padding: 15px 0 15px 0;
     }
@@ -634,10 +582,6 @@ a.unlink:hover {
     padding: 0;
 }
 
-.order-confirm-date{
-    text-align:right;
-}
-
 @media (max-width: 767px) {
     .dcl-order-table-total span {
         padding-left: 3px;
@@ -696,18 +640,10 @@ a.unlink:hover {
     padding-left: 10px;
     }
 
-    .hide-mobile{
-    display:none;
-    }
-
     #billing-form .form-control {
     box-shadow: none !important;
     font-weight: 400;
     }
-
-    .order-confirm-date{
-        text-align:left;
-    }
 }
 
 @media (min-width: 1200px) {
@@ -770,19 +706,6 @@ a.unlink:hover {
     margin-top: 4px;
 }
 
-.visible-mobile {
-    display: none !important;
-}
-
-@media(max-width:767px) {
-    .visible-mobile {
-        display: block !important;
-    }
-    .visible-desktop {
-        display: none !important;
-    }
-}
-
 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
     background-color: transparent;
@@ -858,24 +781,3 @@ a.list-group-item-danger.active:focus {
   /*Rotate the L 45 degrees to turn it into a checkmark*/
   transform: rotate(45deg);
 }
-
-.closemark {
-    display: inline-block;
-    width: 50px;
-    height: 50px;
-    position: relative;
-}
-.closemark:before, .closemark:after {
-  position: absolute;
-  left: 25px;
-  content: ' ';
-  height: 50px;
-  width: 2px;
-  background-color: #777;
-}
-.closemark:before {
-  transform: rotate(45deg);
-}
-.closemark:after {
-  transform: rotate(-45deg);
-}

hosting/static/hosting/css/order.css

@@ -15,14 +15,6 @@
     display: inline-block;
 }
 
-.order-detail-container .table > tbody > tr > .no-line {
-    border-top: none;
-}
-
-.order-detail-container .table > thead > tr > .no-line {
-    border-bottom: none;
-}
-
 .order-detail-container .table > tbody > tr > .thick-line {
     border-top: 2px solid;
 }

hosting/static/hosting/css/payment.css

@@ -21,10 +21,6 @@
   margin-top: 2px;
 }
 
-.summary-box .content {
-	padding-top: 15px;
-}
-
 /* landing page payment new style */
 .last-p {
 	margin-bottom: 0;

hosting/static/hosting/css/user_keys.css

@@ -93,12 +93,6 @@
 .ssh-keys-table tbody tr td:last-of-type{
     width: 20%;
 }
-.ssh-key-header {
-    color: #717274;
-    font-size: 16px;
-    font-weight: 300;
-    text-align: justify;
-}
 .ssh-header-container{
     padding-top: 15px;
 }
@@ -125,27 +119,10 @@
 .borderless tbody:before {
     display: none !important;
 }
-.btn-custom-download{
-    background-color: #337ab7;
-    margin-top: auto;
-    margin-bottom: auto;
-    /* font-weight: 700; */
-    vertical-align: middle;
-    margin-right: 25px;
-}
 .btn-custom-delete{
     width: 100px;
     background-color: #f1f0f0;
 }
-.btn-custom-delete a, .btn-custom-download a{
-    text-decoration: none;
-}
-.modal-body p.ssh-key{
-    width: 100%;
-    word-wrap: break-word;
-    text-align: left;
-    margin-top: 10px;
-}
 
 @media screen and (max-width: 768px) {
     .ssh-header-container{
@@ -301,9 +278,6 @@
     word-break: break-all;
     margin-bottom: 15px;
 }
-.custom_form_button{
-    border-radius: 0;
-}
 .form_key_name:focus,
 .form_public_key:focus,
 .has-error .form_key_name,

hosting/static/hosting/css/virtual-machine.css

@@ -44,126 +44,11 @@
   margin-right: 0;
 }
 
-.virtual-machine-container .right-place{
-  margin-top: 15px;
-}
-.virtual-machine-container .separate-md{
-  margin-top: 35px;
-}
-.virtual-machine-container .box-setting{
-    height: 100px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-}
-.virtual-machine-container .box-setting .label-success{
-    padding-top: 4px;
-}
 .virtual-machine-container .form-ssh textarea{
     height: 150px !important
 }
 
 /*Create VM Styles*/
-.parent-container{
-  overflow-x: hidden;
-  overflow-y: hidden;
-}
-.parent-container ::-webkit-scrollbar {
-    display: none;
-}
-.container-os{
-  overflow: auto;
-  padding: 0px 0px;
-  min-width: 300px;
-  width: auto;
-  max-width: 800px;
-  min-height: 150px;
-}
-.container-os .owl-next{
-  position: absolute;
-  right: -12px;
-  top: 6px;
-  color: gray !important;
-  background: transparent !important;
-  font-size: 54px !important;
-}
-.container-os .owl-prev{
-  position: absolute;
-  left: -12px;
-  top: 6px;
-  color: gray !important;
-  background: transparent !important;
-  font-size: 54px !important;
-}
-.container-os .owl-dots{
-  display: none;
-}
-
-.container-os .os-circle{
-    width: 120px;
-  height: 120px;
-  display: flex;
-  margin: 0 auto;
-  justify-content: center;
-  align-items: center;
-  background: #f7f7f7;
-  border-radius: 50%;
-  cursor: pointer;
-  text-align: center;
-  min-width: 120px;
-  border: 4px solid #b9b9b9;
-  transition: all .1s ease-in;
-}
-.step-title{
-  margin-bottom: 25px;
-}
-
-.container-os.config .config-box{
-    width: 115px;
-    height: 115px;
-    display: flex;
-     margin: 0 auto;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background: #f7f7f7;
-    /* border-radius: 50%; */
-    cursor: pointer;
-    text-align: center;
-    min-width: 115px;
-    border-radius: 7px;
-    border: 4px solid #b9b9b9;
-    transition: all .1s ease-in;
-}
-.container-os .os-circle.active{
-    border: 6px solid #2dc32d;
-    min-width: 135px;
-    width: 135px;
-    height: 135px;
-}
-.container-os .os-circle.active .text{
-    font-size: 20px;
-    line-height: 20px;
-}
-.container-os.config .config-box.active{
-    border: 6px solid #5cb85c;
-    min-width: 125px;
-    width: 125px;
-    height: 125px;
-}
-.container-os.config .config-box span{
-    font-size: 14px;
-}
-.container-os.config .config-box.active span{
-    font-size: 16px;
-}
-.container-os .os-circle .text{
-  font-size: 16px;
-  width: 50%;
-  line-height: 16px;
-}
-
 .container-button{
   text-align: right;
   display: none;
@@ -198,38 +83,9 @@
   .container-button{
     text-align: center;
   }
-  .step-title{
-    text-align: center;
-  }
   .dashboard-title{
     text-align: center;
   }
-  .container-os .os-circle{
-      width: 105px;
-    height: 105px;
-    min-width: 105px;
-  }
-  .container-os .os-circle .text{
-    font-size: 14px;
-    line-height: 15px;
-  }
-
-  .container-os .owl-next {
-      right: 20px;
-      top: 20px;
-      font-size: 40px !important;
-  }
-  .container-os .owl-prev{
-    position: absolute;
-    left: 20px;
-    top: 20px;
-    font-size: 40px !important;
-  }
-}
-@media (max-width: 420px) {
-    .btn-create-vm {
-      float: left !important;
-    }
 }
 
 /* Vm Details */
@@ -513,7 +369,6 @@
   border: 2px solid #87B6EA;
   padding: 4px 20px;
   min-width: 155px;
-  /*   padding-bottom: 7px; */
 }
 
 .btn-order-detail:hover, .btn-order-detail:focus, .btn-order-detail:active {

hosting/templates/hosting/includes/_navbar_user.html

@@ -1,9 +1,6 @@
-{% load staticfiles %}
+{% load staticfiles i18n custom_tags %}
-{% load i18n %}
-{% load custom_tags %}
 
 <!-- Navigation -->
-
 <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
     <div class="topnav">
         <!-- Brand and toggle get grouped for better mobile display -->