A simple profile/blog theme based off ISSUES Self-Titled & Black Diamonds EP !!!!
**PLEASE COMMENT IF YOU'RE USING THIS!!!**
Apologies for not making a code to have the triangle profile picture effect for blogs, I simply got lazy on that (for now).
I don't know if there even are fans left in 2025, this was purely self indulgent. Plz say hi if you are one though... it's lonely here
Paste into your 'About Me' section, inbetween "<style>" & "</style>"
Text outside of style tags will appear in the About Me section of your profile
Text outside of style tags will appear in the About Me section of your profile
/* profile picture triangle, if you dislike how it makes your profile image look then you can remove it lol */
.general-about img {-webkit-mask-image: url(https://files.catbox.moe/vtjgbr.png);-webkit-mask-size: 114%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
/* profile picture triangle code end */
main {
background-color: black;
color: white;
}
.online {content:url('https://files.catbox.moe/p9x3av.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2;
}
body {
main a {
color: teal;
}
background-image: url("https://files.catbox.moe/iihwmy.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.profile .contact, .profile .table-section, .profile .url-info { border: 1px solid lightgrey;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #373F42;
color: #E4D00A;
}
.profile .table-section .details-table td {
background-color: black;
color: grey;
}
.profile .blurbs .heading, .profile .friends .heading {
background-color: #373F42;
color: #E4D00A;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favourites */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send message */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
:root {
--logo-blue: rgba(0,0,0,0);
--darker-blue: yellow;
--lighter-blue: teal;
--lightest-blue: #373F42;
--dark-orange: white;
--light-orange: #373F42;
--even-lighter-orange:black;
--white:white;
footer {
background: black;
color: #E4D00A;
.general-about img {-webkit-mask-image: url(https://files.catbox.moe/vtjgbr.png);-webkit-mask-size: 114%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
/* profile picture triangle code end */
main {
background-color: black;
color: white;
}
.online {content:url('https://files.catbox.moe/p9x3av.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2;
}
body {
main a {
color: teal;
}
background-image: url("https://files.catbox.moe/iihwmy.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.profile .contact, .profile .table-section, .profile .url-info { border: 1px solid lightgrey;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #373F42;
color: #E4D00A;
}
.profile .table-section .details-table td {
background-color: black;
color: grey;
}
.profile .blurbs .heading, .profile .friends .heading {
background-color: #373F42;
color: #E4D00A;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favourites */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send message */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("https://files.catbox.moe/ta0rfi.gif")
}
:root {
--logo-blue: rgba(0,0,0,0);
--darker-blue: yellow;
--lighter-blue: teal;
--lightest-blue: #373F42;
--dark-orange: white;
--light-orange: #373F42;
--even-lighter-orange:black;
--white:white;
footer {
background: black;
color: #E4D00A;
Preview:
P.S... one day I might remaster it :P of course never deleting this one though lol
Comments
Displaying 0 of 0 comments ( View all | Add Comment )