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

Refactored the styles

Browse source
This commit is contained in:
M.Ravi 2017-06-11 16:53:57 +05:30
commit 24402a2ec8
2 changed files with 7 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -577,12 +577,6 @@ 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%;
} }
@ -622,17 +616,11 @@ h6 {
max-width: 400px; max-width: 400px;
position: relative; position: relative;
} }
.price-calc-section-landing .card{ .price-calc-section .landing {
/*width: 50%;*/ width: 100% !important;
margin: 0 auto; }
background: #fff; .no-padding{
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); padding:0 !important;
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;
@ -862,10 +850,6 @@ 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%;
} }

4
datacenterlight/templates/datacenterlight/index.html
View file

@ -238,8 +238,8 @@
</div> </div>
<div class="col-xs-12 col-md-6 hero-feature"> <div class="col-xs-12 col-md-6 hero-feature">
<div class="price-calc-section-landing"> <div class="price-calc-section no-padding">
<div class="card"> <div class="landing card">
<img class="img-beta" src="{% static 'datacenterlight/img/beta-img.png' %}" alt=""> <img class="img-beta" src="{% static 'datacenterlight/img/beta-img.png' %}" alt="">
<div class="caption"> <div class="caption">
<form id="order_form" method="POST" action=""> <form id="order_form" method="POST" action="">