Fringe Addiction

Layout Details

Fringe Addiction is an original layout created for the music group No More Lullabies, finished around January 5th, 2024. This design was specifically crafted to celebrate the release of their album "Fringe Addiction", capturing the raw energy and aesthetic of their music.

The layout became the official face of the group's profile for several months. However, the profile was eventually banned due to technical complications with the original 1.0 version. The design featured a customized contact table that used images as links, which unintentionally interfered with SpaceHey's core functions. This caused a glitch where users could add the band as a friend but were unable to remove, block, or report the profile easily—an error that I have since corrected in this updated version.

Additionally, because No More Lullabies was a fast-growing musical project, the high volume of friend requests was flagged by SpaceHey's automated systems as "bot-like" behavior. Despite our efforts to communicate with the moderation team and fix these technical flaws, the profile was permanently removed before the changes could be fully implemented.

I have decided to release and preserve this layout here so other users can enjoy it and modify it to their heart's content. What started as a dedicated project for a specific band has now evolved into a tribute to their work and a functional tool for the community.

You can view the historical context of the band here: spacehey.com/nomorelullabies

Original design created by cr33pyb00m.

Code :

Copy and paste to About Me

<div class="music">
    <div class="nav">
        <div class="left">
            <a href="https://spacehey.com/topmusic">
                <img class="logo logo-fallback" src="https://creepyboom.neocities.org/Img/Logo_Spacehey_Music.png" alt="SpaceHey Music" style="aspect-ratio: 55/14;"/>
            </a>
        </div>
        <div class="right">
            <ul class="links">
                <li><a href="youlink">my music</a></li>
                <li><a href="youlink">music videos</a></li>
                <li><a href="https://blog.spacehey.com/entry?id=1625864">featured playlists</a></li>
                <li><a href="https://blog.spacehey.com/entry?id=1626142">more artists</a></li>
                <li><a href="youlink">shows</a></li>
                <li><a href="https://groups.spacehey.com/myspacemusic">group</a></li>
                <li><a href="https://groups.spacehey.com/forum?id=36451">forums</a></li>
            </ul>
        </div>
    </div>
</div>

<style>

:root {
    --music-logo: url("https://creepyboom.neocities.org/Img/Logo_Spacehey_Music.png");
    --user-name: "User";
    --user-genres: "Genre 1 / Genre 2 / Genre 3";
    --banner-top: url("https://i.postimg.cc/jjpW756s/no-more-lullabies-banner.png");
    --banner-sidebar: url("https://creepyboom.neocities.org/Img/no-more-lullabies.gif");
}

/* Body */

body {
    background-image: url("https://i.postimg.cc/cJpKnH7J/no-more-lullabies-bg.png"); 
    background-attachment: fixed;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 460px;
    background-color: #000000;
}

/* Container */

.container {
    background-color: transparent;
}

/* Nav */

nav {
    margin-bottom: 40px;
}
nav .top, 
nav .links {
    background: linear-gradient(#FA5A9B , #FA5A9B 1%, #D70058);
}
nav .links {
    text-align: center;
}
nav .links li a {
    color: #FFFFFF; 
    font-family: Arial;
    text-decoration: none;
    text-shadow: none;
}
nav .links li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/* Music Nav */

.music {
    position: absolute; 
    top: -40px;
    left: 0px; 
    width: 100%;
}
.music .nav {
    display: flex;
    width: 100%;
    height: 40px;
    background: linear-gradient(#F6F6F6 15%, #CFCFCF);
    border-bottom: 1px solid #000000;
    align-items: center;
    justify-content: space-between;
    box-shadow: inset 0 1px 0 #FFFFFF;
}
.music .nav .left {
    display: flex;
    align-items: center;
}
.music .nav .left img.logo {
    content: var(--music-logo);
}
.music .nav .left .logo {
    width: 104px;
    height: 32px;
    object-fit: contain;
}
.music .nav .right .links {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.music .nav .right .links li::after {
    content: "|";
    margin-left: 8px;
    margin-right: 8px;
    color: #9A9A9A;
    font-size: 11px;
}
.music .nav .right .links li:last-child::after {
    display: none;
}
.profile .blurbs .inner .music .nav .right .links li a {
    color: #2A3EA0;
    text-decoration: none;
    font-size: 11px;
    white-space: nowrap;
}
.profile .blurbs .inner .music .nav .right .links li a:hover {
    text-decoration: underline;
}

/* Main */

main {
    position: relative;
    background-color: transparent;
    padding: 0px;
}
main::before {
    content: ""; 
    display: block;
    height: 320px;
    background-color: #000000;
    background-image: var(--banner-top);
    background-position: center;
    background-repeat: repeat;
    background-size: 100% 100%;
    border: 2px solid #D70058;
}
main .right:not(.music .nav .right)::before {
    content: ""; 
    display: block;
    height: 80px;
    background-color: #000000;
    background-image: var(--banner-sidebar);
    background-position: center;
    background-repeat: repeat;
    background-size: 100% 100%;
    border: 2px solid #6B8E02;
    margin-bottom: 10px;
}

/* Name */

.profile span[itemprop="name"] h1 {
    background: linear-gradient(#FA5A9B 0%, #FA5A9B 40%, #D70058 100%);
    border: 2px solid #D70058;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 7px 10px;
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
}
.profile .edit-link {
    display: none;
}

/* Genre List */

.profile span[itemprop="name"] h1::after {
    content: var(--user-genres);
    display: block;
    margin-top: 3.50px; 
    margin-bottom: 3.50px; 
    font-size: 8pt;
    font-weight: bolder;
    font-family: Arial;
    text-transform: lowercase;
}

/* General About / PFP */

.profile .general-about {
    background-color: #000000;
    border-left: 2px solid #D70058;
    border-right: 2px solid #D70058;
    margin-top: -10px; 
    padding: 7px 10px;
} 
.profile .general-about .profile-pic img {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    object-fit: cover;
}
.profile .general-about .profile-pic img.pfp-fallback {
    content: url("https://i.postimg.cc/3NHnn3Tq/no-more-lullabies-photo.png");
}
.profile .general-about .details {
    height: 180px;
    overflow: hidden auto;
}
.profile .general-about .details p {
    color: #FFFFFF;
    font-family: Arial;
}
.profile .general-about .details a {
    color: #D70058;
    font-family: Arial;
    text-decoration: none;
}
.profile .general-about .details a:hover {
    color: #6B8E02;
}
.profile .general-about .details p:nth-child(1) {
    color: #D70058;
}
.profile .general-about .details .online {
    content: url("https://creepyboom.neocities.org/Img/Online/online-(112).gif");
}
.profile .general-about .details::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

/* Mood */

.profile .mood {
    background-color: #000000;
    border: 2px solid #D70058;
    border-top: none;
    padding: 7px 10px;
}
.profile .mood p {
    color: #FFFFFF;
    font-family: Arial;
}
.profile .mood b,
.profile .mood a {
    color: #D70058;
    font-family: Arial;
    text-decoration: none;
}
.profile .mood a:hover {
    color: #6B8E02;
}

/* Contacto */

.profile .contact {
    position: absolute; 
    top: 286px;
    left: 0px;
    width: 100%;
    background: linear-gradient(#FA5A9B, #FA5A9B 1%, #D70058);
    border: none;
    padding: 0;
}
.profile .contact .heading {
    display: none;
}
.profile .contact .inner {
    display: flex;
    flex-direction: row;
    padding: 0;
}
.profile .contact .inner .f-row {
    display: contents;
}
.profile .contact .inner .f-col {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
}
.profile .contact .inner .f-col a {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-decoration: none;
    font-size: 11px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    text-shadow: none;
}
.profile .contact .inner .f-col a::after {
    content: "|";
    color: #000000;
    margin-left: 8px;
    opacity: 0.7;
}
.profile .contact .f-row:nth-child(4) .f-col:nth-child(2) a::after {
    content: "|";
    display: none;
}
.contact .inner .f-col a img.icon {
    margin-right: 4px;
    border: none;
    vertical-align: middle;
}
.contact .inner .f-col a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/* Url Info */

.profile .url-info {
    background-color: #000000;
    border: 2px solid #D70058;
    margin-top: 10px;
}
.profile .url-info p {
    color: #FFFFFF;
    font-family: Arial;
}
.profile .url-info b,
.profile .url-info a {
    color: #D70058;
    font-family: Arial;
    text-decoration: none;
}
.profile .url-info a:hover {
    color: #6B8E02;
}

/* Interests & Links */

.profile .table-section {
    background-color: #000000;
    border: 2px solid #D70058;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 10px;
}
.profile .table-section .heading {
    background: linear-gradient(#FA5A9B 0%, #FA5A9B 40%, #D70058 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.profile .table-section .heading h4 {
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
}
.profile .table-section:not(.table-section+.table-section) .heading h4 {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 0px;
    flex-grow: 1;
}
.profile .table-section:not(.table-section+.table-section) .heading h4::before {
    content: var(--user-name);
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.profile .table-section:not(.table-section+.table-section) .heading h4::after {
    content: "'s General Info";
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.profile .table-section a {
    color: #D70058;
    font-family: Arial;
    text-decoration: none;
}
.profile .table-section a:hover {
    color: #BEFF00;
}
.profile .table-section .details-table td:first-child {
    background-color: #D70058;
}
.profile .table-section .details-table td:first-child p, 
.profile .table-section .details-table td:first-child a {
    color: #FFFFFF; 
    font-family: Arial;
    text-decoration: none;
}
.profile .table-section .details-table td:first-child a:hover {
    color: #FFFFFF;
}
.profile .table-section:not(:last-child) .details-table tr td:first-child p {
    font-size: 0px;
}
.profile .table-section .details-table tr td:first-child p::after {
    font-size: 12px;
}
.profile .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after {
    content: "Member Since";
}
.profile .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after {
    content: "Band Members";
}
.profile .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after {
    content: "Influences";
}
.profile .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after {
    content: "Sounds Like";
}
.profile .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after {
    content: "Record Label";
}
.profile .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after {
    content: "Type of Label";
}
.profile .table-section .details-table td:nth-child(2) { 
    background-color: #2F2F2F; 
}
.profile .table-section .details-table td:nth-child(2) a {
    color: #D70058;
    font-family: Arial;
    text-decoration: none;
}
.profile .table-section .details-table td:nth-child(2) a:hover {
    color: #6B8E02;
}
.profile .table-section .details-table td:nth-child(2) p, 
.profile .table-section .details-table td:nth-child(2) ul, 
.profile .table-section .details-table td:nth-child(2) li,
.profile .table-section .details-table td:nth-child(2) b,
.profile .table-section .details-table td:nth-child(2) i,
.profile .table-section .details-table td:nth-child(2) u,
.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 {
    color: #FFFFFF;
    font-family: Arial;
}
.profile .table-section .details-table td:nth-child(2) img {
    width: 100%;
    height: auto;
}

/* Info */

.profile .profile-info {
    background-color: #000000;
    border: 2px solid #6B8E02;
}
.profile .profile-info h3, 
.profile .profile-info h3 a {
    color: #FFFFFF;
    font-family: Arial;
    text-decoration: none;
}
.profile .profile-info h3 a {
    color: #BEFF00;
    font-family: Arial;
    text-decoration: none;
}
.profile .profile-info h3 a:hover {
    color: #D70058;
}

/* Blogs */

.profile .blog-preview {
    background-color: #000000;
    border: 2px solid #6B8E02;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 10px;
    padding-bottom: 5px;
}
.profile .blog-preview h4 {
    background: linear-gradient(#B5E61D 0%, #A1D701 40%, #6B8E02 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0;
    padding: 3px 7px;
}
.profile .blog-preview h4,
.profile .blog-preview h4 a {
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.profile .blog-preview h4 a:hover {
    color: #FFFFFF;
}
.profile .blog-preview p {
    color: #FFFFFF;
    font-family: Arial;
    margin: 0;
    padding: 5px 8px;
    display: block; 
    line-height: 1.2;
}
.profile .blog-preview a {
    display: inline;
    color: #6B8E02;
    font-family: Arial;
    text-decoration: none;
}
.profile .blog-preview a:hover {
    color: #D70058;
}

/* Blurbs */

.profile .blurbs {
    border: none;
    margin-top: 10px;
}
.profile .blurbs .heading {
    display: none;
}
.profile .blurbs a {
    color: #6B8E02;
    font-family: Arial;
    text-decoration: none;
}
.profile .blurbs a:hover {
    color: #D70058;
}
.profile .blurbs .inner {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/* Upcoming Shows */

.profile .blurbs .inner .section:nth-child(2) {
    background-color: #000000;
    border: 2px solid #6B8E02;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    order: 1;
    margin: 0px 0px 0px 0px;
}
.profile .blurbs .inner .section:nth-child(2) h4 {
    width: 100%;
    background: linear-gradient(#B5E61D 0%, #A1D701 40%, #6B8E02 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 2px 7px;
    margin: 0;
    display: inline-block;
    color: white;
    font-size: 0px;
}
.profile .blurbs .inner .section:nth-child(2) h4::before {
    content: "Upcoming Shows";
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
}
.profile .blurbs .inner .section:nth-child(2) p {
    margin: 0px;
}
.profile .blurbs .inner .section:nth-child(2) a {
    color: #6B8E02;
    font-family: Arial;
    text-decoration: none;
}
.profile .blurbs .inner .section:nth-child(2) a:hover {
    color: #D70058;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td {
    background: #DBEAFE;
    background: var(--lightest-blue);
    vertical-align: top;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(1) {
    width: 25.92%;
    max-width: 25.92%;
    background: #BFDBFE;
    background: var(--even-lighter-blue);
    color: #1D4ED8;
    color: var(--logo-blue);
    font-weight: bold;
    width: 33%;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(1) {
    background-color: #6B8E02;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(1) p {
    color: #FFFFFF; 
    font-family: Arial;
    text-decoration: none;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(3) {
    width: 46.30%;
    max-width: 46.30%;
    background: #BFDBFE;
    background: var(--even-lighter-blue);
    color: #1D4ED8;
    color: var(--logo-blue);
    font-weight: bold;
    width: 33%;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(3) {
    background-color: #6B8E02;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(3) a {
    color: #FFFFFF; 
    font-family: Arial;
    text-decoration: none;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(2),
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(4) {
    width: 13.89%;
    max-width: 13.89%;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(2),
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(4) {
    background-color: #2F2F2F; 
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(2) P,
.profile .blurbs .inner .section:nth-child(2) .details-table tr td:nth-child(4) p {
    color: #FFFFFF; 
    font-family: Arial;
}
.profile .blurbs .inner .section:nth-child(2) .details-table tr td * {
    max-width: 100%;
}
.profile .blurbs .inner .section:nth-child(2) .edit-link {
  text-align: left;
  margin: 3px 5px 4px 5px;
}

/* About */

.profile .blurbs .inner .section:nth-child(1) {
    background-color: #000000;
    border: 2px solid #6B8E02;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    order: 2;
    margin: 10px 0px 0px 0px;
}
.profile .blurbs .inner .section:nth-child(1) h4 {
    width: 100%;
    background: linear-gradient(#B5E61D 0%, #A1D701 40%, #6B8E02 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 2px 7px;
    margin: 0;
    display: inline-block;
    color: white;
    font-size: 0px;
}
.profile .blurbs .inner .section:nth-child(1) h4::before {
    content: var(--user-name);
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.profile .blurbs .inner .section:nth-child(1) h4::after {
    content: "'s About";
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.profile .blurbs .inner .section:nth-child(1) p {
    padding-left: 7px;
    padding-right: 7px;
}
.profile .blurbs .inner .section:nth-child(1) a {
    color: #6B8E02;
    font-family: Arial;
    text-decoration: none;
}
.profile .blurbs .inner .section:nth-child(1) a:hover {
    color: #D70058;
}
.profile .blurbs .inner .section:nth-child(1) p, 
.profile .blurbs .inner .section:nth-child(1) ul, 
.profile .blurbs .inner .section:nth-child(1) li,
.profile .blurbs .inner .section:nth-child(1) b,
.profile .blurbs .inner .section:nth-child(1) i,
.profile .blurbs .inner .section:nth-child(1) u,
.profile .blurbs .inner .section:nth-child(1) h1, 
.profile .blurbs .inner .section:nth-child(1) h2, 
.profile .blurbs .inner .section:nth-child(1) h3, 
.profile .blurbs .inner .section:nth-child(1) h4, 
.profile .blurbs .inner .section:nth-child(1) h5, 
.profile .blurbs .inner .section:nth-child(1) h6 {
    color: #FFFFFF; 
    font-family: Arial;
}

/* Friends */

.profile .friends {
    background-color: #000000;
    border: 2px solid #6B8E02;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: -10px; 
}
.profile .friends .heading {
    background: linear-gradient(#B5E61D 0%, #A1D701 40%, #6B8E02 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.profile .friends .heading h4, 
.profile .friends .heading .more {
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.profile .friends .heading .more:hover {
    color: #FFFFFF;
}
.profile .friends .inner, 
.profile .friends .count {
    color: #FFFFFF; 
    font-family: Arial;
    text-decoration: none !important; 
}
.profile .friends .friends-grid {
    text-align: center;
}
.profile .friends .friends-grid .person a p {
    color: #6B8E02;
    font-family: Arial;
    text-decoration: none;
}
.profile .friends .friends-grid .person a:hover p {
    color: #D70058;
}
.profile .friends .friends-grid .person a, 
.profile .friends .friends-grid .person a p {
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}
.profile .friends .person:nth-child(n+1)::after {
    content: url("https://creepyboom.neocities.org/Img/Online/online-(112).gif");
}
.profile .friends .friends-grid .pfp-fallback {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

/* Comments */

.profile #comments {
    background-color: #000000;
    border: 2px solid #6B8E02;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 10px; 
}
.profile #comments .heading {
    background: linear-gradient(#B5E61D 0%, #A1D701 40%, #6B8E02 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.profile #comments .heading h4 {
    color: #FFFFFF;
    font: normal 20px Impact, sans-serif;
    text-transform: uppercase;
}
.profile #comments a {
    color: #6B8E02;
    font-family: Arial;
    text-decoration: none;
}
.profile #comments a:hover {
    color: #D70058;
}
.profile #comments .inner p b a, 
.profile #comments .count {
    color: #FFFFFF; 
    font-family: Arial;
    text-decoration: none !important; 
}
.profile #comments .inner p b a:hover {
    color: #FFFFFF;
}
.profile #comments .comments-table, 
.profile #comments .comments-table td {
    border: none;
    background-color: #000000;
}
.profile #comments .comments-table td:first-child a p {
    color: #6B8E02;
    font-family: Arial;
    text-decoration: none;
}
.profile #comments .comments-table td:first-child a:hover p {
    color: #D70058;
}
.profile #comments .comments-table td:first-child::after {
    content: url("https://creepyboom.neocities.org/Img/Online/online-(112).gif");
}
.profile #comments .comments-table td:first-child .pfp-fallback {
    width: 100px; 
    height: 100px;
    object-fit: cover;
}
.profile #comments .comments-table td:nth-child(2) a {
    color: #6B8E02;
    font-family: Arial;
    text-decoration: none;
}
.profile #comments .comments-table td:nth-child(2) a:hover {
    color: #D70058;
}
.profile #comments .comments-table td:nth-child(2) p, 
.profile #comments .comments-table td:nth-child(2) ul, 
.profile #comments .comments-table td:nth-child(2) li,
.profile #comments .comments-table td:nth-child(2) b,
.profile #comments .comments-table td:nth-child(2) i,
.profile #comments .comments-table td:nth-child(2) u,
.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;
}
.profile #comments .comments-table td:nth-child(2) .comment-replies {
    background-color: #000000;
    border: none;
}

/* Footer */

footer {
    background: linear-gradient(#FA5A9B , #FA5A9B 1%, #D70058);
}
footer p, 
footer i,
footer a {
    color: #FFFFFF; 
    font-family: Arial;
    text-decoration: none;
}
footer a:hover {
    color: #FFFFFF; 
    text-decoration: none;
}

/* Credit */

.credit {
   position: fixed; 
   top: 0; 
   left: 3px;
   width: 10%;
}

/*mobile version settings*/

@media (max-width: 768px) {

/* Music Nav */

.music .nav {
        justify-content: flex-start;
    }
    .music .nav .left {
        flex-shrink: 0;
    }
    .music .nav .right {
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        align-items: center;
        width: 100%;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .music .nav .right::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }
    .music .nav .right .links {
        display: flex;
        flex-wrap: nowrap;
    }

/* Main */

main::before {
        height: 220px;
    }

/* Contacto */

.profile .contact {
        top: 173px;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

</style>

Code :

Copy and paste to Who I'd like to meet

<tr>
            <td><p>MM/DD/20XX</p></td>
            <td><p>00:00</p></td>
            <td><p><a href="#">Generic Concert Venue</a></p></td>
            <td><p>City, ST</p></td>
        </tr>

</tbody>
</table>

Our Generators & Editors

Profile design editor Create a custom layout with live preview.

Blog design editor Create a custom layout with live preview.

Glitter Text Generator Create your own glitter words.

Group design editor Create a custom layout with live preview.

Auto Play Generator Add background music to your profile.

All Our Generators & Editors Discover more tools and customize your profile to the next level.

Layout Details

Fringe Addiction

Our Generators & Editors

N4TH4N43L XP

Now Playing

Directory