52fb72f7d9
Previous CSS selectors weren't catching Decap's dynamic class names. Now using: - href attribute selectors for Tasks link - JavaScript fallback after DOM load - Removed complex selectors that weren't working Signed-off-by: claude@firefrostgaming.com
102 lines
4.4 KiB
HTML
102 lines
4.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="robots" content="noindex" />
|
|
<title>Firefrost CMS</title>
|
|
<style>
|
|
/* ═══════════════════════════════════════════════════════════
|
|
FIREFROST GAMING - DECAP CMS BRANDING
|
|
Fire: #FF6B35 | Frost: #4ECDC4 | Arcane: #A855F7
|
|
|
|
Note: Decap uses dynamic class names, so we target by
|
|
structure and attributes rather than class names.
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
}
|
|
|
|
/* Hide any weird floating decorations */
|
|
body::before, body::after,
|
|
#nc-root::before, #nc-root::after {
|
|
display: none !important;
|
|
}
|
|
|
|
/* ═══════════════════════════════════════════════════════════
|
|
SIDEBAR TASKS HIGHLIGHT
|
|
Target the first collection link in sidebar
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
/* Target links containing "tasks" in href */
|
|
a[href*="/collections/tasks"] {
|
|
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%) !important;
|
|
color: white !important;
|
|
border-radius: 8px !important;
|
|
font-weight: 700 !important;
|
|
padding: 12px 16px !important;
|
|
margin: 4px 8px !important;
|
|
box-shadow: 0 3px 12px rgba(255, 107, 53, 0.4) !important;
|
|
display: block !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
a[href*="/collections/tasks"]:hover {
|
|
background: linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%) !important;
|
|
transform: translateY(-1px) !important;
|
|
box-shadow: 0 5px 16px rgba(255, 107, 53, 0.5) !important;
|
|
}
|
|
|
|
a[href*="/collections/tasks"] span,
|
|
a[href*="/collections/tasks"] * {
|
|
color: white !important;
|
|
}
|
|
|
|
/* ═══════════════════════════════════════════════════════════
|
|
GENERAL BUTTON STYLING
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
/* Publish/Save buttons - Frost teal */
|
|
button[type="button"]:not([disabled]),
|
|
button[type="submit"]:not([disabled]) {
|
|
border-radius: 6px !important;
|
|
}
|
|
|
|
/* ═══════════════════════════════════════════════════════════
|
|
CLEAN UP - Remove any unintended decorations
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
/* If there are floating emojis/decorations, hide them */
|
|
[style*="position: absolute"],
|
|
[style*="position:absolute"] {
|
|
/* Only hide if they look decorative */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script src="https://unpkg.com/decap-cms@^3.0.0/dist/decap-cms.js"></script>
|
|
<script>
|
|
// After CMS loads, apply additional styling
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Wait for Decap to render
|
|
setTimeout(function() {
|
|
// Find and style the Tasks link
|
|
const tasksLinks = document.querySelectorAll('a[href*="/collections/tasks"]');
|
|
tasksLinks.forEach(function(link) {
|
|
link.style.background = 'linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%)';
|
|
link.style.color = 'white';
|
|
link.style.borderRadius = '8px';
|
|
link.style.fontWeight = '700';
|
|
link.style.padding = '12px 16px';
|
|
link.style.margin = '4px 8px';
|
|
link.style.boxShadow = '0 3px 12px rgba(255, 107, 53, 0.4)';
|
|
link.style.display = 'block';
|
|
link.style.textDecoration = 'none';
|
|
});
|
|
}, 1000);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|