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

landing payment page layout complete

Browse source
This commit is contained in:
Arvind Tiwari 2017-09-07 02:47:57 +05:30
commit 98e8be1da9
4 changed files with 159 additions and 130 deletions
Download patch file Download diff file Expand all files Collapse all files

2
hosting/static/hosting/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

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

@ -607,7 +607,8 @@ a.unlink:hover {
font-weight: 300;
border: 1px solid #a1a1a1;
border-radius: 3px;
padding: 5px;
padding: 8px 10px;
margin-bottom: 20px;
}
.card-warning-error {
border: 1px solid #EB4D5C;
@ -648,7 +649,7 @@ a.unlink:hover {
.card-element {
margin-bottom: 10px;
padding: 0;
/* padding: 0; */
}
.card-element label{
@ -671,7 +672,7 @@ a.unlink:hover {
}
.credit-card-goup{
padding: 0;
padding: 0 5px;
}
.order-confirm-date{
@ -858,11 +859,4 @@ a.list-group-item-danger.active:focus {
}
.panel-danger > .panel-heading .badge {
background-color: #eb4d5c;
}
/* landing page payment new style */
.dcl-payment-section {
max-width: 400px;
margin: auto;
padding: 30px;
}

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

@ -22,7 +22,67 @@
}
.summary-box .content {
padding-top: 15px;
}
/* landing page payment new style */
.last-p {
margin-bottom: 0;
}
.dcl-payment-section {
max-width: 391px;
margin: 0 auto 30px;
padding: 0 10px 30px;
border-bottom: 1px solid #edebeb;
height: 100%;
}
.dcl-payment-section hr{
margin-top: 15px;
margin-bottom: 15px;
}
.dcl-payment-section .top-hr {
margin-left: -10px;
}
.dcl-payment-section h3 {
font-weight: 600;
}
.dcl-payment-section p {
padding: 0 5px;
}
.dcl-payment-section .card-warning-content {
padding: 8px 10px;
}
.dcl-payment-order strong{
font-size: 17px;
}
@media (min-width: 768px) {
.dcl-payment-grid {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.dcl-payment-box {
width: 50%;
position: relative;
padding: 0 30px;
}
.dcl-payment-section {
padding: 30px 10px;
margin-bottom: 0;
border-bottom-width: 5px;
}
.dcl-payment-box:nth-child(n+3) .dcl-payment-section {
border-bottom: none;
}
.dcl-payment-box:nth-child(2n+1):after {
content: ' ';
display: block;
background: #eee;
width: 1px;
position: absolute;
right: 0;
z-index: 2;
top: 20px;
bottom: 20px;
}
}