Files
blog-app/static/css/style.css
2026-08-17 17:11:27 +08:00

154 lines
2.7 KiB
CSS

/* Custom styles for AI Agent project tracker. */
body {
background-color: #f5f7fa;
}
/* Card shadow + hover lift */
.card {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transition: transform 0.15s ease, box-shadow 0.15s ease;
border: none;
}
.card.project-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
cursor: pointer;
}
/* Stat cards on the index page */
.stat-card .stat-number {
font-size: 2rem;
font-weight: 700;
}
.stat-card .stat-label {
color: #6c757d;
font-size: 0.9rem;
}
/* Release timeline on detail page */
.timeline {
position: relative;
padding-left: 1.5rem;
border-left: 3px solid #0d6efd;
}
.timeline .list-group-item {
position: relative;
border: none;
border-bottom: 1px solid #e9ecef;
background: transparent;
}
.timeline .list-group-item::before {
content: "";
position: absolute;
left: -1.72rem;
top: 1.1rem;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #0d6efd;
border: 2px solid #fff;
box-shadow: 0 0 0 2px #0d6efd;
}
/* Search input focus glow */
.nav-search-input:focus,
.search-input:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
border-color: #86b7fe;
}
/* Badge spacing in project cards */
.project-card .badge {
font-weight: 500;
}
/* Empty state text */
.empty-hint {
color: #6c757d;
padding: 1.5rem 0;
text-align: center;
animation: empty-hint-pulse 1.6s ease-in-out infinite;
}
@keyframes empty-hint-pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.35;
}
}
.empty-hint-error {
animation: none;
color: #dc3545;
}
/* Issue state badges */
.badge-state-open {
background-color: #198754;
}
.badge-state-closed {
background-color: #6c757d;
}
/* Watchdog daily report badges + rendered markdown */
.badge-state-partial {
background-color: #ffc107;
color: #000;
}
.watchdog-md {
font-size: 0.95rem;
line-height: 1.7;
word-break: break-word;
}
.watchdog-md h2 {
font-size: 1.15rem;
margin-top: 1.5rem;
padding-left: .6rem;
border-left: 3px solid #0d6efd;
}
.watchdog-md h2.wd-starred {
border-left-color: #198754;
}
.watchdog-md blockquote {
background: #f8f9fa;
border-left: 3px solid #dee2e6;
padding: .5rem .8rem;
color: #495057;
font-size: .9rem;
}
.watchdog-md code {
background: #f8f9fa;
padding: .1em .35em;
border-radius: 4px;
}
.watchdog-md pre {
background: #f8f9fa;
padding: .6rem .8rem;
border-radius: 4px;
overflow-x: auto;
}
.watchdog-md ul,
.watchdog-md ol {
padding-left: 1.5rem;
}
.watchdog-md p {
margin-bottom: .6rem;
}