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

Created landing page style price-calc-section-landing which is same as price-calc-section except for padding (we don't need it in the landing page)

Browse source
This commit is contained in:
M.Ravi 2017-06-11 16:28:11 +05:30
parent ce33a4b3f2
commit d792c22e4e
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -577,6 +577,12 @@ h6 {
background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat; background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
display: flex; display: flex;
} }
.price-calc-section-landing{
/*padding: 80px 40px !important;*/
background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat;
background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
display: flex;
}
.price-calc-section .text{ .price-calc-section .text{
width: 50%; width: 50%;
} }
@ -616,6 +622,18 @@ h6 {
max-width: 400px; max-width: 400px;
position: relative; position: relative;
} }
.price-calc-section-landing .card{
/*width: 50%;*/
margin: 0 auto;
background: #fff;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
padding-bottom: 40px;
border-radius: 7px;
text-align: center;
/* margin-right: auto; */
max-width: 400px;
position: relative;
}
.price-calc-section .card .img-beta{ .price-calc-section .card .img-beta{
position: absolute; position: absolute;
top: 5px; top: 5px;
@ -844,6 +862,10 @@ h6 {
flex-direction: column; flex-direction: column;
padding: 60px 10px !important; padding: 60px 10px !important;
} }
.price-calc-section-landing{
flex-direction: column;
/*padding: 60px 10px !important;*/
}
.price-calc-section .card { .price-calc-section .card {
width: 90%; width: 90%;
} }