mirror of
https://github.com/f/awesome-chatgpt-prompts.git
synced 2025-06-06 09:12:04 +00:00
43 lines
910 B
CSS
43 lines
910 B
CSS
.contribute-card {
|
|
background: linear-gradient(45deg, var(--accent-color) 0%, var(--accent-color-light) 100%);
|
|
color: white !important;
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
}
|
|
|
|
.contribute-card:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.contribute-card .prompt-title {
|
|
color: white;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.contribute-card .prompt-content {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.contribute-card .contributor-badge {
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
.contribute-card .contributor-badge:hover {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
.contribute-card svg {
|
|
stroke: white;
|
|
}
|
|
|
|
/* Dark mode adjustments */
|
|
.dark-mode .contribute-card {
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.dark-mode .contribute-card:hover {
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
|
} |