77 lines
1.5 KiB
CSS
77 lines
1.5 KiB
CSS
/* File: public/css/public-style.css */
|
|
|
|
/* Public styles for the plugin */
|
|
/* Note: Most styling is handled by the theme, but we include this for any future frontend features */
|
|
|
|
.pc-hfap-public-notice {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Hidden by default, can be used for future features */
|
|
|
|
/* Print styles for snippets */
|
|
@media print {
|
|
.pc-hfap-no-print {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/* Accessibility improvements */
|
|
.pc-hfap-sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
white-space: nowrap;
|
|
border: 0;
|
|
}
|
|
|
|
/* Responsive design helpers */
|
|
.pc-hfap-container {
|
|
width: 100%;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
/* Clearfix */
|
|
.pc-hfap-clearfix::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
|
|
/* Loading animation for any future AJAX features */
|
|
.pc-hfap-loader {
|
|
border: 3px solid #f3f3f3;
|
|
border-top: 3px solid #3498db;
|
|
border-radius: 50%;
|
|
width: 40px;
|
|
height: 40px;
|
|
animation: pc-hfap-spin 2s linear infinite;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
@keyframes pc-hfap-spin {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(360deg); }
|
|
}
|
|
|
|
/* Reduced motion support */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.pc-hfap-public-element {
|
|
transition: none;
|
|
animation: none;
|
|
}
|
|
}
|
|
|
|
/* High contrast mode support */
|
|
@media (prefers-contrast: high) {
|
|
.pc-hfap-public-element {
|
|
border: 2px solid currentColor;
|
|
}
|
|
}
|