cr33pyb00m - Profile

Dj Sisen

Code :

Copy and paste to About Me

<style>

/* Body */

body {
    background-image: url("https://i.postimg.cc/5yhq9SCx/dj-sisen-bg.jpg");
    background-attachment: fixed;
    background-position: -65px 0px;
    background-position: center;
    background-repeat: repeat;
    background-size: 1300px;
    background-color: #000000;
} 
a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
a:hover {
    color: #FFFFFF;
}

/* Container */

.container {
    background-color: rgb(25 25 25);
}

/* Nav */

nav .top,
nav .links {
    background: #011B00;
}

nav .links {
    text-align: center;
}
nav .links li a {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}
nav .links li a:hover {
    color: #FFFFFF;
}

/* Main */

main {
    background-color: rgb(25 25 25);
}

/* Name */

.profile span[itemprop="name"] h1 {
    background-color: #011B00;
    border-left: 1px solid #292929;
    border-right: 1px solid #292929;
    border-top: 1px solid #292929;
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.profile .edit-link {
    display: none;
}

/* General About */

.profile .general-about {
    background-color: #000000;
    border-left: 1px solid #292929;
    border-right: 1px solid #292929;
    margin-top: -12px; 
    padding-bottom: 70px;
    padding-top: 5px;
} 
.profile .general-about .details {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
} 
.profile .general-about .details .online {
    content: url("https://www.friendproject.net/images/onlinenow.gif");
}

/* Mood */

.profile .mood {
    background-color: #000000;
    border-bottom: 1px solid #292929;
    border-left: 1px solid #292929;
    border-right: 1px solid #292929;
    margin-bottom: 10px;
    margin-top: -7px;
    padding-top: 10px;
}
.profile .mood p,
.profile .mood b {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.profile .mood a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .mood a:hover {
    color: #FFFFFF;
}

/* Contacto */

.profile .contact {
    background-attachment: scroll;
    background-color: #000000;
    background-image: url("https://i.postimg.cc/VNKhf2LL/dj-sisen-contact.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid #292929;
    margin-top: 10px;
}
.profile .contact .heading,
.profile .contact .icon {
    display: none;
}
.profile .contact .f-row .f-col a[href*="addfriend"], 
.profile .contact .f-row .f-col a[href*="/requests"], 
.profile .contact .f-row .f-col a[href*="/unfriend"], 
.profile .contact .f-row .f-col a[href*="addfavorite"],
.profile .contact .f-row .f-col a[href*="im.spacehey.com?user"],
.profile .contact .f-row .f-col a[href*="im.spacehey.com/new"],
.profile .contact .f-row .f-col a[href*="email.png"],
.profile .contact .f-row .f-col a[href*="/block"],
.profile .contact .f-row .f-col a[href*="/soon"],
.profile .contact .f-row .f-col a[href*="/report"] {
    display: inline-block;
    font-size: 0px;
    line-height: 0;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .contact .f-row .f-col a:before {
    color: #FFFFFF;
    content: " "; 
    display: block;
    font-family: Impact, sans-serif;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: uppercase;
    width: 100%;
}
.profile .contact .f-row .f-col a:has(img[src*="add.png"]):before { 
    content:"Add Me";
}
.profile .contact .f-row .f-col a:has(img[src*="hourglass.png"]):before { 
    content:"Requests";
}
.profile .contact .f-row .f-col a:has(img[src*="delete.png"]):before { 
    content:"Remove";
}
.profile .contact .f-row .f-col a:has(img[src*="award_star_add.png"]):before { 
    content:"Favorite";
}
.profile .contact .f-row .f-col a:has(img[src*="comment.png"]):before {
    content:"Message";
}
.profile .contact .f-row .f-col a:has(img[src*="arrow_right.png"]):before {
    content:"Frwrd";
}
.profile .contact .f-row .f-col a:has(img[src*="email.png"]):before { 
    content:"Im";
}
.profile .contact .f-row .f-col a:has(img[src*="exclamation.png"]):before {
    content:"Block";
}
.profile .contact .f-row .f-col a:has(img[src*="group_add.png"]):before {
    content:"Group";
}
.profile .contact .f-row .f-col a:has(img[src*="flag_red.png"]):before {
    content:"Report";
}

/* Url Info */

.profile .url-info {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile .url-info p,
.profile .url-info b {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.profile .url-info a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .url-info a:hover {
    color: #FFFFFF;
}

/* Interests & Links */

.profile .table-section,
.profile .table-section+.table-section {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile .table-section .heading,
.profile .table-section+.table-section .heading {
    background-color: #070707;
}
.profile .table-section .heading h4,
.profile .table-section+.table-section .heading h4 {
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
.profile .table-section a,
.profile .table-section+.table-section a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .table-section a:hover,
.profile .table-section+.table-section a:hover {
    color: #FFFFFF;
}
.profile .table-section .details-table td:first-child,
.profile .table-section+.table-section .details-table td:first-child {
    background-color: #070707;
    border: 1px solid #292929;
}
.profile .table-section .details-table td:first-child p,
.profile .table-section .details-table td:first-child a,
.profile .table-section+.table-section .details-table td:first-child p,
.profile .table-section+.table-section .details-table td:first-child a {
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .table-section .details-table td:nth-child(2),
.profile .table-section+.table-section .details-table td:nth-child(2) {
    background-color: #000000;
}
.profile .table-section .details-table td:nth-child(2) p,
.profile .table-section .details-table td:nth-child(2) b,
.profile .table-section .details-table td:nth-child(2) h1,
.profile .table-section .details-table td:nth-child(2) h2,
.profile .table-section .details-table td:nth-child(2) h3,
.profile .table-section .details-table td:nth-child(2) h4,
.profile .table-section .details-table td:nth-child(2) h5,
.profile .table-section .details-table td:nth-child(2) h6,
.profile .table-section+.table-section .details-table td:nth-child(2) p,
.profile .table-section+.table-section .details-table td:nth-child(2) b,
.profile .table-section+.table-section .details-table td:nth-child(2) h1,
.profile .table-section+.table-section .details-table td:nth-child(2) h2,
.profile .table-section+.table-section .details-table td:nth-child(2) h3,
.profile .table-section+.table-section .details-table td:nth-child(2) h4,
.profile .table-section+.table-section .details-table td:nth-child(2) h5,
.profile .table-section+.table-section .details-table td:nth-child(2) h6 {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.profile .table-section .details-table td:nth-child(2) a,
.profile .table-section+.table-section .details-table td:nth-child(2) a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .table-section .details-table td:nth-child(2) a:hover,
.profile .table-section+.table-section .details-table td:nth-child(2) a:hover {
    color: #FFFFFF;
}
.profile .table-section+.table-section .icon {
    display: none;
}
.profile .table-section img {
    width: 100%;
    height: auto;
}
.profile .table-section+.table-section img {
    width: 15px;
    height: auto;
}

/* Main Right */

main .right:before {
    background-attachment: scroll;
    background-color: #000000;
    background-image: url("https://i.postimg.cc/PJgzfQwj/dj-sisen.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid #292929;
    content: " ";
    display: block;
    height: 515px;
}

/* Info */

.profile .profile-info {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile .profile-info h3,
.profile .profile-info h3 a {
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

/* Blogs */

.profile .blog-preview {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile .blog-preview h4 {
    background-color: #070707;
    border-top: 1px solid #292929;
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-top: -1px; 
    padding-left: 7px;
    text-transform: uppercase;
}
.profile .blog-preview h4 a {
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .blog-preview a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .blog-preview a:hover {
    color: #FFFFFF;
}
.profile .blog-preview p {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding-left: 7px;
    padding-right: 7px;
}

/* Blurbs */

.profile .blurbs {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile .blurbs .heading {
    background-color: #070707;
}
.profile .blurbs .heading h4,
.profile .blurbs .inner .section h4 {
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
.profile .blurbs a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .blurbs a:hover {
    color: #FFFFFF;
}
.profile .blurbs p,
.profile .blurbs b,
.profile .blurbs h1,
.profile .blurbs h2,
.profile .blurbs h3,
.profile .blurbs h4,
.profile .blurbs h5,
.profile .blurbs h6 {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

/* Friends */

.profile .friends {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: -10px; 
}
.profile .friends .heading {
    background-color: #070707;
}
.profile .friends .heading h4,
.profile .friends .heading .more {
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .friends .inner,
.profile .friends .count {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .friends .friends-grid {
    text-align: center;
}
.profile .friends .friends-grid .person a p {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .friends .friends-grid .person a p:hover {
    color: #FFFFFF;
}
.profile .friends .person:nth-child(1)::after,
.profile .friends .person:nth-child(2)::after,
.profile .friends .person:nth-child(3)::after,
.profile .friends .person:nth-child(4)::after,
.profile .friends .person:nth-child(5)::after,
.profile .friends .person:nth-child(6)::after,
.profile .friends .person:nth-child(7)::after,
.profile .friends .person:nth-child(8)::after {
    content: url("https://www.friendproject.net/images/onlinenow.gif");
}
.profile .friends .friends-grid .pfp-fallback {
    height: 100px;
    object-fit: cover;
    width: 100px;
}

/* Comments */

.profile #comments {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile #comments .heading {
    background-color: #070707;
}
.profile #comments .heading h4 {
    color: #FFFFFF;
    font-family: Impact, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
.profile #comments .inner p b a,
.profile #comments .count {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .inner p b a:hover {
    color: #FFFFFF;
}
.profile #comments .icon {
    display: none;
}
.profile #comments .comments-table {
    border: none;
}
.profile #comments .comments-table td:first-child {
    background-color: #000000;
    border: none;
}
.profile #comments .comments-table td:first-child a p {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .comments-table td:first-child a p:hover {
    color: #FFFFFF;
}
.profile #comments .comments-table td:first-child::after {
    content: url("https://www.friendproject.net/images/onlinenow.gif");
}
.profile #comments .comments-table td:first-child .pfp-fallback {
    height: 100px;
    object-fit: cover;
    width: 100px;
}
.profile #comments .comments-table td:nth-child(2) {
    background-color: #000000;
    border: none;
}
.profile #comments .comments-table td:nth-child(2) p,
.profile #comments .comments-table td:nth-child(2) b,
.profile #comments .comments-table td:nth-child(2) h1,
.profile #comments .comments-table td:nth-child(2) h2,
.profile #comments .comments-table td:nth-child(2) h3,
.profile #comments .comments-table td:nth-child(2) h4,
.profile #comments .comments-table td:nth-child(2) h5,
.profile #comments .comments-table td:nth-child(2) h6 {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .comments-table td:nth-child(2) p b a .ago {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .comments-table td:nth-child(2) p b a .ago:hover {
    color: #FFFFFF;
}
.profile #comments .comments-table td:nth-child(2) a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .comments-table td:nth-child(2) a:hover {
    color: #FFFFFF;
}
.profile #comments .comments-table td:nth-child(2) .comment-replies {
    background-color: #000000;
    border: none;
}
.profile #comments .comments-table td:nth-child(2) .comment-replies small a b {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .comments-table td:nth-child(2) .comment-replies small a b:hover {
    color: #FFFFFF;
}
.profile #comments .comments-table td:nth-child(2) .comment-replies p,
.profile #comments .comments-table td:nth-child(2) .comment-replies b,
.profile #comments .comments-table td:nth-child(2) .comment-replies h1,
.profile #comments .comments-table td:nth-child(2) .comment-replies h2,
.profile #comments .comments-table td:nth-child(2) .comment-replies h3,
.profile #comments .comments-table td:nth-child(2) .comment-replies h4,
.profile #comments .comments-table td:nth-child(2) .comment-replies h5,
.profile #comments .comments-table td:nth-child(2) .comment-replies h6 {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .comments-table td:nth-child(2) .comment-replies a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .comments-table td:nth-child(2) .comment-replies a:hover {
    color: #FFFFFF;
}

/* Footer */

footer {
    background-color: rgb(25 25 25);
}
footer p,
footer i {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
footer a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
footer a:hover {
    color: #FFFFFF;
}

/* Credit */

.credit {
    position: fixed;
    top: 0px; 
    left: 3px;
    width: 110px;
    height: 80px;
}

/* MOBILES (Max 600px) */

@media (max-width: 600px) {

/* Container */
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }

/* Name */
    .profile span[itemprop="name"] h1 {
        font-size: 24px; 
    }

/* Mood */
    .profile .mood {
        margin-bottom: 0px;
    }

/* Main Right */
    main .right:before {
        height: 430px;
    }

/* Contacto */
    .profile .contact .f-row .f-col a:before {
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

/* Friends */
    .profile .friends .person:nth-child(9) p {
        display: none;
    }

/* Credit */

.credit {
        display: none;
    }
}

</style>

Layout Details

Adapted by: N4TH4N43L XP
Created by: MaRIe 『AKA. YuMi』
Uploaded on: Jul 27, 2009
Published on: createblog.com
Original Code: View Repository