Layout CSS
/* ===== BLOG LAYOUT EMO GREEN ===== */
.blog-container,
.blog-post,
.entry,
.post {
background: rgba(0,0,0,.75) !important;
border: 3px solid #7dff00 !important;
border-radius: 12px !important;
background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/eaebebd0-932e-4f9f-8a9d-1cd647f84899/dhck29m-2f05f229-a963-4397-ba6e-84ca1e2fa3ed.jpg");
background-size: cover;
}
/* Header */
.blog-header {
background-image:
linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),
url("https://friendrewind.com/uploads/gallery/1791/img_6a14702b68b1a8.40817801.webp");
background-size: cover;
background-position: center;
min-height: 250px;
}
/* Nome do blog */
.blog-title,
.blog-header h1 {
color: #7dff00 !important;
text-shadow:
0 0 5px #7dff00,
0 0 10px #7dff00,
0 0 20px #7dff00;
}
/* Data */
.post-date {
color: #ff3333 !important;
font-style: italic;
}
/* Conteúdo */
.blog-post p {
color: #fff !important;
line-height: 1.8;
}
/* Links */
.blog-post a {
color: #9cff57 !important;
}
/* Sangue no topo dos posts */
.blog-post::before {
content: "";
display: block;
width: 100%;
height: 35px;
background-image:
url("https://i.gifer.com/origin/58/588ea071324fc1efe857f91629d9c039_w200.gif");
background-repeat: repeat-x;
background-size: contain;
}
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.