Mira/flask_blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

read more

Browse Source
This commit is contained in:
m
2026-03-14 21:45:37 +01:00
parent 15f6386bc6
commit 0d5bd08cf4
1 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
static/css/simple-blog-template.css
View File

@@ -90,30 +90,34 @@ nav {
align-items: center; align-items: center;
gap: 8px; gap: 8px;
} }
/* --- Buttons & UI --- */
/* --- Buttons --- */
.btn-read-more { .btn-read-more {
float: right; float: right;
background: #fff; background: #f8f9fa; /* Light gray background instead of white */
border: 1px solid #ddd; border: 1px solid #e1e4e8;
color: #555; color: #0366d6; /* Use your brand blue for the text */
border-radius: 6px; border-radius: 6px;
padding: 8px 18px; padding: 8px 20px;
font-size: 0.9rem; font-size: 0.85rem;
font-weight: 600; font-weight: 600;
transition: all 0.2s; text-transform: uppercase;
letter-spacing: 0.03em;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-block; display: inline-block;
text-decoration: none !important; text-decoration: none !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
} }
.btn-read-more:hover { .btn-read-more:hover {
background-color: #0366d6;
border-color: #0366d6; border-color: #0366d6;
color: #0366d6; color: #ffffff; /* Invert colors on hover */
background: #f0f7ff; box-shadow: 0 4px 8px rgba(3, 102, 214, 0.2);
transform: translateY(-1px);
} }
.btn-read-more:active { .btn-read-more:active {
transform: translateY(1px); transform: translateY(0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
} }