Skip to content

Instantly share code, notes, and snippets.

@jainnidhi
Last active April 6, 2017 15:16
Show Gist options
  • Save jainnidhi/da1fd01d160aeaaf669dc10b8ee120c7 to your computer and use it in GitHub Desktop.
Save jainnidhi/da1fd01d160aeaaf669dc10b8ee120c7 to your computer and use it in GitHub Desktop.
Pricing Table Style 5
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-column {
border-radius: 10px;
}
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-column .fl-pricing-table-inner-wrap {
padding: 30px 0;
border: 0 !important;
background: rgba(85,236,206,1);
background: -moz-linear-gradient(top, rgba(85,236,206,1) 0%, rgba(85,236,206,1) 21%, rgba(91,202,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,236,206,1)), color-stop(21%, rgba(85,236,206,1)), color-stop(100%, rgba(91,202,254,1)));
background: -webkit-linear-gradient(top, rgba(85,236,206,1) 0%, rgba(85,236,206,1) 21%, rgba(91,202,254,1) 100%);
background: -o-linear-gradient(top, rgba(85,236,206,1) 0%, rgba(85,236,206,1) 21%, rgba(91,202,254,1) 100%);
background: -ms-linear-gradient(top, rgba(85,236,206,1) 0%, rgba(85,236,206,1) 21%, rgba(91,202,254,1) 100%);
background: linear-gradient(to bottom, rgba(85,236,206,1) 0%, rgba(85,236,206,1) 21%, rgba(91,202,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ecce', endColorstr='#5bcafe', GradientType=0 );
box-shadow: 1px 3px 8px #a7a7a7;
}
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-col-3:nth-child(2) .fl-pricing-table-column .fl-pricing-table-inner-wrap {
padding: 60px 0;
position: relative;
z-index: 1;
}
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-column h2 {
color: #fff;
text-transform: uppercase;
padding: 20px !important;
position: relative;
z-index: 999;
}
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-column h2:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 10px;
width: 80px;
height: 1px;
display: block;
background-color: #9cf3e1;
}
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-column .fl-pricing-table-price {
color: #1e1e1e;
line-height: 1.3;
padding: 50px 0 10px !important;
max-width: 110px;
margin: 0 auto 30px;
border-bottom: 1px solid #1e1e1e;
}
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-column .fl-pricing-table-duration {
display: block;
font-size: 14px;
margin: 0 auto;
color: #1e1e1e;
}
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-features {
margin: 0 !important;
}
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-features li {
text-align: center;
border-bottom: 0px;
color: #fff;
font-weight: 300;
padding: 8px !important;
}
.pricing-table-style-5 .fl-pricing-table .fl-button-wrap {
margin-top: 30px;
}
.pricing-table-style-5 .fl-pricing-table .fl-button-wrap a.fl-button {
max-width: 150px !important;
display: block;
margin: 0 auto;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
}
@media only screen and (max-width: 768px) {
.pricing-table-style-5 .fl-pricing-table .fl-pricing-table-col-3:nth-child(2) .fl-pricing-table-column {
margin-top: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment