ungleich-public/dynamicweb
6
0
Fork 0
Code Issues 1 Pull requests 2 Projects Releases Wiki Activity

hosting calculator styles

Browse source
This commit is contained in:
Arvind Tiwari 2018-04-25 23:31:27 +05:30
parent 0c4c945ec3
commit 89ed869780
2 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
hosting/static/hosting/css/price_calculator.css
View file

@ -2,6 +2,8 @@
.price-calc-section { .price-calc-section {
padding: 20px 0 !important; padding: 20px 0 !important;
font-weight: 300;
font-size: 18px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -40,13 +42,13 @@
} }
.price-calc-section .card { .price-calc-section .card {
/* width: 50%; */ border-radius: 7px;
margin: 0 auto; margin: 0 auto;
background: #fff; background: #fff;
box-shadow: 1px 3px 6px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 6px 2px rgba(0, 0, 0, 0.2);
padding-bottom: 30px; padding-bottom: 30px;
text-align: center; text-align: center;
max-width: 320px; max-width: 4000px;
position: relative; position: relative;
} }
@ -85,7 +87,7 @@
} }
.price-calc-section .card .description { .price-calc-section .card .description {
padding: 7px 8px 2px; padding: 12px;
position: relative; position: relative;
display: flex; display: flex;
justify-content: space-around !important; justify-content: space-around !important;
@ -93,7 +95,7 @@
} }
.price-calc-section .card .description span { .price-calc-section .card .description span {
font-size: 14px; font-size: 16px;
margin-left: 5px; margin-left: 5px;
/* margin-left: 0px; */ /* margin-left: 0px; */
/* justify-self: start; */ /* justify-self: start; */
@ -104,17 +106,18 @@
} }
.price-calc-section .card .description .select-number{ .price-calc-section .card .description .select-number{
font-size: 16px; font-size: 18px;
text-align: center; text-align: center;
width: 85px; width: 85px;
padding: 5px 10px;
} }
.price-calc-section .card .description i { .price-calc-section .card .description i {
color: #29427a; color: #29427a;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
border: 1px solid #ccc; /* border: 1px solid #ccc; */
padding: 5px 6px 3px; /* padding: 5px 6px 3px; */
border-radius: 5px; border-radius: 5px;
} }
@ -193,7 +196,7 @@
.price-calc-section .help-block.with-errors { .price-calc-section .help-block.with-errors {
text-align: center; text-align: center;
margin: 0 0; margin: 0 0;
padding: 0 0 5px; padding: 0 0;
} }
.price-calc-section .help-block.with-errors ul { .price-calc-section .help-block.with-errors ul {
margin-bottom: 0; margin-bottom: 0;
@ -209,10 +212,10 @@
display: block; display: block;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 18%; left: 0;
z-index: 20; z-index: 20;
height: 1px; height: 1px;
width: 65%; width: 100%;
background: rgba(128, 128, 128, 0.2); background: rgba(128, 128, 128, 0.2);
} }

3
hosting/templates/hosting/payment.html
View file

@ -42,8 +42,7 @@
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 dcl-order-table-total"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 dcl-order-table-total">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 tbl-tot tbl-no-padding"> <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 tbl-tot tbl-no-padding">
{%trans "Total" %} <span>{% if vm_pricing.vat_inclusive %}{%trans "including VAT" %}{% else %}{%trans "excluding VAT" %}{% endif %}</span>
{%trans "Total" %} <span>{%trans "including VAT" %}</span>
</div> </div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 tbl-no-padding"> <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 tbl-no-padding">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"></div> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"></div>