166 lines
5.0 KiB
Cheetah
166 lines
5.0 KiB
Cheetah
<style>
|
|
/* Repository cards - clean compact design with visible descriptions */
|
|
|
|
.user.profile .flex.flex-item,
|
|
.user.profile div[class*="flex-list"] > div[class*="flex"] {
|
|
background: rgba(255, 255, 255, 0.6) !important;
|
|
border: 1px solid rgba(140, 169, 255, 0.15) !important;
|
|
border-radius: 0.75rem !important;
|
|
padding: 0.875rem 1rem !important;
|
|
margin-bottom: 0.5rem !important;
|
|
box-shadow: 0 1px 3px rgba(140, 169, 255, 0.08) !important;
|
|
transition: all 0.2s ease !important;
|
|
}
|
|
|
|
.user.profile .flex.flex-item:hover,
|
|
.user.profile div[class*="flex-list"] > div[class*="flex"]:hover {
|
|
background: rgba(255, 255, 255, 0.85) !important;
|
|
border-color: rgba(140, 169, 255, 0.3) !important;
|
|
box-shadow: 0 2px 8px rgba(140, 169, 255, 0.12) !important;
|
|
transform: translateY(-1px) !important;
|
|
}
|
|
|
|
/* Make nested divs blend seamlessly but keep their display/spacing */
|
|
.user.profile .flex.flex-item > *,
|
|
.user.profile .flex.flex-item > * > *,
|
|
.user.profile .flex.flex-item > * > * > *,
|
|
.user.profile div[class*="flex-list"] > div[class*="flex"] > *,
|
|
.user.profile div[class*="flex-list"] > div[class*="flex"] > * > *,
|
|
.user.profile div[class*="flex-list"] > div[class*="flex"] > * > * > * {
|
|
background: transparent !important;
|
|
background-color: transparent !important;
|
|
background-image: none !important;
|
|
border: none !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
/* Repository title styling */
|
|
.user.profile .flex.flex-item .flex-item-title a {
|
|
font-size: 1rem !important;
|
|
font-weight: 600 !important;
|
|
color: #1e293b !important;
|
|
display: inline-block !important;
|
|
}
|
|
|
|
/* Description styling - make sure it's visible! */
|
|
.user.profile .flex.flex-item .flex-item-body,
|
|
.user.profile .flex.flex-item p.desc,
|
|
.user.profile .flex.flex-item .description {
|
|
display: block !important;
|
|
margin-top: 0.375rem !important;
|
|
margin-bottom: 0.375rem !important;
|
|
font-size: 0.875rem !important;
|
|
line-height: 1.4 !important;
|
|
color: #64748b !important;
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
}
|
|
|
|
/* Metadata row (language, stars, etc.) */
|
|
.user.profile .flex.flex-item .flex-item-trailing {
|
|
display: flex !important;
|
|
gap: 0.75rem !important;
|
|
font-size: 0.875rem !important;
|
|
color: #64748b !important;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
// Force clean repository cards - strip ALL nested styling
|
|
(function() {
|
|
'use strict';
|
|
|
|
function cleanRepoCards() {
|
|
// Find all repository card containers
|
|
const repoCards = document.querySelectorAll('.user.profile .flex.flex-item, .user.profile div[class*="flex-list"] > div[class*="flex"]');
|
|
|
|
repoCards.forEach(card => {
|
|
// Get ALL nested elements (deep)
|
|
const allNested = card.querySelectorAll('*');
|
|
|
|
allNested.forEach(element => {
|
|
// Force remove inline styles that create backgrounds/borders
|
|
element.style.background = 'transparent';
|
|
element.style.backgroundColor = 'transparent';
|
|
element.style.backgroundImage = 'none';
|
|
element.style.border = 'none';
|
|
element.style.borderRadius = '0';
|
|
element.style.boxShadow = 'none';
|
|
element.style.backdropFilter = 'none';
|
|
element.style.webkitBackdropFilter = 'none';
|
|
element.style.outline = 'none';
|
|
});
|
|
});
|
|
|
|
// Also apply via CSS
|
|
const style = document.createElement('style');
|
|
style.id = 'ocean-repo-cards-clean';
|
|
style.textContent = `
|
|
.user.profile .flex.flex-item,
|
|
.user.profile div[class*="flex-list"] > div[class*="flex"] {
|
|
background: rgba(255, 255, 255, 0.95) !important;
|
|
border: 1px solid rgba(140, 169, 255, 0.25) !important;
|
|
border-radius: 1rem !important;
|
|
padding: 1rem 1.25rem !important;
|
|
margin-bottom: 0.75rem !important;
|
|
box-shadow: 0 2px 8px rgba(140, 169, 255, 0.1) !important;
|
|
}
|
|
|
|
/* Force ALL nested elements to be completely transparent */
|
|
.user.profile .flex.flex-item *,
|
|
.user.profile div[class*="flex-list"] > div[class*="flex"] * {
|
|
background: transparent !important;
|
|
background-color: transparent !important;
|
|
background-image: none !important;
|
|
border: none !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
}
|
|
`;
|
|
|
|
const oldStyle = document.getElementById('ocean-repo-cards-clean');
|
|
if (oldStyle) oldStyle.remove();
|
|
document.head.appendChild(style);
|
|
}
|
|
|
|
// Run immediately
|
|
cleanRepoCards();
|
|
|
|
// Run after DOM ready
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', cleanRepoCards);
|
|
}
|
|
|
|
// Run after everything loads
|
|
window.addEventListener('load', () => {
|
|
cleanRepoCards();
|
|
// Run again after a slight delay to catch any late-loading styles
|
|
setTimeout(cleanRepoCards, 100);
|
|
setTimeout(cleanRepoCards, 500);
|
|
});
|
|
|
|
// Watch for changes and re-clean
|
|
const observer = new MutationObserver(() => {
|
|
cleanRepoCards();
|
|
});
|
|
|
|
// Start observing once DOM is ready
|
|
if (document.body) {
|
|
observer.observe(document.body, {
|
|
childList: true,
|
|
subtree: true
|
|
});
|
|
} else {
|
|
window.addEventListener('load', () => {
|
|
observer.observe(document.body, {
|
|
childList: true,
|
|
subtree: true
|
|
});
|
|
});
|
|
}
|
|
})();
|
|
</script>
|