initial: blog-app snapshot
This commit is contained in:
153
static/css/style.css
Normal file
153
static/css/style.css
Normal file
@@ -0,0 +1,153 @@
|
||||
/* 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;
|
||||
}
|
||||
Reference in New Issue
Block a user