Layout CSS
body {
background-color: #f6f1e8;
color: #3b2f2f;
font-family: Georgia, serif;
}
.blog-entry::before {
content: "";
display: block;
height: 200px;
background-image: url("https://i.pinimg.com/originals/32/7a/80/327a8025d5cdf9e5752cad37d5ad8933.gif");
background-size: cover;
background-position: center;
margin-bottom: 20px;
}
.blog-entry {
background-color: #fff8ec;
padding: 25px;
margin: 40px auto;
max-width: 680px;
border-radius: 12px;
}
.blog-entry .title {
color: #2e3a2f !important;
font-size: 22px;
}
.blog-entry .publish-date {
color: #8f8677 !important;
font-size: 12px;
}
.blog-entry .content {
color: #3b2f2f !important;
font-size: 15px;
line-height: 1.8;
}
.blog-entry .content p {
color: #3b2f2f !important;
}
.blog-entry .content img {
width: 100%;
border-radius: 10px;
margin: 15px 0;
opacity: 0.9;
}
.blog-entry .profile-pic {
width: 38px;
height: 38px;
border-radius: 50%;
}
.blog-entry .content blockquote {
border-left: 3px solid #e6d8a8;
padding-left: 12px;
color: #5c4a4a !important;
font-style: italic;
}
/* SÓ TEXTO BRANCO NA ÁREA DO PERFIL */
.blog-entry .author-details,
.blog-entry .author-details a {
color: #ffffff !important;
}
.blog-entry .kudos-container {
color: #8a7f70 !important;
font-size: 12px;
}
.blog-entry .content a {
color: #5c4a4a !important;
text-decoration: none;
}
.blog-entry .content a:hover {
color: #7a8f7a !important;
}
a {
color: #5c4a4a !important;
text-decoration: none;
}
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.