mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-13 07:21:38 +08:00
添加Metronic(作为LFS)
This commit is contained in:
123
frontend/static/assets/admin/pages/css/pricing-table.css
Normal file
123
frontend/static/assets/admin/pages/css/pricing-table.css
Normal file
@@ -0,0 +1,123 @@
|
||||
/***
|
||||
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;
|
||||
}
|
Reference in New Issue
Block a user