Rainbow Splash

Tags: layout, layouts, rainbow, pride, cute, lgbtq+, pastel, simple, leena

Description:

-Feel free to change anything you like.

-If you have any questions, please ask them in the comments below or on my blog.

-You can view the full-sized image here.

-To use this layout, copy and paste the code below into the "About Me" section of your profile.

*Friendly reminder: it's against Spacehey rules to hide the Spacehey logo, search bar, or logout buttons in the navigation section.*

For this layout I decided to make the main section transparent to show off the beautiful rainbow paint background. Then, I used a pastel background to highlight the main information areas and rounded the borders to make them look cute and bubbly. Enjoy!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Leena (https://layouts.spacehey.com/layout?id=23825) -->

<style>
body {
  background: url(https://i.ibb.co/7grHkvv/rainbowpaint.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}</style>

<style>
.profile {
background-color: transparent!important;

}

table, td
{

	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 0px solid var(--#4e4f4e);
    background: url(https://i.ibb.co/fqFYvfm/pastel2.jpg);
    color: #0000ff
    text-shadow: 1px 1px 2px #fc51a7, 0 0 25px #fc51a7, 0 0 3px #fc51a7;

    }

.profile .table-section {
    overflow-y: scroll;
}

mood {
  color: #0000ff;
  text-shadow: 1px 1px 2px #fc51a7, 0 0 25px #fc51a7, 0 0 3px #fc51a7;
}

.mood p {
  color: #0000ff;
  text-shadow: 1px 1px 2px #fc51a7, 0 0 25px #fc51a7, 0 0 3px #fc51a7;
}

.mood a {
  color: #0000ff;
  text-shadow: 1px 1px 2px #fc51a7, 0 0 25px #fc51a7, 0 0 3px #fc51a7;
}

table, th, td
{
   border: 0px solid #4e4f4e;
   border-spacing: 0px;
}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
   background-image: url (https://i.ibb.co/fqFYvfm/pastel2.jpg);
   background-position: center;
   background-size: cover;
   border: 2px solid #af03ff;
   border-radius: 8px;

}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header:#000000;
	--table-color: white;
	--link-text: black;
	--main-text: #870303;

    }   

footer 
{

    background: url(https://i.ibb.co/hcMft9r/rainbowborder2.jpg)!important;
    background-position: bottom;
    border-radius: 8px;
    border: 2px solid #af03ff;
}

.comments-table{
background: url(https://i.ibb.co/fqFYvfm/pastel2.jpg);
background-position: center;
background-size: cover;
background-attachment; fixed;
display: block;
height: 500px;
overflow-y: scroll; 
color: #0000ff;
border: 2px solid #00ff00;
border-radius: 8px;

}

.contact .heading {
  background: transparent!important;
  text-align: center; text-decoration: italic;
  color: #04b3b0!important;
  font-size: medium;
  font-family: cursive;
  text-shadow: 1px 1px 2px #ffffff, 0 0 25px #ffffff, 0 0 3px #ffffff;
  border: none!important;
}

.contact {
  border-radius: 8px; border: 1px solid #00ff00!important;
  background-image: url(https://i.ibb.co/nBmDgq1/pastel-5339368-1280.jpg);
  background-position: top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #04b3b0;
  font-family: cursive;
  text-decoration: italic;
  text-shadow: 1px 1px 2px #ffffff, 0 0 25px #ffffff, 0 0 3px #ffffff;
  font-size: 12px;
}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px #000000!important;

}

nav, footer, .profile .contact {
color: #ffffff!important;
}

main {
background: transparent!important;
border: none;
padding: 0;
font-size: 90%;
color: #0000ff;
  text-shadow: 1px 1px 2px #fc51a7, 0 0 25px #fc51a7, 0 0 3px #fc51a7;
}

nav {
  background: url(https://i.ibb.co/DKBQYBq/rainbowborder.jpg);
  border: 2px solid #ff0000!important;
  border-radius: 8px!important;
}

nav .top a {
    color: #ffee00!important;
}

nav .top {
    color: #ff6600!important;
}

nav .logout-btn {
    color: #00ff00!important;
}

nav .links a {
    color: #0000ff!important;
}

.logo {

  filter: brightness(0) saturate(100%) invert(17%) sepia(95%) saturate(6328%) hue-rotate(1deg) brightness(100%) contrast(120%) !important;
}


  .profile .table-section{
    border:2px solid #ff0000;

  }
  .profile .table-section .heading{

    border: 1px solid #ff0000;
    text-align: center;

  }
  .profile .table-section .heading h4{
    color: #0000ff;

  }
  .profile .table-section .details-table {
    background: url(https://i.ibb.co/fqFYvfm/pastel2.jpg);
    background-position: center;
    background-size: cover;

  }

  .profile .friends .heading{
    border: 2px solid #ff6600;
    border-radius: 8px;
    background: url(https://i.ibb.co/Wy6wSB1/rainbow3.jpg);
    color: #ffee00;
    text-align: center;
  }

  .profile .friends .heading h4{
    text-align: center;
    color: #ffee00;
  }
.general-about {
   background: url(https://i.ibb.co/fqFYvfm/pastel2.jpg);
   background-position: center;
   background-size: cover;
   border: 2px solid #ffee00;
   border-radius: 8px;
	padding: 5px;
	text-align: center;
        color: #0000ff;
        text-shadow: 1px 1px 2px #fc51a7, 0 0 25px #fc51a7, 0 0 3px #fc51a7;
}

 .profile-pic {
        border-radius: 500px;
        overflow: hidden;
}

.profile .blurbs .section :nth-child(2) {
        border: 2px solid #0000ff;
        border-radius: 8px;
	background-image: url(https://i.ibb.co/fqFYvfm/pastel2.jpg);
        background-position; center;
        background-size: cover;
        background-attachment: fixed;
        color: #0000ff;
     /* margin-top: -5px; */
	padding: 18px;

}


.profile .profile-info .inner h3 a {
	color: #0000ff;
}
.profile .profile-info {
	background-image: url(https://i.ibb.co/fqFYvfm/pastel2.jpg);
        background-position: center;
        background-size: cover;
	padding: 20px;
        border-radius: 8px;
        border: 2px solid #ff6600;
	text-align: center;
        text-shadow: 1px 1px 2px #fc51a7, 0 0 25px #fc51a7, 0 0 3px #fc51a7;

}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

R3ptu554nctu5

1675892940

I really really like this layout, especially since it works with my HTML profile formatting so well :3

thank you

Report Comment