Layout CSS
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:[email protected]&display=swap');
</style>
<style>
body{
background-color: color !important;
background-image: url('https://i.pinimg.com/736x/fc/1b/12/fc1b12614178f02cebdc4efaf5fbbe57.jpg') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important; }
main{
background-color: rgba(20, 255, 20, 0.65) !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important;
border: solid black 3px;
}
nav .top {
background-color: rgba(0, 255, 4, 0.8);
border: solid black 3px;
font-family: "Pixelify Sans", sans-serif;
}
nav .links {
background-color: rgba(0, 255, 4, 0.8);
text-align: center;
border-radius: 4px 4px 0 0;
background-position: center;
background-repeat: no-repeat;
border: solid black 3px;
font-family: "Pixelify Sans", sans-serif;
}
button {
color: #ffffff;
background-color: black;
font-family: "Pixelify Sans", sans-serif;
}
a {
color: black;
font-family: "Pixelify Sans", sans-serif;
}
nav .links a {
color: black;
}
footer {
background-color: rgba(0, 255, 4, 0.8);
}
.comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {
background-color: rgba(0, 172, 3, 0.8);
color: black;
font-family: "Pixelify Sans", sans-serif;
}
.edit-info {
background-color: rgba(0, 172, 3, 0.8);
border: 2px solid black;
}
.blog-entry .title {
background-color: rgba(7, 7, 7, 0.8);
color: #2E972F;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
font-family: "Pixelify Sans", sans-serif;
text-align: center;
}
.blog-entry .content {
background-color: rgba(119, 255, 121, 0.9);
padding: 10px;
font-family: "Pixelify Sans", sans-serif;
}
.top{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important;}
</style>
<style>
main:before {
width: 100%;
height: 340px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/736x/59/73/40/597340cf22d74dd0757c1c88cf95892c.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 155px;
}
}
</style>
</style>
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.