red+black grunge/y2k-ish layout!! made by request

Tags: red, black, grunge, y2k, mobile, mobile friendly
Description:

requested by aidoom!! enjoy!! (requests still open, dm me or comment here)
Code:

<!-- (c) Layout created by dඞnny (https://layouts.spacehey.com/layout?id=103733) -->

<style>.table-section .inner .details-table td:nth-child(1) img {content: url('https://pixels.crd.co/assets/images/gallery05/2cac36f2.gif?v=87a16b78');height: 15px;width: 15px;margin-top: -3px; margin-bottom: 3px;}</style>

<style>
.profile .profile-pic img{
border-radius: 20px;
border: 3px white ridge;
}
</style>

<style>

p {
    font-size: 14px;
}

</style>

<style>

.comment-replies{
border-radius: 15px;
padding: 5px;
border: 3px ridge white;
margin-bottom: 5px;
}

</style>


<style>

.w-40 h1{

font-size: 70px;
margin-left: 10px;



}
</style>

<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "this freaks interests + links"; font-size:.9rem; font-weight:bold; 
color:#FFF; }
 </style>

<style>

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments:"; font-size:.9rem; font-weight:bold; color:#FFF;}

</style>

<style>

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "friends:"; font-size:.9rem; font-weight:bold; color:#FFF;}

</style>

<style>

.blog-preview h4{ font-size:0; margin-left: -5px;}
.blog-preview h4 a{font-size:.8rem; }
.blog-preview h4:before{ content: "my blogs:"; font-size:.9rem; color:#FFF;}

</style>


<style>

.contact .heading{ font-size:0; }
.contact .heading:before{ content: "contact this mofo!!"; font-size:.9rem; font-weight:bold;

color:#FFF;}

</style>


<style>
.profile {
     background-image: url("https://i.pinimg.com/564x/64/dc/f3/64dcf351f84bffe60c0b9051d67c563c.jpg") !important;
border-radius: 20px;
}
</style>

<style>

a {
color: tomato;
}

</style>

<style>

  div.friends-grid {
    text-align: center;
}

</style>

<style>

.comments-table td:first-child {

filter: sepia(100%) hue-rotate(312deg) saturate(7);
}

</style>

<style>

.comments-table td:nth-child(2) {

border: 3px ridge white;

border-radius: 15px;

}

</style>

<style>

img[src="https://static.spacehey.net/icons/flag_red.png"] {

  display: none;
}

</style>

<style>

.blog-preview .pinned .icon{

content: url('https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExN201eXo2M3BlOHFhaXZ1ZzdtamNxbTRyMTZqYXFyaHQ4dndwY2FzbCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/tpZXpZdVO7rOYrvH9G/source.gif');

}

</style>



<style>

li.active .icon { 
content:url('https://pixels.crd.co/assets/images/gallery88/30854043.gif?v=93aac41c'); width: 15PX;height: 15px;}

</style>

<style>

div#comments {
    border: 3px white ridge;
    border-radius: 20px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.5);

}

</style>

<style>

.friends:not(#comments) {

background: rgba(0, 0, 0, 0.5);  

padding: 5px;

border-radius: 20px;

border: ridge white 3px;

margin-bottom: 20px;


}

</style>



<style>

.profile .friends .person p{
color: white;
}

</style>







<style>

.profile .comments-table {

background-image: url('https://i.pinimg.com/564x/80/bc/85/80bc85fe815516a60ab925da00794291.jpg');

border: ridge white 3px;

border-radius: 10px;

padding: 5px;

padding-top: 10px;

padding-right: 10px;

}

</style>

<style>

.logout-btn:hover {
    color: white;
    text-transform: uppercase;
    font-style: ;
}

</style>

<style>

.logout-btn, .logout-form {
    color: #ffffff;
    display: inline-block;
    font-size: 100%;
    font-weight: ;
    font-family: 'Play',sans-serif;
}

</style>

<style>footer:before {content:"⋆⁺₊✧ layout by: 𝙙✩𝙣𝙣𝙮. layout/code requests: open. DMs: open. spacehey username: saturnzballz ✧₊⁺⋆";margin-top: 20px;text-color: #FFE7BE;font-weight: bold;color: #FFF;}</style>

<style>


	*::-webkit-scrollbar {width: 15px;}

	*::-webkit-scrollbar-track {background: black;}

	*::-webkit-scrollbar-track {border-radius: 5px;}

	*::-webkit-scrollbar-track {border: ridge white 3px;}




	*::-webkit-scrollbar-thumb {

	        background-image: linear-gradient(red, maroon);

		border-radius: 10px;

                border: ridge white 3px;

        }

</style>



<style>

.person {
filter: sepia(100%) hue-rotate(312deg) saturate(7);
    transition: filter 400ms ease-in-out;
}

nav .links a:hover {
    color:coral;
    text-transform: uppercase;
    font-style: ;

}

</style>

<style>

.mood {

background-image: url('https://i8.glitter-graphics.org/pub/505/505158vbki754jkh.jpg');
border: ridge white 3px;
border-radius: 20px;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;

}

</style>


<style>

.section h4{display:none}

</style>

<style>
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
font-size: 12px; /* it can be any font size btdubz this is just an example */
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
content: "✩ add/remove"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
content: "✩ fav me!!"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
content: "✩ slide into dms"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
content: "✩ forward 2 friend"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
content: "✩ see ya msgs"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
content: "✩ block.."
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
content: "✩ add 2 group"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
content: "✩ report me"
}
</style>













<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me:"; font-size:.9rem; font-weight:bold; color:#FFF; }
</style>








<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym57.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/06/03/sym57.html" target="_blank" title="Rock On"><img src="https://cur.cursors-4u.net/cursor.png" alt="Rock On" style="position:absolute; top: 0px; right: 0px;"/></a>













<style>

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "my graphics stuff i collect cuz self expression n whateva:"; font-size:.8rem; {font-family:'Play',sans-serif}

</style>


<style>

.online{
content: url('https://www.myspacegens.com/images/online_now/146.gif');
height: 30px;
width: 120px;
margin-bottom: 50px;

}

</style>



<style>
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

  content: " ♱ ";
  color: white;
  text-align: center;
  
 }

</style>


<style>

   .table {

  border-radius: 10px;

  background: url(https://i.pinimg.com/564x/47/59/f1/4759f193d4605528195841e0bf4b1985.jpg);

  background-position: left top;

  background-repeat: repeat;

  padding: 5px;

  width: 450px;

  height: px;

  color: insert color!important;

}

</style>

<style>

main  
{
    background: ;
    padding: 0;
    font-size: small;
    color: #ffffff;
text color: white;
  
}

</style>

<style>https://spacehey.com/edit
@import url(https://fonts.googleapis.com/css2?family=Play&display=swap);
body{font-family:'Play',sans-serif}</style>

<style>
    .container{
        width: 1050px;
    }
    nav .top{
        background-color: transparent;
        border: ridge white 3px;
        border-radius: 20px;
        margin-top: 10px;
        
    }
    main .left{
        background-color: transparent;
        background-image: url('https://cur.glitter-graphics.net/pub/3065/3065527jlz14mjdi9.jpg');
        border: ridge white 3px;
        border-radius: 20px;
    }
    
    .general-about .mood {
border: ridge white 3px;
        border-radius: 10px;
    }

.profile-pic img{
border: ridge white 0px;
        border-radius: 0px;
}
    
    nav .links{
        background-image: linear-gradient(red, maroon);
        border: ridge white 3px;
        border-radius: 20px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .profile h1{
        text-shadow: 0px 0px 0px lime;
        color: white;
margin-left: px;
    }


    
    .profile .contact{
        border: ridge 3px white;
        border-radius: 20px;
        background-image: url('https://i.pinimg.com/564x/69/e7/ca/69e7ca59a1553907c8f6c389f2f28469.jpg');
padding: 5px;
    
    }
    .profile .url-info{
        border: ridge 3px white;
        border-radius: 20px;
        padding: 10px;
        background-image: url('https://i2.glitter-graphics.org/pub/197/197482tg9pohgwoq.jpg');
    }
    
    main .right{
        border: ridge white 3px;
        border-radius: 20px;
        
    }
    
    [id='q']{
        border: ridge 3px white;
        border-radius: 20px;
  
    }
    
    FORM > BUTTON{
        border-radius: 20px;
        border: ridge white 3px;
    }
    
    .profile .table-section{
        border: ridge white 3px;
        border-radius: 20px;
        padding: 5px;
        background-image: url('https://i.pinimg.com/564x/47/59/f1/4759f193d4605528195841e0bf4b1985.jpg');

}

</style>


<style>
    .profile .mood{
        text-align: right;
    }
    
    .details-table td{
        border: ridge 3px;
        background-color: transparent;
        border-radius: 20px;
    }
    
  
    

        
    
    .profile .friends .person img:not(.icon){
        border: ridge 0px white;
        border-radius: 10px;
        width: 100px;
        height: 100px;
    }
    
 
    .count{
        color: red;

    }
    
    footer{
        border: ridge white 3px;
        border-radius: 20px;
        border: ridge white 3px;
text-color: tomato;
color: tomato;
background-image: url('https://i.pinimg.com/564x/4c/4c/5c/4c4c5c51f89d0dce72f1ed2b7bedff73.jpg');
    }
    
    main{
        border-radius: 20px;
    }
    
    .comments-table td{
        background: transparent;
        border: 0px dotted black;
        border-radius: 5px;
padding: 10px;
    }
    
    .comments-table td *{
        border-radius: 20px;
    }
    
    P:nth-child(2) > B{
        color: white;

    }
    
    DIV.mood > P:nth-child(1) > B{
        color: white;
    }
</style>

<style>

body{background:url("https://i.pinimg.com/564x/81/09/b0/8109b02acabefc1da91c75edde080dc8.jpg") no-repeat fixed; background-size:cover;}

</style>

<style>
     :root {
    --even-lighter-blue: transparent;
</style>

<style>
    :root {
    --logo-blue:white
    --darker-blue: lime;
    --light-orange: ;
</style>




<style>
    img {
  filter: saturate(2);
  filter: ;
}
</style>




<style>

.profile .profile-info {
	background-image: url(https://i.pinimg.com/originals/71/32/3a/71323a1dff155eccc8517a05a5d40b4c.gif);
        background-repeat: no-repeat;
        background-size: 1000px 500px;
        background-position; center center;
	border: ridge;
        border-color: white;
        border-width: 3px;
	border-radius: 20px;
        height: 50px;
        width: px;
	text-align: center;
}

</style>


<style>
        .general-about{
      border: ridge white 3px; 
      border-radius: 20px;
            
            
        }
    
</style>

<style>
    .general-about {
        
    background-color: none !important;
    background-image: url('https://i.pinimg.com/236x/54/0f/77/540f7704a1d6c8c6096be50ebe6998d1.jpg');
    padding: 15px;
    
    
    
        
    }
</style>

<style>

h1, h2, h3, h4 {font-family: '', ;}
color: white;

</style>

<style>

    .profile .friends .heading{
        background-image: linear-gradient(red, maroon);
        border: ridge white 3px;
        border-radius: 20px;
    }

</style>

<style>
    .profile .table-section .heading{
        background: linear-gradient(red, maroon);
        border: ridge 3px white;
        border-radius: 20px;
        box-shadow: ;
        margin-bottom: 3px;
    }
</style>

<style>

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.9rem;margin-left:5px; }
.blog-preview h4:before{ content: "   my blogs:"; font-size:.9rem; margin-left:5px; }

</style>

<style>

.blog-preview h4{
margin-top:-0px;
margin-bottom: -3px;
background: linear-gradient(red, maroon);
border: ridge 3px white;
border-radius: 20px;
padding: 3px;
    }

</style>

<style>
    .profile .blurbs .heading{
        background: linear-gradient(red, maroon);
        border: ridge 3px white;
        border-radius: 20px;
         box-shadow: ;
    }
</style>

<style>
    .profile .contact .heading{
        background: linear-gradient(red, maroon);
        border: ridge 3px white;
        border-radius: 20px;
         box-shadow: ;
    }
</style>


<style>

a:hover {
    color: coral;
    text-transform: uppercase;
    font-style: ;
}

</style>



<style>
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
body{font-family: 'Play', sans-serif;}

</style>

<style>

nav .top { background-image: url(https://i.pinimg.com/564x/4c/4c/5c/4c4c5c51f89d0dce72f1ed2b7bedff73.jpg);
border-radius: 20px;
}

</style>

<style> 

table.comments-table { 

display: block; 
height: 500px!important; 
overflow-y: scroll; 

  border-radius: 10px;

  border: ridge 3px white;

} 

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/42V2V5oppNg?si=Ey10PiLVQMuT-flI//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>

<style>

   .blog-preview {

  border-radius: 20px;

  border: ridge 3px white;

  background: url(https://i.pinimg.com/564x/15/bc/40/15bc4059f8bca2679eb2c7e8fadf7585.jpg);

  background-position: left top;

  background-repeat: repeat;

  padding: 5px;
padding-left: 10px;

  width: px;

  height: px;


  color: insert color!important;

}

</style>

<style>

.blurbs {

background:url('https://i.pinimg.com/originals/a3/36/29/a33629e2815e1343a77b49f9db8bccd3.gif');
border-radius: 20px;
border: ridge 3px white;
padding: 5px;
margin-bottom: 10px;


</style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.