Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind

FriendRewind

← Back to Layouts

Dark spaceish

Author: Ink!eXo

Category: Dark

Created: July 25, 2025

UHhhhh figuring it out, tryna make my profile lol

Comments (1)

Strawb3rryluvr 07/25/2025 9:52 PM

Commenting to get this attention 👽

You must log in to comment.

CSS Code

<style>
/* Generated by Visual Builder v3 */

@import url('https://fonts.googleapis.com/css2?family=Concert+One:wght@400;700&display=swap');

* { cursor: url(file:///C:/Users/Michelle%20sedivy/Downloads/smi197%20(1).cur), auto; }

body {
  background-image: url("https://i.pinimg.com/1200x/87/a0/c5/87a0c59ff31079cbb2b6cf080e6c4f2b.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  color: #8393d2;
  font-family: 'Concert One', sans-serif;
}

@keyframes rainbow{0%{filter:hue-rotate(0deg);}100%{filter:hue-rotate(360deg);} }
.profile-pic img{border-radius:50%;animation:rainbow 6s infinite linear;}

.profile-pic img{border-radius:50%;}

@keyframes boxFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}} .contact{animation:boxFloat 3s infinite ease-in-out;}

main::before {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background-image: url('https://i.pinimg.com/736x/31/bc/91/31bc91ecfe332d4919d2277f686e5c5a.jpg');
    background-size: cover;
    background-position: center center;
  }


.profile {
  background-image: url("https://i.pinimg.com/1200x/a5/03/05/a503059e9195d3967a9a024c013a4f6c.jpg") !important;
  background-repeat: repeat-y !important;
  background-size: 100% auto !important;
  background-position: top center !important;
}

nav, nav .top, nav .links {
  background-color: #2b333f;
}

.blurbs, .section, .module, .profileInfo, .table-section {
    background-color: #ffffff;
    border-radius: 8px;
  }

.contact {
    border: 1px solid #28258e !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #28258e !important;
    color: #ffffff !important;
  }

.table-section, .friends, .blurbs, .section, .module, .profileInfo {
    border: 1px solid #73a0a5 !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #73a0a5 !important;
    color: #ffffff !important;
  }

h1, h2, h3, h4, h5, h6 {
  color: #c1d3a6;
}

a { color: #f0d266; }

.contact {
  background-image: url("https://i.pinimg.com/1200x/c8/a3/68/c8a3682d62d893636881c2e5d03b0486.jpg");
  background-size: cover;
  background-position: center center;
}

.url-info {
  background-image: url("https://i.pinimg.com/1200x/83/58/b5/8358b5d0770f8a3663f5846f7ab7ef7b.jpg");
  background-size: cover;
  background-position: center center;
}

.table-section {
  background-image: url("https://i.pinimg.com/736x/b7/6a/fe/b76afe4903897ee11986253403a37c74.jpg");
  background-size: cover;
  background-position: center center;
}

.tunes {
  background-image: url("https://i.pinimg.com/1200x/83/58/b5/8358b5d0770f8a3663f5846f7ab7ef7b.jpg");
  background-size: cover;
  background-position: center center;
}

.blog-preview {
  background-image: url("https://i.pinimg.com/736x/b7/6a/fe/b76afe4903897ee11986253403a37c74.jpg");
  background-size: cover;
  background-position: center center;
}

.blurbs {
  background-image: url("https://i.pinimg.com/736x/b7/6a/fe/b76afe4903897ee11986253403a37c74.jpg");
  background-size: cover;
  background-position: center center;
}

.friends {
  background-image: url("https://i.pinimg.com/736x/41/cc/58/41cc588e74fcf9bc89d207fae98d2da8.jpg");
  background-size: cover;
  background-position: center center;
}

#comments {
  background-image: url("https://i.pinimg.com/736x/41/cc/58/41cc588e74fcf9bc89d207fae98d2da8.jpg");
  background-size: cover;
  background-position: center center;
}

.comments-table td {
  background-image: url("https://i.pinimg.com/736x/e5/06/09/e50609de3d665199cf7f6cc77ba1cbeb.jpg");
  background-size: cover;
  background-position: center center;
}</style>