.widget_simple_quotes_widget .sqm-quote-content {
position: relative;
}
.widget_simple_quotes_widget blockquote {
border-left: 4px solid #ccc;
padding-left: 15px;
margin: 0;
font-style: italic;
color: #555;
}
.widget_simple_quotes_widget blockquote p {
margin-bottom: 1em;
line-height: 1.6;
}
.widget_simple_quotes_widget .sqm-cite {
display: block;
text-align: right;
font-weight: bold;
font-style: normal;
color: #333;
}
.widget_simple_quotes_widget .sqm-tags {
font-size: 0.9em;
color: #777;
margin-top: 10px;
text-align: right;
} .sqm-widget-link-wrapper {
display: block;
text-decoration: none;
color: inherit;
}
.sqm-widget-actions {
position: absolute;
top: 0;
right: 0;
background: rgba(255, 255, 255, 0.8);
padding: 2px;
border-radius: 3px;
opacity: 0;
transition: opacity 0.2s ease-in-out;
z-index: 10;
}
.sqm-quote-content[data-sqm-interactive="true"]:hover .sqm-widget-actions {
opacity: 1;
}
.sqm-widget-actions .sqm-action-btn {
background: none;
border: none;
cursor: pointer;
padding: 2px;
color: #555;
vertical-align: middle;
}
.sqm-widget-actions .sqm-action-btn:hover {
color: #000;
} .sqm-widget-placeholder .sqm-skeleton-widget { padding: 10px 0; }
.sqm-skeleton-line { background-color: #e0e0e0; border-radius: 4px; height: 1em; margin-bottom: 0.75em; }
.sqm-skeleton-line-2 { width: 90%; }
.sqm-skeleton-line-3 { width: 75%; }
.sqm-skeleton-animate {
background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
background-size: 200% 100%;
animation: sqm-skeleton-shine 1.5s infinite linear;
}
@keyframes sqm-skeleton-shine {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}