← Back to Layouts
Weirdcore Layout

Name: FriendRewind
Author: FriendRewind
Author: ✨Orionnn✨
Category: Art
Created: June 8, 2026
Comments (1)

Yr_Local_Filbist🏳‍🌈🏳‍⚧ 08/05/2026 1:05 PM
peak I'm gonna use it :D
You must log in to comment.
CSS Code

<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P:wght@400;700&display=swap');
  
* {
  cursor: url('https://itissomething.neocities.org/smi132.cur') 32 32, auto !important;
}

body, body.profile-page {
  background-image: url("https://i.postimg.cc/9f9ztsZ8/desktop-wallpaper-weirdcore-traumacore-thumbnail.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  color: #ffffff !important;
  font-family: 'Press Start 2P', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/550x/ac/51/aa/ac51aa7ee5885cc63fbbec20bc12ccab.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://media.tenor.com/JcGfSNSV-gMAAAAM/random.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
  border: 2px groove gray;
}

.myspace-header .top-nav {
  background-image: url("https://external-preview.redd.it/u2MKaAsakSa7PhWu8hJVtQzTju0rOmRAX-5_rFzz4oM.png?format=pjpg&auto=webp&s=d73d7b6a0680b63b68e007a4fea3dc46f25a9568");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

.myspace-header .main-nav-container{
background-color: #1f451f !important;
width: 800px;
}

.myspace-header .main-nav-wrapper {
  background-color: #1f451f !important;
  border-top: #46f68f;
  border-bottom: #46f68f;  
}

.myspace-header .main-nav li a {
  color: #46f68f !important;
}

.myspace-header .main-nav li a:hover {
  color: #46f68f !important;
}

.profile-playlist-widget {
  background: url("https://wallpapers.com/images/hd/weirdcore-psychedelic-collage-jpg-dqb5tu8n84rc3tp8.jpg") !important;
   background-size: cover !important;
    background-position: center center !important;
  border: 2px groove gray;
  color: black;
  box-shadow: none;
  max-width: 280px;
  font-size: 13px;
  border-radius: 5px;
  padding: 12px;
  margin: 15px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.profile-playlist-widget .pp-header h3{
color: white;
text-shadow:
        1px 1px 0 black,
        -1px 1px 0 black,
        -1px -1px 0 black,
        1px -1px 0 black;
}

.profile-playlist-widget ul{
background-color: black;
color: white;
}

.profile-playlist-widget li{
color: white;
}

 .profileInfo{
   background-image: url("https://wallpapercave.com/wp/wp12304192.png") !important;
  background-size: cover !important;
    background-position: center center !important;
	color: white;
	border-radius: 5px !important;
	}
  
body.profile-page .details-table td, body.profile-page .details-table td:first-child, .cb-author-cell, .cb-content-cell{
 	background-color: #f318bf !important;
    border-radius: 5px !important;
color: #ffffff;
 }
 
table.comments-table{
border: 2px groove gray !important;
border-radius: 10px !important;
}

.contact, .table-section, .module, .url-info{
    background-color: #3d36f7 !important;
    border-radius: 5px !important;
	border: 2px groove gray !important;
color: white;
font-size: 8px;
  }
 
 .blog-preview{
      background: url("https://undergroundsound.eu/wp-content/uploads/2023/12/Nice-house-by-Gabrielle-Traversat.jpg");
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center center !important;
	 border-radius: 5px !important;
	border: 2px groove gray !important;
color: white;
font-size: 8px;
text-shadow:
        1px 1px 0 black,
        -1px 1px 0 black,
        -1px -1px 0 black,
        1px -1px 0 black;
 }
 
 .blurbs{
     background: url("https://vapor95.com/cdn/shop/articles/Backrooms-Games_jpg.webp?v=1780546349");
	 background-size: 453px 250px;
	 background-repeat: repeat;
	 background-position: center center !important;
	 border-radius: 5px !important;
	border: 2px groove gray !important;
color: white;
font-size: 8px;
text-shadow:
        1px 1px 0 black,
        -1px 1px 0 black,
        -1px -1px 0 black,
        1px -1px 0 black;
 }
  
.friends{
border: 2px groove gray; !important;
	background-image: url("https://c.tenor.com/ctTOONcK390AAAAM/house-weirdcore.gif") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: repeat !important;
    border-radius: 5px !important;
color: white;
}
  
.section{
	background: none !important;
	border: none !important;
}

.contact .heading, .table-section .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-image: url("https://i.postimg.cc/1XQfm3sy/2b0e5e0b.gif") !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-color: #0000aa !important;
    color: white !important;
	  border-radius: 5px !important;
	  border: 2px groove gray;
  }
 
 .friends .heading{
	background-color: #0000aa !important;
    color: white !important;
	  border-radius: 5px !important;
	  border: 2px groove gray;
 }
 
.details{
 	background: url("https://i.pinimg.com/originals/f4/b8/49/f4b84973eacdb9abec030abbbc7bd3da.gif") !important;
      color: white;
	  height: 200px;
	  border-radius: 5px !important;
	  border: 2px groove gray;
  }
  
 .profile-mood{
 	background-color: #3d36f7 !important;
      color: black;
	  font-size: 14px;
	  border-radius: 5px !important;
	  border: 2px groove gray;
  }
  
  .profile h1{
background-color: #3d36f7 !important;
      color: white;
	  font-size: 2em;
	  text-align: center;
	  border-radius: 5px !important;
	  border: 2px groove gray;
}

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4, .section h3, .section h2, .section h1 {
    color: white; 
	font-size: 12px;
}

p{
font-size: 8px;
}



.profile .friends .person p, a, .profile a, .table-section a, .module a { color: #46f68f !important;   color: #46f68f; text-shadow:
        1px 1px 0 black,
        -1px 1px 0 black,
        -1px -1px 0 black,
        1px -1px 0 black;}

footer {
border: 2px solid #2f2f2f !important;
	background: url("https://wallpapercave.com/wp/wp12304192.png") !important;
    border-radius: 5px !important;
}
footer .links{
 	background-color: #4390ac !important;
      color: white;
	  font-size: 8px;
	  border-radius: 5px !important;
	  border: 2px groove gray;
}
footer p{
color: white;
text-shadow:
        1px 1px 0 black,
        -1px 1px 0 black,
        -1px -1px 0 black,
        1px -1px 0 black;
}
.col.left:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 150px;
  background-image: url(https://media.tenor.com/hvBl7xrrs3oAAAAi/weirdcore-cat.gif);
  background-repeat: no-repeat;
  background-size: 150px;
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 250px;
  background-image: url(https://i.pinimg.com/originals/bc/28/38/bc283873b6a4d1828a043f3f149aae61.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 350px;
}
.blog-preview:after{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 230px;
  background-image: url(https://media.everskies.com/VCoaz22TNYcvGqCMfnjS.png) !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 230px;
}
.blurbs:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 200px;
  background-image: url(https://64.media.tumblr.com/665f8c110a73e2d2702a9652851e4e5a/cd353e4b0e931c87-20/s1280x1920/1017a48c594b1ac4b5eddbcb3dec0524211aa6bd.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 330px;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 113px;
  background-image: url(https://brynnstic1.carrd.co/assets/images/image02.gif?v=d53e6c2f);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 160px; 
}
.friends:not(#comments):after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 253px;
  background-image: url(https://i.pinimg.com/originals/17/8b/11/178b119f407efbc0a1b5c87267ebb729.gif) !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 150px;
}
.col.left:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 457px;
  background-image: url(https://media.everskies.com/kCgg1P8odpA2GVKObcB_.png) !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;
  }
/* contact icons */
.contact .inner a img {
font-size: 0 !important;
}
.contact .inner a img:before {
font-size: 1em !important;
display: block
}
/* contact icons */
.contact .inner a img {
font-size: 0 !important;
}
.contact .inner a img:before {
font-size: 1em !important;
display: block !important;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://hiimorion.carrd.co/assets/images/gallery02/33a69d1e.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://hiimorion.carrd.co/assets/images/gallery14/426a0b00.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* block user */
content: url("https://hiimorion.carrd.co/assets/images/gallery16/e07d55d6.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* send message*/
content: url("https://hiimorion.carrd.co/assets/images/gallery16/17fc7414.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* invite to group */
content: url("https://hiimorion.carrd.co/assets/images/gallery02/6d801c5f.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* report */
content: url("https://hiimorion.carrd.co/assets/images/gallery02/e275e6c3.gif?v=6323a902")
}
</style>