removed unused classes from datacenterlight css files
This commit is contained in:
Arvind Tiwari
parent
df22255104
commit
4fd761c396
12 changed files with 610 additions and 2178 deletions
|
|
@ -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