amal/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

removed unused classes from datacenterlight css files

Browse source
This commit is contained in:
Arvind Tiwari 2018-01-10 02:47:25 +05:30
commit 4fd761c396
12 changed files with 488 additions and 2056 deletions
Download patch file Download diff file Expand all files Collapse all files

1714
datacenterlight/static/datacenterlight/css/hosting.css
View file

File diff suppressed because it is too large Load diff

301
datacenterlight/static/datacenterlight/css/landing-page.css
View file

@ -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, body,
html { html {
width: 100%; width: 100%;
@ -17,7 +11,6 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
/*font-family: 'Lato-Light', sans-serif;*/
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;
font-weight: 300; font-weight: 300;
} }
@ -28,18 +21,12 @@ button, input, optgroup, select, textarea {
/*blue light #5A74AF*/ /*blue light #5A74AF*/
/*blue dark #29427A*/ /*blue dark #29427A*/
.topnav { .topnav {
font-size: 14px; font-size: 14px;
} }
.menu-url {
cursor: pointer;
}
.lead { .lead {
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
@ -86,24 +73,6 @@ button, input, optgroup, select, textarea {
transition: all .2s ease-in; 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 { .btn-lg {
min-width: 180px; min-width: 180px;
} }
@ -122,7 +91,6 @@ button, input, optgroup, select, textarea {
.navbar-default { .navbar-default {
background: #fff; background: #fff;
/* border: none; */
padding: 5px; padding: 5px;
} }
@ -176,9 +144,6 @@ button, input, optgroup, select, textarea {
box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee;
border-radius: 5px; border-radius: 5px;
} }
.navbar-default .btn-link {
box-shadow: none;
}
.navbar-brand { .navbar-brand {
padding: 10px 15px; padding: 10px 15px;
@ -193,14 +158,6 @@ button, input, optgroup, select, textarea {
margin-right: 10px; margin-right: 10px;
} }
.navbar-default .btn-link {
color: #fff;
}
.navbar-default .btn-link:hover {
color: #fff !important;
}
.nav-language { .nav-language {
position: relative; position: relative;
} }
@ -212,21 +169,17 @@ button, input, optgroup, select, textarea {
.navbar-transparent .nav-language .select-language { .navbar-transparent .nav-language .select-language {
color: #fff; color: #fff;
/*font-family: 'Lato-Light', sans-serif;*/
font-weight: 300; font-weight: 300;
} }
.nav-language .select-language span { .nav-language .select-language span {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
/*font-family: 'Lato', sans-serif;*/
font-weight: normal; font-weight: normal;
} }
.nav-language .drop-language{ .nav-language .drop-language{
/*position: absolute;*/
top: 45px; top: 45px;
left: auto !important; left: auto !important;
/* background: #fff; */
width: 100px; width: 100px;
min-width: 100px; min-width: 100px;
height: 40px; height: 40px;
@ -234,9 +187,7 @@ button, input, optgroup, select, textarea {
-webkit-box-shadow: -8px 13px 31px -8px rgba(77,77,77,1); -webkit-box-shadow: -8px 13px 31px -8px rgba(77,77,77,1);
-moz-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); box-shadow: -8px 13px 31px -8px rgba(77,77,77,1);
/*display: none;*/
z-index: 100; z-index: 100;
/* margin-left: 10px; */
text-align: center; text-align: center;
border-radius: 4px; border-radius: 4px;
} }
@ -249,7 +200,6 @@ button, input, optgroup, select, textarea {
.nav-language .drop-language a{ .nav-language .drop-language a{
cursor: pointer; cursor: pointer;
padding: 5px 10px !important; padding: 5px 10px !important;
/*font-family: 'Lato-Light', sans-serif;*/
font-weight: 300; font-weight: 300;
} }
@ -273,12 +223,9 @@ button, input, optgroup, select, textarea {
.navbar-transparent .nav-language .drop-language a { .navbar-transparent .nav-language .drop-language a {
color: #fff; color: #fff;
padding: 5px 10px !important; padding: 5px 10px !important;
/*font-family: 'Lato-Light', sans-serif;*/
font-weight: 300; font-weight: 300;
} }
/* .nav-language:hover .drop-language{
display: block;
} */
.intro-header { .intro-header {
min-height: 100vh; min-height: 100vh;
text-align: center; text-align: center;
@ -301,32 +248,10 @@ button, input, optgroup, select, textarea {
background: rgba(38, 59, 107, 0.7); 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 { .intro-header-2 {
padding-top: 50px; 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! */ /* 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; padding-bottom: 50px;
/* text-align: center; */
color: #f8f8f8; color: #f8f8f8;
background: url(../img/pattern.jpg) no-repeat center center; background: url(../img/pattern.jpg) no-repeat center center;
background-size: cover; background-size: cover;
@ -349,12 +274,6 @@ button, input, optgroup, select, textarea {
margin: 0 auto; margin: 0 auto;
} }
.intro-signup {
position: relative;
padding-top: 20%;
padding-bottom: 20%;
}
.intro-message>h1 { .intro-message>h1 {
margin: 0; margin: 0;
font-weight: 300; font-weight: 300;
@ -509,22 +428,6 @@ button, input, optgroup, select, textarea {
left: 0; 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 { .pricing-section {
padding: 80px 0 !important; padding: 80px 0 !important;
background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat; background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat;
@ -582,7 +485,6 @@ button, input, optgroup, select, textarea {
} }
.pricing-section .text .section-heading { .pricing-section .text .section-heading {
/*font-size: 50px;*/
font-size: 48px; font-size: 48px;
line-height: 50px; line-height: 50px;
padding-bottom: 25px; padding-bottom: 25px;
@ -601,62 +503,6 @@ button, input, optgroup, select, textarea {
left: 0; 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 { .contact-section {
padding: 80px 0; padding: 80px 0;
color: rgba(255,255,255,0.9); color: rgba(255,255,255,0.9);
@ -719,10 +565,6 @@ button, input, optgroup, select, textarea {
font-size: 65px; font-size: 65px;
margin: 0; margin: 0;
position: relative; position: relative;
/* color: #eee;
padding-bottom: 25px;
text-align: right; */
/* color: #fff; */
} }
.contact-form .form-group { .contact-form .form-group {
@ -779,15 +621,6 @@ button, input, optgroup, select, textarea {
border-color: #ccc; 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 { .contact-form .form-error {
background: rgba(255,255,255,0.9); background: rgba(255,255,255,0.9);
color: #eb4d5c; color: #eb4d5c;
@ -894,8 +727,6 @@ tech-sub-sec h2 {
} }
.percent-text { .percent-text {
/*font-family: 'Lato', sans-serif;*/
/* font-weight: normal; */
font-size: 50px; font-size: 50px;
color: #999; color: #999;
} }
@ -921,14 +752,6 @@ tech-sub-sec h2 {
padding: 30px 2px; padding: 30px 2px;
} }
.percent-text img {
/* margin-left: 20px; */
}
.space-block {
padding: 30px 0;
}
.dropdown-menu { .dropdown-menu {
border: 1px solid #fff; border: 1px solid #fff;
-webkit-box-shadow: -8px 13px 31px -8px rgba(77, 77, 77, 1); -webkit-box-shadow: -8px 13px 31px -8px rgba(77, 77, 77, 1);
@ -952,11 +775,6 @@ tech-sub-sec h2 {
color: #999 !important; color: #999 !important;
} }
.lead-light {
color: #999 !important;
line-height: 32px !important;
}
.logo-wrap-1 { .logo-wrap-1 {
padding-top: 50px; padding-top: 50px;
} }
@ -1009,8 +827,6 @@ tech-sub-sec h2 {
background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat; background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat;
background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat; background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
display: flex; display: flex;
/*font-family: 'Lato', sans-serif;*/
/* font-weight: normal; */
} }
.price-calc-section .text { .price-calc-section .text {
@ -1050,7 +866,6 @@ tech-sub-sec h2 {
padding-bottom: 40px; padding-bottom: 40px;
border-radius: 7px; border-radius: 7px;
text-align: center; text-align: center;
/* margin-right: auto; */
max-width: 400px; max-width: 400px;
position: relative; position: relative;
} }
@ -1075,7 +890,6 @@ tech-sub-sec h2 {
} }
.price-calc-section .card .title h3 { .price-calc-section .card .title h3 {
/*font-family: 'Lato', sans-serif;*/
font-weight: normal; font-weight: normal;
} }
@ -1102,7 +916,6 @@ tech-sub-sec h2 {
font-size: 16px; font-size: 16px;
margin-left: 4px; margin-left: 4px;
margin-left: 0px; margin-left: 0px;
/* justify-self: start; */
width: 30%; width: 30%;
text-align: left; text-align: left;
} }
@ -1164,8 +977,6 @@ tech-sub-sec h2 {
.price-calc-section .card .description.input label { .price-calc-section .card .description.input label {
font-size: 15px; font-size: 15px;
font-weight: 700; font-weight: 700;
/*font-weight: 800;*/
/*font-family: 'Lato';*/
margin-bottom: 0; margin-bottom: 0;
width: 40px; width: 40px;
} }
@ -1201,9 +1012,6 @@ tech-sub-sec h2 {
} }
@media(max-width:767px) { @media(max-width:767px) {
.percent-text {
/* font-size: 50px; */
}
#tech_stack h3 { #tech_stack h3 {
font-size: 30px; font-size: 30px;
line-height: 40px; line-height: 40px;
@ -1213,12 +1021,7 @@ tech-sub-sec h2 {
text-align: left; text-align: left;
font-size: 12px; font-size: 12px;
} }
.visible-mobile {
display:block;
}
.visible-desktop {
display:none !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover { .navbar-default .navbar-nav>.open>a:hover {
@ -1238,24 +1041,6 @@ tech-sub-sec h2 {
padding: 15px 30px !important; padding: 15px 30px !important;
min-height: 179px; 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) { @media(max-width:990px) {
@ -1273,14 +1058,6 @@ tech-sub-sec h2 {
} }
@media(max-width:768px) { @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 { .single-heading h2 {
font-size: 50px; font-size: 50px;
} }
@ -1330,9 +1107,6 @@ tech-sub-sec h2 {
font-size: 14px; font-size: 14px;
color: #777; color: #777;
} }
.nav-language:hover{
/*height: 80px;*/
}
.navbar-transparent .nav-language .select-language { .navbar-transparent .nav-language .select-language {
color: #777; color: #777;
} }
@ -1341,7 +1115,6 @@ tech-sub-sec h2 {
} }
.navbar-transparent .nav-language .drop-language { .navbar-transparent .nav-language .drop-language {
background: #fff; background: #fff;
/* border: 1px solid #fff; */
z-index: 100000; z-index: 100000;
left: 9px; left: 9px;
border: 1px solid rgba(119, 119, 119, 0.4); border: 1px solid rgba(119, 119, 119, 0.4);
@ -1349,7 +1122,6 @@ tech-sub-sec h2 {
} }
.navbar-default .nav-language .drop-language { .navbar-default .nav-language .drop-language {
background: #fff; background: #fff;
/* border: 1px solid #fff; */
z-index: 100000; z-index: 100000;
left: 9px; left: 9px;
border: 1px solid rgba(119, 119, 119, 0.4); border: 1px solid rgba(119, 119, 119, 0.4);
@ -1377,9 +1149,6 @@ tech-sub-sec h2 {
.split-section .icon-section { .split-section .icon-section {
min-height: 160px; min-height: 160px;
} }
.split-section.what .icon-section {
min-height: 160px;
}
.split-section .icon-section i { .split-section .icon-section i {
font-size: 120px; font-size: 120px;
} }
@ -1395,16 +1164,6 @@ tech-sub-sec h2 {
left: 50%; left: 50%;
transform: translate(-50%, 0); 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 { .contact-section .title {
width: 300px; width: 300px;
margin: 0 auto; margin: 0 auto;
@ -1412,7 +1171,6 @@ tech-sub-sec h2 {
.contact-section .title h2 { .contact-section .title h2 {
font-size: 45px; font-size: 45px;
line-height: 40px; line-height: 40px;
/* text-align: center; */
margin-top: 35px; margin-top: 35px;
} }
.contact-section .title h2::before { .contact-section .title h2::before {
@ -1465,10 +1223,8 @@ tech-sub-sec h2 {
padding: 30px; padding: 30px;
} }
.percent-text { .percent-text {
/*font-family: 'Lato';*/
font-weight: normal; font-weight: normal;
font-size: 37px; font-size: 37px;
/* text-align: center; */
} }
.pricing-section .card { .pricing-section .card {
width: 90%; width: 90%;
@ -1491,14 +1247,6 @@ tech-sub-sec h2 {
font-size: 15px; font-size: 15px;
margin-left: 0px; margin-left: 0px;
} }
.pull-left.space-middle {
width: 67%;
padding: 20px 0px;
text-align: left;
}
.pull-left.ssdimg {
width: 30%;
}
} }
.network-name { .network-name {
@ -1515,38 +1263,10 @@ tech-sub-sec h2 {
background-color: #f8f8f8; background-color: #f8f8f8;
} }
.content-section-b {
padding: 50px 0;
}
.section-heading { .section-heading {
margin-bottom: 30px; 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 { footer {
padding: 50px 20px; padding: 50px 20px;
background-color: #f8f8f8; background-color: #f8f8f8;
@ -1570,10 +1290,6 @@ a#forgotpassword {
outline-offset: 0; outline-offset: 0;
} }
.selectpicker {
margin-top: 8px !important;
}
.content-404 h1 { .content-404 h1 {
margin: 0 0 15px; margin: 0 0 15px;
font-size: 200px; font-size: 200px;
@ -1582,19 +1298,6 @@ a#forgotpassword {
color: #6db97c; color: #6db97c;
} }
.btn-buynow {
background-color: #607D8B;
border-color: #607D8B;
}
.form-300 {
width: 300px;
}
.error-message-box {
margin-top: 20px;
}
.flex-row-rev { .flex-row-rev {
margin-top: 25px; margin-top: 25px;
} }

10
datacenterlight/static/datacenterlight/css/main.css
View file

File diff suppressed because one or more lines are too long

111
datacenterlight/templates/datacenterlight/base.html
View file

@ -1,74 +1,77 @@
{% load staticfiles i18n cms_tags sekizai_tags %} {% load staticfiles i18n cms_tags sekizai_tags %}
{% get_current_language as LANGUAGE_CODE %} {% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{LANGUAGE_CODE}}"> <html lang="{{LANGUAGE_CODE}}">
<head>
<head> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Data Center Light by ungleich">
<meta name="author" content="ungleich GmbH">
<title>Data Center Light - {% block title %}VM hosting made in Switzerland{% endblock %}</title>
<meta charset="utf-8"> <!-- Vendor CSS -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> {% addtoblock "vendor_css" %}
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap Core CSS -->
<meta name="description" content="Data Center Light by ungleich"> <link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet">
<meta name="author" content="ungleich GmbH"> <!-- Icon Fonts -->
<title>Data Center Light - {% block title %}VM hosting made in Switzerland{% endblock %}</title> <link href="{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" 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 "custom_css" %}
<!-- Vendor CSS --> {% render_block "vendor_css" %}
{% addtoblock "vendor_css" %} {% render_block "custom_css" postprocessor "compressor.contrib.sekizai.compress" %}
<!-- Bootstrap Core CSS -->
<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 %}
{% render_block "vendor_css" %} <!-- External Fonts -->
{% render_block "custom_css" postprocessor "compressor.contrib.sekizai.compress" %} <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"> <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 --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
<!-- Google analytics --> <!-- Google analytics -->
{% include "google_analytics.html" %} {% include "google_analytics.html" %}
<!-- End Google Analytics --> <!-- End Google Analytics -->
</head> </head>
<body> <body>
{% block navbar %} {% block navbar %}
{% include "datacenterlight/includes/_navbar.html" %} {% include "datacenterlight/includes/_navbar.html" %}
{% endblock navbar %} {% endblock navbar %}
{% block content %} {% block content %}
{% endblock %} {% endblock %}
{% include "datacenterlight/includes/_footer.html" %} {% include "datacenterlight/includes/_footer.html" %}
{% addtoblock "vendor_js" %} {% addtoblock "vendor_js" %}
<!-- jQuery --> <!-- jQuery -->
<script src="{% static 'datacenterlight/js/jquery.js' %}"></script> <script src="{% static 'datacenterlight/js/jquery.js' %}"></script>
<!-- Bootstrap Core JavaScript --> <!-- Bootstrap Core JavaScript -->
<script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script> <script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script>
{% endaddtoblock "vendor_js" %} {% endaddtoblock "vendor_js" %}
{% addtoblock "custom_js" %} <script src="//cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
<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" %} {% addtoblock "custom_js" %}
{% render_block "custom_js" postprocessor "compressor.contrib.sekizai.compress" %} <script src="{% static 'datacenterlight/js/main.js' %}"></script>
{% endaddtoblock "custom_js" %}
</body> {% render_block "vendor_js" %}
{% render_block "custom_js" postprocessor "compressor.contrib.sekizai.compress" %}
</body>
</html> </html>

100
datacenterlight/templates/datacenterlight/base_hosting.html
View file

@ -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> <head>
<meta charset="utf-8"> <meta charset="utf-8">
@ -11,17 +11,28 @@
<meta name="description" content="Data Center Light by ungleich"> <meta name="description" content="Data Center Light by ungleich">
<meta name="author" content="ungleich GmbH"> <meta name="author" content="ungleich GmbH">
<title>ungleich</title> <title>Data Center Light - {% block title %}VM hosting made in Switzerland{% endblock %}</title>
<!-- Vendor CSS --> <!-- Vendor CSS -->
<link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet"> {% addtoblock "vendor_css" %}
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <!-- Bootstrap Core CSS -->
<link href="//fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet" type="text/css"> <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 --> <!-- Custom CSS -->
<link href="{% static 'datacenterlight/css/hosting.css' %}" rel="stylesheet"> {% addtoblock "custom_css" %}
{% block css_extra %} <link href="{% static 'datacenterlight/css/hosting.css' %}" rel="stylesheet">
{% endblock css_extra %} {% 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"> <link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon">
@ -60,47 +71,46 @@
{% include "datacenterlight/includes/_footer.html" %} {% include "datacenterlight/includes/_footer.html" %}
</div> </div>
{% endif %} {% endif %}
<!-- jQuery -->
<script src="{% static 'hosting/js/jquery.js' %}"></script> {% addtoblock "vendor_js" %}
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script> <!-- jQuery -->
<script src="{% static 'hosting/js/jquery.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> <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>
{% 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" %}
<!-- Bootstrap Core JavaScript --> {% render_block "vendor_js" %}
<script src="{% static 'hosting/js/bootstrap.min.js' %}"></script> {% render_block "custom_js" postprocessor "compressor.contrib.sekizai.compress" %}
<!-- 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 %}
<!-- Stripe Lib -->
<script src="https://js.stripe.com/v3/"></script> <script src="https://js.stripe.com/v3/"></script>
<script src="https://js.stripe.com/v2/"></script> <script src="https://js.stripe.com/v2/"></script>
<!-- Stripe Lib -->
<!-- Proccess payment lib --> {% addtoblock "payment_js" %}
<script type="text/javascript" src="{% static 'hosting/js/payment.js' %}"></script> <!-- 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" %}
<!-- Gen SSH Key lib --> {% render_block "payment_js" postprocessor "compressor.contrib.sekizai.compress" %}
<script type="text/javascript" src="{% static 'hosting/js/gen-ssh-key.js' %}"></script>
<!-- Moment -->
<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> </body>
</html> </html>

20
hosting/static/hosting/css/commons.css
View file

@ -23,13 +23,6 @@
margin: 0 auto; margin: 0 auto;
max-width: 1120px; max-width: 1120px;
} }
.container-table{
margin-top: 35px;
overflow-y: hidden;
}
.container-table table{
overflow-y: auto;
}
.borderless td { .borderless td {
border: none !important; border: none !important;
} }
@ -42,19 +35,6 @@
color: transparent; 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{ .table>tbody>tr>td{
vertical-align: middle; vertical-align: middle;
} }

98
hosting/static/hosting/css/landing-page.css
View file

@ -127,15 +127,6 @@ h6 {
background-size: cover; 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 { .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-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; padding-bottom: 50px;
@ -157,27 +148,6 @@ h6 {
position: relative; 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 { .intro-message > h1 {
margin: 0; margin: 0;
font-weight: 400; font-weight: 400;
@ -263,11 +233,6 @@ h6 {
margin-bottom: 0; margin-bottom: 0;
} }
.banner-social-buttons {
float: right;
margin-top: 0;
}
/*------Auth section---------*/ /*------Auth section---------*/
.auth-container { .auth-container {
min-height: calc(100vh - 180px); min-height: calc(100vh - 180px);
@ -416,13 +381,6 @@ h6 {
color: #1e94cc !important; color: #1e94cc !important;
} }
@media (max-width: 1199px) {
ul.banner-social-buttons {
float: left;
margin-top: 15px;
}
}
@media (max-width: 767px) { @media (max-width: 767px) {
.banner h2 { .banner h2 {
margin: 0; margin: 0;
@ -430,16 +388,6 @@ h6 {
font-size: 3em; 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 { .auth-box .form {
padding: 15px 0 15px 0; padding: 15px 0 15px 0;
} }
@ -634,10 +582,6 @@ a.unlink:hover {
padding: 0; padding: 0;
} }
.order-confirm-date{
text-align:right;
}
@media (max-width: 767px) { @media (max-width: 767px) {
.dcl-order-table-total span { .dcl-order-table-total span {
padding-left: 3px; padding-left: 3px;
@ -696,18 +640,10 @@ a.unlink:hover {
padding-left: 10px; padding-left: 10px;
} }
.hide-mobile{
display:none;
}
#billing-form .form-control { #billing-form .form-control {
box-shadow: none !important; box-shadow: none !important;
font-weight: 400; font-weight: 400;
} }
.order-confirm-date{
text-align:left;
}
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
@ -770,19 +706,6 @@ a.unlink:hover {
margin-top: 4px; 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>.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 { .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
background-color: transparent; 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*/ /*Rotate the L 45 degrees to turn it into a checkmark*/
transform: rotate(45deg); 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);
}

8
hosting/static/hosting/css/order.css
View file

@ -15,14 +15,6 @@
display: inline-block; 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 { .order-detail-container .table > tbody > tr > .thick-line {
border-top: 2px solid; border-top: 2px solid;
} }

4
hosting/static/hosting/css/payment.css
View file

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

26
hosting/static/hosting/css/user_keys.css
View file

@ -93,12 +93,6 @@
.ssh-keys-table tbody tr td:last-of-type{ .ssh-keys-table tbody tr td:last-of-type{
width: 20%; width: 20%;
} }
.ssh-key-header {
color: #717274;
font-size: 16px;
font-weight: 300;
text-align: justify;
}
.ssh-header-container{ .ssh-header-container{
padding-top: 15px; padding-top: 15px;
} }
@ -125,27 +119,10 @@
.borderless tbody:before { .borderless tbody:before {
display: none !important; 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{ .btn-custom-delete{
width: 100px; width: 100px;
background-color: #f1f0f0; 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) { @media screen and (max-width: 768px) {
.ssh-header-container{ .ssh-header-container{
@ -301,9 +278,6 @@
word-break: break-all; word-break: break-all;
margin-bottom: 15px; margin-bottom: 15px;
} }
.custom_form_button{
border-radius: 0;
}
.form_key_name:focus, .form_key_name:focus,
.form_public_key:focus, .form_public_key:focus,
.has-error .form_key_name, .has-error .form_key_name,

145
hosting/static/hosting/css/virtual-machine.css
View file

@ -44,126 +44,11 @@
margin-right: 0; 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{ .virtual-machine-container .form-ssh textarea{
height: 150px !important height: 150px !important
} }
/*Create VM Styles*/ /*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{ .container-button{
text-align: right; text-align: right;
display: none; display: none;
@ -198,38 +83,9 @@
.container-button{ .container-button{
text-align: center; text-align: center;
} }
.step-title{
text-align: center;
}
.dashboard-title{ .dashboard-title{
text-align: center; 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 */ /* Vm Details */
@ -513,7 +369,6 @@
border: 2px solid #87B6EA; border: 2px solid #87B6EA;
padding: 4px 20px; padding: 4px 20px;
min-width: 155px; min-width: 155px;
/* padding-bottom: 7px; */
} }
.btn-order-detail:hover, .btn-order-detail:focus, .btn-order-detail:active { .btn-order-detail:hover, .btn-order-detail:focus, .btn-order-detail:active {

5
hosting/templates/hosting/includes/_navbar_user.html
View file

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