<data:blog.pageTitle/>
ul { display: block; }
/* Main Layout */
.container {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 2rem;
padding: 2rem;
}
.main { flex: 2; }
.sidebar { flex: 1; }
article {
background: white;
margin-bottom: 2rem;
padding: 1.5rem;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.post-title {
color: #667eea;
margin-bottom: 1rem;
}
.post-body img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem;
margin-top: 2rem;
}
/* Responsive */
@media (max-width: 768px) {
.container { flex-direction: column; padding: 1rem; }
nav ul { flex-direction: column; }
header h1 { font-size: 2rem; }
}
@media (max-width: 480px) {
header { padding: 1rem; }
nav a { padding: 0.75rem 1rem; }
}
/* Widgets */
.widget { margin-bottom: 1.5rem; }
.widget h2 { color: #764ba2; border-bottom: 2px solid #ff9a9e; padding-bottom: 0.5rem; }
.has-dropdown > a::after {
content: ' ▼';
}
]]>
false
#000000
![]()
![]()
No Posts Yet
Welcome! Add your first post.
0 Comments