Report Blog Entry
Doing another layout blog (this isn't my monthly blog, that'll come with time) because we still can't post layouts in the Layouts section... oops. This is, as of writing this blog, my current layout, and the one I will be using for the foreseeable future, at least on SpaceHey... I think I may try making something else for my FriendRewind profile after putting out that monthly blog. Feel free to use, tinker with, whatever!
@keyframes navBob {
0% {margin-top: 10px;}
50% {margin-top: 20px;}
100% {margin-top: 10px;}
}
body {
background: url(https://i.pinimg.com/originals/ca/f4/42/caf44253eba221745bd20c9effe8d71a.gif);
}
.container {
width: 90%;
}
main {
background-color: rgba(0, 0, 255, 0.1);
color: rgb(255, 255, 255);
border-radius: 20px;
margin-top: 40px;
margin-bottom: 30px;
}
.pfp-fallback {
box-shadow: 0 0 5px 5px rgba(128, 210, 219, 0.2);
}
a, .count {
color: rgb(255, 251, 134) !important;
text-shadow: 0 0 8px rgba(255, 255, 0, 0.8) !important;
}
.inner .section h4 {
color: rgb(128, 210, 219) !important;
}
nav {
animation-name: navBob;
animation-duration: 3.5s;
animation-iteration-count: infinite;
border-radius: 30px !important;
}
nav .top {
background-color: rgba(0, 0, 255, 0.1);
color: rgb(255, 255, 255);
border-radius: 20px;
background-image: linear-gradient(rgba(167, 209, 232, 0), rgba(167, 209, 232, 0.4), rgba(167, 209, 232, 0.2), rgba(167, 209, 232, 0), rgba(167, 209, 232, 0));
}
nav .links {
background-color: rgba(0, 0, 0, 0);
text-align: center;
}
.contact .icon {
content: url(https://animated-gif-creator.com/images/03/clipart-star-animated-gif-clipart-star-animated-gif-transparent-free_12.gif);
width: 20px;
height: 20px;
}
.details-table td, .comments-table td {
background-color: rgba(0, 0, 0, 0) !important;
color: rgb(255, 255, 255) !important;
}
.details-table tr, .comments-table tr, .heading {
background-image: linear-gradient(to right, rgba(167, 209, 232, 0), rgba(167, 209, 232, 0.7), rgba(167, 209, 232, 0.35), rgba(167, 209, 232, 0), rgba(167, 209, 232, 0)) !important;
}
.heading {
background-color: rgba(0, 0, 0, 0) !important;
color: rgb(255, 255, 255) !important;
text-align: center;
}
footer {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(rgba(0, 0, 255, 0), rgba(0, 0, 255, 0.1), rgba(0, 0, 255, 0.05), rgba(0, 0, 255, 0));
color: rgb(255, 255, 255);
}
And, of course, the customary preview screenshot!
Layout preview
Comments
Displaying 0 of 0 comments ( View all | Add Comment )