removed unused classes from datacenterlight css files
This commit is contained in:
Arvind Tiwari
parent
df22255104
commit
4fd761c396
12 changed files with 488 additions and 2056 deletions
File diff suppressed because it is too large
Load diff
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,9 +1,9 @@
|
|||
{% load staticfiles i18n cms_tags sekizai_tags %}
|
||||
{% get_current_language as LANGUAGE_CODE %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{LANGUAGE_CODE}}">
|
||||
|
||||
<head>
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
|
@ -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 -->
|
||||
|
|
@ -42,9 +44,9 @@
|
|||
<!-- Google analytics -->
|
||||
{% include "google_analytics.html" %}
|
||||
<!-- End Google Analytics -->
|
||||
</head>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
|
||||
{% block navbar %}
|
||||
{% include "datacenterlight/includes/_navbar.html" %}
|
||||
|
|
@ -62,13 +64,14 @@
|
|||
<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" %}
|
||||
{% render_block "custom_js" postprocessor "compressor.contrib.sekizai.compress" %}
|
||||
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
{% load staticfiles bootstrap3%}
|
||||
{% load i18n %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
{% load staticfiles i18n sekizai_tags %}
|
||||
{% get_current_language as LANGUAGE_CODE %}
|
||||
|
||||
<!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 -->
|
||||
<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>
|
||||
{% render_block "payment_js" postprocessor "compressor.contrib.sekizai.compress" %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,10 +21,6 @@
|
|||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.summary-box .content {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
/* landing page payment new style */
|
||||
.last-p {
|
||||
margin-bottom: 0;
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -1,9 +1,6 @@
|
|||
{% load staticfiles %}
|
||||
{% load i18n %}
|
||||
{% load custom_tags %}
|
||||
{% load staticfiles i18n 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 -->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue