58 lines
1.1 KiB
CSS
58 lines
1.1 KiB
CSS
/**
|
|
* Deal-Box Template für JCE Editor
|
|
* Einmalig in den Astroid Template Options → Custom CSS einfügen.
|
|
* Oder: Administrator → System → Site Templates → [Template] → Custom CSS
|
|
*/
|
|
|
|
/* === DEAL-BOX === */
|
|
.deal-box {
|
|
background: linear-gradient(135deg, #20228a, #3b3da8);
|
|
color: #fff;
|
|
border-radius: 10px;
|
|
padding: 1.3rem 1.5rem;
|
|
margin: 1.5rem 0;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.deal-box p {
|
|
margin: 0.3rem 0;
|
|
}
|
|
|
|
.deal-box .old-price {
|
|
text-decoration: line-through;
|
|
opacity: 0.7;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.deal-box .new-price {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.deal-box .discount {
|
|
background: #ff6b35;
|
|
padding: 0.2rem 0.7rem;
|
|
border-radius: 5px;
|
|
font-weight: 600;
|
|
font-size: 0.95rem;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.deal-box a {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
text-underline-offset: 3px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.deal-box a:hover {
|
|
color: #ffd700;
|
|
}
|
|
|
|
.deal-box .shop-info {
|
|
font-size: 0.95rem;
|
|
opacity: 0.9;
|
|
}
|