Remove corner ribbon from all files and docs
This commit is contained in:
parent
702ad49764
commit
212c950707
4 changed files with 2 additions and 86 deletions
62
common.css
62
common.css
|
|
@ -784,68 +784,6 @@ textarea.markup-editor-textarea {
|
|||
color: #a3c765;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
CORNER RIBBON
|
||||
============================================ */
|
||||
|
||||
@keyframes ribbon-glow {
|
||||
0% { box-shadow: 0 3px 10px rgba(163, 199, 101, 0.4), 0 0 20px rgba(163, 199, 101, 0.2), 0 0 40px rgba(163, 199, 101, 0.1); }
|
||||
50% { box-shadow: 0 3px 16px rgba(163, 199, 101, 0.7), 0 0 35px rgba(163, 199, 101, 0.4), 0 0 60px rgba(163, 199, 101, 0.15); }
|
||||
100% { box-shadow: 0 3px 10px rgba(163, 199, 101, 0.4), 0 0 20px rgba(163, 199, 101, 0.2), 0 0 40px rgba(163, 199, 101, 0.1); }
|
||||
}
|
||||
|
||||
@keyframes ribbon-glow-hover {
|
||||
0% { box-shadow: 0 3px 16px rgba(163, 199, 101, 0.8), 0 0 40px rgba(163, 199, 101, 0.5), 0 0 80px rgba(163, 199, 101, 0.2), 0 0 120px rgba(163, 199, 101, 0.1); }
|
||||
50% { box-shadow: 0 3px 24px rgba(163, 199, 101, 1.0), 0 0 60px rgba(163, 199, 101, 0.7), 0 0 100px rgba(163, 199, 101, 0.3), 0 0 140px rgba(163, 199, 101, 0.15); }
|
||||
100% { box-shadow: 0 3px 16px rgba(163, 199, 101, 0.8), 0 0 40px rgba(163, 199, 101, 0.5), 0 0 80px rgba(163, 199, 101, 0.2), 0 0 120px rgba(163, 199, 101, 0.1); }
|
||||
}
|
||||
|
||||
@keyframes ribbon-shimmer {
|
||||
0% { background-position: 200% center; }
|
||||
100% { background-position: -200% center; }
|
||||
}
|
||||
|
||||
.corner-ribbon {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.corner-ribbon a {
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
right: -55px;
|
||||
top: 30px;
|
||||
width: 300px;
|
||||
padding: 18px 0;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
font-weight: bold !important;
|
||||
white-space: nowrap !important;
|
||||
color: #ffffff !important;
|
||||
background: linear-gradient(135deg, #7B2D8E, #9B59B6, #7B2D8E) !important;
|
||||
background-size: 200% auto !important;
|
||||
text-decoration: none !important;
|
||||
transform: rotate(45deg);
|
||||
pointer-events: auto;
|
||||
letter-spacing: 0.08em;
|
||||
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(163, 199, 101, 0.4);
|
||||
animation: ribbon-glow 2.5s ease-in-out infinite, ribbon-shimmer 4s linear infinite;
|
||||
transition: all 300ms ease;
|
||||
}
|
||||
|
||||
.corner-ribbon a:hover {
|
||||
background: linear-gradient(135deg, #6A1B7A, #a3c765, #6A1B7A) !important;
|
||||
background-size: 200% auto !important;
|
||||
animation: ribbon-glow-hover 1.5s ease-in-out infinite, ribbon-shimmer 2s linear infinite;
|
||||
transform: rotate(45deg) scale(1.08);
|
||||
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(163, 199, 101, 0.8);
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.mps-footer-grid {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue