📄 Layout
Mystical Iridescence

ID #270 · Added 2025-11-08
Categories:
Aesthetic Dark Rainbow
Colors:
Blue Green Orange Pink Purple Yellow
Creator: AshBo
HTML/CSS Code

Copied!
<!-- (c) Layout created by SpaceHeyLayouts.com & TimeToGoBack.com -->

<style>


html{
scrollbar-color:#1d175b black;
}
/* changes scrollbar color */


.contact .heading{ 
font-size:0; 
}
.contact .heading:before {
    content: "talk to me!";
    font-weight: bold;
    font-size: 13px;
    color:  white;
}
/* edits the text in ur add to friends section */


.profile {
color: white;
border:0px none;
font-family: "Courier New", monospace;
font-size:12px;
 }
/* determines some base stuff. in order: */
/* border 0px none specifies no border around the body of your profile */
/* then you have font family and size which specifies which font */

:root{
 --dark-orange: white; 
text-shadow: 1px 1px #f51edb;
}
/* changes blurbs subheaders color (abt me, who id like to meet) */

main {
  background-color:black;
  border:0px none;
}
/* the background color of your whole account, and border 0px for no border around your profile body */

body {
    background: url(https://assets.spaceheylayouts.com/backgrounds/mystical-iridescence.png);
	background-repeat: repeat;
	background-attachment: fixed;
}


h1{   
color: white; 
text-shadow: 2px 2px 0px #f51edb;
}
/* changes all text with the h1 (header 1) tag */
/* in this case, this just edits how your name appears at the top of your profile */


.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #121212;
  color:white;
  text-shadow:1px 1px 0px #f51edb;
}
/* adds cool red text shadow to sub headers, so stuff like Interests and Blurbs and all that */
/* each comma seperates a different sub heading */


.friends:not(#comments) {
  background:black;  
}
/* changes the background color of your friends list */
.friends .inner .friends-grid .person p{
	color:white;
}
/* changes friends list name color */

.friends .inner .friends-grid .person p:hover{
	color: #f51edb;
}
/* changes friends list name color on hover */


.profile .friends td {
  background: black;
} 
/* makes your profile comments section black and not orange */


.logo {
    background: #f51edb;
}
/* changes the color of the spacehey logo */

nav{
background-color:#f51edb;
}
/* changes the color of the navbar */
nav ul{
background:none !important;
}
/* overrides light blue navbar color */


.top{
background:#f51edb !important;
}
/* changes the color of the stuff above the navbar, !important is to override blue color */
/* i find it looks nicer when this matches the color of .logo, but idk if you add a border to the logo it might look nice? idk lmao */

.profile .table-section .details-table td {
  background-color:#121212;
  color: #f51edb;
  text-shadow: 0px 0px black;
}
/* background color and font color for your interests and links tables */


.profile .blurbs .heading, .profile .friends .heading, .blog-preview h4 {
  background-color: #121212;
  color: white;
  text-shadow:1px 1px 0px #f51edb;
}
/* changes subheaders (blurbs, latest blog entries, etc) to white text with shadow */

/* replaces default online icon with pink skull one */


.friends th, tr, .friends td, th, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img{
border: 0px !important;
padding: 5px;
outline: none !important;
}
/* makes it so tables, comments, url, and contact sections have no border */


.friends#comments .inner .comments-table .comment-replies {
	border: black solid !important;
}
/* makes replies not have a white border */


.profile-pic img{
	filter:grayscale(50%);
	transition-duration:1s;
}
.profile-pic img:hover{
	filter:grayscale(0%);
	transition-duration:1s;
}
/* hover fx for profile pic, optional */


footer{
    background-color: black;
    color: #f51edb;
    padding:5px;
}



a {
color:#f51edb;
}
/* changes link color */

a:hover{
color:white;
}


</style><a href="https://www.spaceheylayouts.com" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; background-color: #000; width: 125px; height: 16px;">SpaceHeyLayouts.com</div></a>