← Back to Layouts
Galaxy Overload

Name: FriendRewind
Author: FriendRewind
Author: 𝓢𝓸𝓵 𝓢𝔂𝓪𝓷𝓲𝓭𝓮 💎☮️
Category: Galaxy
Created: July 4, 2026
2016 tumblr inspired thing. f2u :^) has subtle text animations & animated gifs!
tags so ppl find this: indie scene tumblr 2000s 2010s cringe purple stars space aesthetic
Comments (1)

InvaderPinnecone 1 hr ago
THIS IS SO CUTE OMG ( ☆∀☆)
You must log in to comment.
CSS Code

<style>
@import url('https://fonts.googleapis.com/css2?family=Cherish&family=Crafty+Girls&family=Lavishly+Yours&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cause:wght@100..900&family=Cherish&family=Crafty+Girls&family=Lavishly+Yours&display=swap');
@keyframes myAnimation {
  0%   {color: cyan;}
  25%  {color: deeppink;}
  50%  {color: purple;}
  100% {color: cyan;}
}
.myspace-header::after{
    margin-top: 20px;
  height: 200px;
display: block;
  content: "";
background-image: url('https://i.pinimg.com/originals/be/31/95/be3195a87c4e3188e23e4fcba6ac694d.gif');
background-size: cover;
background-repeat: no-repeat;
  background-position: center;
border-radius: 20px;
border: 3px white dotted;

}
body.skin-classic .main-nav.navigation li a:hover {
  color: #a7a7ff;
}
.main-nav-wrapper a:hover{
color: deeppink;
}
.myspace-header .main-nav-container {
  width: 990px;
  margin: 0 auto;
  height: 100%;
  display: contents;
}
body.skin-classic .main-nav-wrapper {
  background-color: rgb(0, 0, 0);
  padding: 3.5px 16px;
  border: none;
  border-radius: 10px;
  box-shadow: 0px 0px 10px white;
  font-family: crafty girls;
}

h1{
font-size: 50px!important;
font-family: Crafty Girls;
}
body{
background-image: url('https://wallpapercave.com/wp/wp5580556.jpg');
background-size: cover;
 background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;

}
.home-actions .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading {
  background: rgb(255, 255, 255);
  color: #af50f0;
  padding: 4px 10px;
  border-radius: 10px;
  border: 5px black double;
}
.count {
  color: cyan;
animation-name: myAnimation;
  animation-duration: 4s;
animation-iteration-count: infinite;
}
body:not(.layout-bodybg) main {
  background: #000000e3;
  color: #fff;
  padding: 6px 0;
  font-size: 80%;
border-radius: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.profile-playlist-widget h3 {
  margin: 0;
  font-size: 15px;
  color: #fff;
  flex: 1;
  justify-content: center;
  display: flex;
  text-shadow: 0px 0px 10px white;
}
.myspace-header {
  background-color: rgba(0, 50, 153, 0) !important;
}
body.skin-classic .myspace-header .top-nav.navbar {
  background-image: url('https://i.pinimg.com/originals/a2/07/9f/a2079f7ed81dafed5fdb6a973e947a7a.gif');
  padding: 15px 10px 14px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0;
  box-shadow: 0px 0px 20px black;
  min-height: auto;
  height: auto;
  background-position: center;
  background-blend-mode: screen;
  border-radius: 30px;
  margin-bottom: 10px;
}
.profile-playlist-widget {
  background-image: url('https://i.pinimg.com/originals/a2/07/9f/a2079f7ed81dafed5fdb6a973e947a7a.gif');
  border: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  color: #fff;
  box-shadow: 0 4px 18px rgb(217, 149, 223);
  max-width: 280px;
  font-size: 13px;
  border-radius: 6px;
  padding: 12px;
  margin: 15px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border: 5px white double;
}
.home-actions, .profile .contact, .profile .table-section, .profile .url-info, .setting-section {
background-image: url('https://i.pinimg.com/originals/f1/f7/0f/f1f70f8ff7dbd290dfc13a44191f1343.gif');
    background-size: 20% auto;
  width: 100%;
  border: 2px solid #60a5fa;
  border: 2px solid var(--lighter-blue);
  margin: 10px 0;
  border-radius: 10px !important;
}
a{
color: black;
font-weight: bold;
text-shadow: 0px 0px 10px white;
}
body:not(.layout-bodybg) main {
  color: #fff;
  font-size: 80%;
  border: #e8c6ff 10px double;
  font-family: cause;
}
.details-table td:first-child {
  background: #bfdbfe;
  background: var(--even-lighter-blue);
  color: #1d4ed8;
  color: rgb(207, 175, 255);
  font-weight: 700;
  width: 33%;
  border-radius: 5px;
}
.details-table td {
  background: #dbeafe;
  background: #FFF;
  vertical-align: top;
  border: 5px black double;
  color: black;
}
a:hover{
color: lavender;
}
.profile .blurbs .heading, .profile .friends .heading {
  background: #f9c56c;
  background: var(--light-orange);
  color: #ed0707;
  color: var(--dark-orange);
  padding: 2px 7px;
  border-radius: 10px;
}
:root {
  --light-gray: #f2f0f0;
  --gray: #e3e3e3;
  --dark-gray: #919191;
  --darker-gray: #545454;
  --logo-blue: rgb(133, 50, 255);
  --darker-blue: #1E40AF;
  --lighter-blue: rgb(87, 82, 91);
  --even-lighter-blue: #011227;
  --lightest-blue: #FFE1FD;
  --red: #844DFF;
  --dark-orange: #FFF;
  --light-orange: #c197ff;
  --even-lighter-orange: #32355d;
  --strange-yellow: #dbae2e;
  --green: #34D399;
  --light-green: #E6F8DD;
  --medium-green: #A0C99C;
  --dark-green: #059669;
  accent-color: #1D4ED8;
  accent-color: var(--logo-blue);
}</style>