moep/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;
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{
width: 50%;
}
@ -622,17 +616,11 @@ h6 {
max-width: 400px;
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 .landing {
width: 100% !important;
}
.no-padding{
padding:0 !important;
}
.price-calc-section .card .img-beta{
position: absolute;
@ -862,10 +850,6 @@ h6 {
flex-direction: column;
padding: 60px 10px !important;
}
.price-calc-section-landing{
flex-direction: column;
/*padding: 60px 10px !important;*/
}
.price-calc-section .card {
width: 90%;
}

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

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