mirror of
https://github.com/cwinfo/powerdns-admin.git
synced 2024-11-10 15:40:28 +00:00
124 lines
2.0 KiB
CSS
124 lines
2.0 KiB
CSS
/***
|
|
Pricing table
|
|
***/
|
|
.pricing {
|
|
position: relative;
|
|
margin-bottom: 15px;
|
|
border: 3px solid #eee;
|
|
}
|
|
|
|
.pricing-active {
|
|
border: 3px solid #36d7ac;
|
|
margin-top: -10px;
|
|
box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
|
|
}
|
|
|
|
.pricing:hover {
|
|
border: 3px solid #36d7ac;
|
|
}
|
|
|
|
.pricing:hover h4 {
|
|
color: #36d7ac;
|
|
}
|
|
|
|
.pricing-head {
|
|
text-align: center;
|
|
}
|
|
|
|
.pricing-head h3,
|
|
.pricing-head h4 {
|
|
margin: 0;
|
|
line-height: normal;
|
|
}
|
|
|
|
.pricing-head h3 span,
|
|
.pricing-head h4 span {
|
|
display: block;
|
|
margin-top: 5px;
|
|
font-size: 14px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.pricing-head h3 {
|
|
font-weight: 300;
|
|
color: #fafafa;
|
|
padding: 12px 0;
|
|
font-size: 27px;
|
|
background: #36d7ac;
|
|
border-bottom: solid 1px #41b91c;
|
|
}
|
|
|
|
.pricing-head h4 {
|
|
color: #bac39f;
|
|
padding: 5px 0;
|
|
font-size: 54px;
|
|
font-weight: 300;
|
|
background: #fbfef2;
|
|
border-bottom: solid 1px #f5f9e7;
|
|
}
|
|
|
|
.pricing-head-active h4 {
|
|
color: #36d7ac;
|
|
}
|
|
|
|
.pricing-head h4 i {
|
|
top: -8px;
|
|
font-size: 28px;
|
|
font-style: normal;
|
|
position: relative;
|
|
}
|
|
|
|
.pricing-head h4 span {
|
|
top: -10px;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
position: relative;
|
|
}
|
|
|
|
/*Pricing Content*/
|
|
.pricing-content li {
|
|
color: #888;
|
|
font-size: 12px;
|
|
padding: 7px 15px;
|
|
border-bottom: solid 1px #f5f9e7;
|
|
}
|
|
|
|
.pricing-content li i {
|
|
top: 2px;
|
|
color: #36d7ac;
|
|
font-size: 16px;
|
|
margin-right: 5px;
|
|
position: relative;
|
|
}
|
|
|
|
/*Pricing Footer*/
|
|
.pricing-footer {
|
|
color: #777;
|
|
font-size: 11px;
|
|
line-height: 17px;
|
|
text-align: center;
|
|
padding: 0 20px 19px;
|
|
}
|
|
|
|
/*Priceing Active*/
|
|
.price-active,
|
|
.pricing:hover {
|
|
z-index: 9;
|
|
}
|
|
|
|
.price-active h4 {
|
|
color: #36d7ac;
|
|
}
|
|
|
|
.no-space-pricing .pricing:hover {
|
|
transition: box-shadow 0.2s ease-in-out;
|
|
}
|
|
|
|
.no-space-pricing .price-active .pricing-head h4,
|
|
.no-space-pricing .pricing:hover .pricing-head h4 {
|
|
color: #36d7ac;
|
|
padding: 15px 0;
|
|
font-size: 80px;
|
|
transition: color 0.5s ease-in-out;
|
|
}
|