Report Blog Entry
cant post my layout for some reason so here it is:
<style>
/* ok honestly this is too much of a mess for me to bother commenting everything sorry.
if you wanna change colours just change all the hexcodes (#00FF00) to the colour you want. if you have no clue what that is, just search up HTML colors and use a website from there.
the custom PFP can be changed in .profile-pic background image.
the background images can be changed at the very bottom, left is bgimg , right is bghomer
please keeep in mind bghomer is mirrored
if you dont want that delete the transform: scaleX(); line of code.
to change img colours change the hue-rotate filter.
also keep in mind the background colors are animated so youll need to change backgroundGrad (dunno why i named it that its not even a gradient) if you want to change the background colors. I believe thats everything but if you need help feel free to ask me */
/* change colours for the comment replies border*/
.comment-replies {
border: 2px;
border-style: solid;
border-radius: 10px;
border-color: #00FF00;
box-shadow: 0 0 10px #00FF00;
}
#comments.friends {
margin: 20px 0;
}
/* change colours for the comments table border*/
.comments-table td:first-child{
border: 2px;
border-style: none solid none none;
border-color: #00FF00;
box-shadow: 0 0 10px #00FF00;
}
.comments-table {
border: 2px;
border-style: solid;
border-radius: 10px;
border-color: #00FF00;
box-shadow: 0 0 10px #00FF00;
}
.comments-table td {
border: none;
}
img {
filter: sepia(100%) hue-rotate(45deg) saturate(20) drop-shadow(0 0 5px #00FF00);
}
.comments-table, .comments-table td, .music-table td {
background: #00000000;
}
nav .links a {
color: #00FF00;
}
.comments-table td:first-child, .music-table td:first-child {
background: #00000000;
text-align: center;
font-weight: bold;
width: 38%;
}
/* change the online status colour (text only) */
p.online {
color: #00FF00;
}
/* change the banner section */
div.top {
background-color: #000000AA;
border: 2px;
border-style: solid solid none solid;
border-radius: 10px 10px 0 0;
border-color: #00FF00;
box-shadow: 0 0 10px #00FF00;
}
ul.links { background-color: #003300AA;
border: 2px;
border-style: solid;
border-color: #00FF00;
box-shadow: 0 0 10px #00FF00;
}
.blurbs, .blog-preview, .friends, .profile-info, .contact, .url-info, .table-section {
background-color: #003300AA;
border: 2px;
border-style: solid;
border-color: #00FF00;
border-radius: 10px;
padding: 0px;
box-shadow: 0 0 10px #00FF00;
}
.left, .right, .center, .row {
background-color: #FFFFFF00;
}
main {
background-color: #000000AA;
border: 2px;
border-style: none solid solid solid;
border-color: #00FF00;
border-radius: 0 0 10px 10px;
box-shadow: 0 0 10px #00FF00;
}
body {
animation: backgroundGrad 5s linear infinite;
}
@keyframes backgroundGrad {
0% {background-color: #000000;}
50% {background-color: #032104;}
100% {background-color: #000000;}
}
}
h1, h2 {
animation: glitch 0.001s linear infinite alternate;
display: inline-block;
color: #00FF00;
text-shadow: 0 0 5px #00FF00;
}
.heading {
background: #FFFFFF00;
}
div, h1, h2, h3, h4, h5, h6, p {
color: #00FF00;
text-shadow: 0 0 5px #00FF00;
font-family:"courier new";
}
a {
color: #08a60d;
text-shadow: 0 0 5px #08a60d;
font-family:"courier new";
}
.profile-pic {
filter: drop-shadow(0 0 2px #00FF00);
background-image: url("https://i.ibb.co/w4SD7zT/line-art-PFP.png");
background-size: 110%;
}
.profile-pic .pfp-fallback {
opacity: 0;
}
.profile .blurbs .heading, .profile .friends .heading {
background-color: #FFFFFF00;
border: 2px;
border-color: #00ff00;
border-style: none none solid none;
}
#bgimg {
position: fixed;
height: 110vh;
z-index: -1;
top: -3%;
left: -10%;
filter: drop-shadow(-70px -50px 0 #00FF0033) drop-shadow(70px 50px 0 #00FF0033) drop-shadow(-140px -100px 0 #00FF0011) drop-shadow(140px 100px 0 #00FF0011) drop-shadow(0 0 5px #00FF00);
}
.profile .friends .person img {
border-radius: 30px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #FFFFFF00;
border: 2px;
border-color: #00FF00;
border-style: none none solid none;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
width: 100%;
border: 2px solid #00FF00;
margin: 10px 0;
}
#bghomer {
position: fixed;
height: 170vh;
transform: scaleX(-1);
z-index: -1;
top: -3%;
right: -10%;
filter: drop-shadow(-70px -50px 0 #00FF0033) drop-shadow(70px 50px 0 #00FF0033) drop-shadow(-140px -100px 0 #00FF0011) drop-shadow(140px 100px 0 #00FF0011) drop-shadow(0 0 5px #00FF00);
}
.details-table td {
background-color: #00000033;
}
.details-table td:first-child {
background-color: #00FF0033;
}
.profile .blurbs .section h4, .count {
color: #00ffaa;
}
footer {
background-color: #001100AA;
border: 2px;
border-radius: 10px;
border-style: solid;
border-color: #00FF00;
box-shadow: 0 0 10px #00FF00;
.search-wrapper {
background-color: #00ff00;
}
.profile .friends .person p {
color: #00ffaa;
text-shadow: 0 0 2px #ffffff;
}
.comments-table td{
background: #00000033!important;
}
</style>
<img id="bgimg" src="https://i.ibb.co/V9Xhtkk/greenpeter.png"/>
<img id="bghomer" src="https://i.ibb.co/7SpKTpq/line-art-PFP.png" alt="line-art-PFP"/>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
kyle
noice