Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
Atlas Atticus

Author: ReallyBigAtlasAtticusFan
Category: Testing :)
Created: June 19, 2026
A test layout revolved around Atlas Atticus that may or may not work well.
It's also kind of ugly idk
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"frame22","pageFont":"Playfair Display","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://www.cryptidcrush.com/assets/images/bg.jpg?v=da0a096b","pageBgMode":"cover","heroImageUrl":"https://media.tenor.com/3bpTZISU1DoAAAAC/cryptid-crush-cryptid-crush-atlas.gif","profileRowBgImage":"https://cdn.discordapp.com/attachments/1506059233395867748/1517347944439746720/atlasbackgroundthing.png?ex=6a35f3e4&is=6a34a264&hm=06bec3e7cc56bfd083e7be2c0cb3f2eea6c69c5b9594bd47cd4e88ed9b070dd1&","profileRowBgMode":"tile","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#a8d9ff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":30,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":15,"contactBoxAnimation":"","interestsHeaderBg":"#40075f","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":3,"interestsBorderRadius":15,"contentBoxAnimation":"glow","textBody":"#000000","textHeading":"#ffffff","textLink":"#f1a8ff","headingShadowColor":"#000000","headingShadowBlur":24,"headingShadowEnable":true,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

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

body, body.profile-page {
  background-image: url("https://www.cryptidcrush.com/assets/images/bg.jpg?v=da0a096b") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  font-family: 'Playfair Display', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}
.profile-pic img{position:absolute;top:8%!important;left:8%!important;width:84%!important;height:84%!important;object-fit:cover;z-index:1;border-radius:12px!important;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_697046ab2f09b6.56462334.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

@keyframes boxGlow{0%,100%{box-shadow:0 0 8px rgba(0,123,255,0.4), 0 0 0px rgba(0,123,255,0.2);}50%{box-shadow:0 0 25px rgba(0,123,255,0.8), 0 0 35px rgba(0,123,255,0.4);}} .table-section, .friends, .blurbs, .module, .profileInfo{animation:boxGlow 2.5s infinite ease-in-out !important;}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://media.tenor.com/3bpTZISU1DoAAAAC/cryptid-crush-cryptid-crush-atlas.gif') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://cdn.discordapp.com/attachments/1506059233395867748/1517347944439746720/atlasbackgroundthing.png?ex=6a35f3e4&is=6a34a264&hm=06bec3e7cc56bfd083e7be2c0cb3f2eea6c69c5b9594bd47cd4e88ed9b070dd1&") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .main-nav li a {
  color: #a8d9ff;
}

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

.contact {
    border: 1px solid #4169E1 !important;
    border-radius: 15px !important;
  }

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 3px solid #40075f !important;
    border-radius: 15px !important;
  }

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

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {
  color: #ffffff !important;
  text-shadow: 0 0 24px #000000 !important;
}

a, .profile a, .table-section a, .module a { color: #f1a8ff !important; }</style>