Layout CSS
/* ===========================
Forever July - SUNMI Theme
=========================== */
/* Fond du blog */
body {
background-image: url("https://friendrewind.com/uploads/gallery/2339/img_6a5901990f8e32.52978410.webp");
background-size: cover;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: rgb(25, 23, 38);
}
/* Boîte principale */
.blog-entry {
background: rgba(250, 247, 243, 0.85);
border-radius: 18px;
padding: 25px;
backdrop-filter: blur(8px);
border: 1px solid rgb(255, 240, 230);
}
/* Titre */
.blog-entry .title {
color: rgb(255, 195, 205);
font-family: Georgia, serif;
font-size: 34px;
text-align: center;
letter-spacing: 2px;
}
/* Contenu */
.blog-entry .content {
background: rgba(255, 255, 255, 0.70);
color: rgb(70, 70, 82);
border-radius: 14px;
padding: 20px;
line-height: 1.8;
}
/* Liens */
a {
color: rgb(245, 170, 190);
text-decoration: none;
transition: 0.3s;
}
a:hover {
color: rgb(255, 225, 170);
}
/* Boutons */
button {
background: rgb(248, 185, 198);
color: rgb(255,255,255);
border: none;
border-radius: 20px;
padding: 10px 18px;
transition: 0.3s;
}
button:hover {
background: rgb(255, 211, 170);
}
/* Barre de défilement */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: rgb(248, 240, 238);
}
::-webkit-scrollbar-thumb {
background: rgb(244, 185, 195);
border-radius: 20px;
}
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.