Files

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;
}