rainbow receptacle

Tags: rainbow, colorful, gay, scene

Description:

i spent all day wasting my life to make this, i hope youre happy. it was a lot of work. its probably the most visually appealing one ive made in my opinion. all the backgrounds arent too much or too little. they are the perfect amount of crazy pattern. test here and here

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=23662) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Orbitron&family=Rubik+Glitch&family=VT323&display=swap');

body {      background:url(https://i.pinimg.com/originals/97/3b/e3/973be3fa8f8be9eb2eeb76266930a220.jpg);
  color: white;
  border: none;
  background-size: cover;
font-family: 'Orbitron', sans-serif;
background-position: center;
}

main {
margin-top: -100px;
padding-top: 100px;
background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/28ea5269-00b7-4da2-b1b1-033392290366/d276cu0-db948e99-75bd-4e8d-ac51-fb6776d4d8d7.jpg/v1/fill/w_1024,h_768,q_75,strp/rainbow_checkerboard_by_eternalcolors_d276cu0-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMjhlYTUyNjktMDBiNy00ZGEyLWIxYjEtMDMzMzkyMjkwMzY2XC9kMjc2Y3UwLWRiOTQ4ZTk5LTc1YmQtNGU4ZC1hYzUxLWZiNjc3NmQ0ZDhkNy5qcGciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.WBcV5sLYwK8BIQtAOf3wZ16AIDDB1jUY7OAAhsdF4Qg);
background-attachment:fixed; 
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}

nav {
    z-index: 9;
    backdrop-filter: blur(10px);
    border-radius: 0px;
    overflow: hidden!important;
}
  
  nav .top {
    background: 0 0;
    z-index: 5;
}
  
  nav .links {
    background: 0 0;
    z-index: 4;
    display: flex;
    width: 100%;
    justify-content: space-around;
}

nav .icon {
  content: url(https://web.archive.org/web/20091020094512/http://www.geocities.com/tle89/rainbow_new.gif);
  height: 10px;
  }

  .count{
color: #ff3b83;
}
 
nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
}
.search-wrapper input, button {
   background: dimgrey;
   color: white;
padding: 2px;
font-family: 'Orbitron', sans-serif;
}
button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: 0px;
}

  .profile-info {
   background: url(https://cdn3.volusion.com/awraq.tuqes/v/vspfiles/photos/rainbow-zebra-stripes-2.jpg?v-cache=1597157742);
    display: flex;
    margin-bottom: 10px;
    background-size: 100%;
background-position: center;
 color:black;
background-repeat: no-repeat;
    border-radius: 15px;
height: 150px;
border: none;
}

.online{
background-color: transparent;
content: url(https://ia601501.us.archive.org/10/items/onlinenow_202210/onlinenow.gif);
}
.online img{
display: none;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
  background: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTMW914SnZrikflvqHoYHtN_NWjADArniF7OTeEd8PVhCohrnLY);
  border: 3px solid red;
  border-radius: 20px;
background-size: cover;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  16% {
  border: 3px solid orange;
  }
  32% {border: 3px solid yellow;
  }
  48% {
  border: 3px solid green;
  }
  64%{
  border: 3px solid blue;
  }
  80%{
  Border: 3px solid purple;
  }
  96% {
    border: 3px solid red;
  }
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    color: white;
background: black;
border-radius: 20px 20px 0px 0px;
}

  .profile h1 {
font-family: 'Rubik Glitch', cursive;
  background-color: black;
color: white;
margin: 12px;
  border: 3px solid red;
  border-radius: 20px;
padding: 3px;
text-align: center;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  16% {
  border: 3px solid orange;
  }
  32% {border: 3px solid yellow;
  }
  48% {
  border: 3px solid green;
  }
  64%{
  border: 3px solid blue;
  }
  80%{
  Border: 3px solid purple;
  }
  96% {
    border: 3px solid red;
  }
}

.general-about .profile-pic img {
border-radius: 20px;
padding: 5px;
}

.profile .friends .person img:not(.icon){
  border-radius: 20px;
  }

.comments-table td:first-child img:not(.icon){
  border-radius: 50px;
  }

  .profile .general-about {
background-image: url(https://cdn.wallpapersafari.com/92/50/vbFjfo.jpg);
background-size: 100%;
background-position: right;
    height: 180px;
  color: white;
  background-repeat: no-repeat;
margin: 5px;
padding: 0px;
  border: 3px solid red;
  border-radius: 20px;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  16% {
  border: 3px solid orange;
  }
  32% {border: 3px solid yellow;
  }
  48% {
  border: 3px solid green;
  }
  64%{
  border: 3px solid blue;
  }
  80%{
  Border: 3px solid purple;
  }
  96% {
    border: 3px solid red;
  }
}

  
  .profile .mood {
 color: white; 
margin: 10px;
}
 .profile .blurbs, .profile .friends {
  background-color: black;
color: white;
margin: 5px;
  border: 3px solid red;
  border-radius: 20px;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  16% {
  border: 3px solid orange;
  }
  32% {border: 3px solid yellow;
  }
  48% {
  border: 3px solid green;
  }
  64%{
  border: 3px solid blue;
  }
  80%{
  Border: 3px solid purple;
  }
  96% {
    border: 3px solid red;
  }
}
  
 .profile .friends .person p {
    color: #48ff24;
  }
  
  .profile .blog-preview {
    color: white;
  }
  
  .profile .blurbs .section h4 {
    color: white;
    padding: 0.5em 0em 0.5em 0em;
  }
  
  .comments-table {
display: block;
height: 600px!important;
overflow-y: scroll;
    outline: none !important;
  border: black 2px solid;
}

.comment-reply {
    padding: 5px 3px;
  border: red 3px  solid;
}
  .comment-replies {
      padding: 10px 5px;
  border: red 1px solid;
  }
 
 .contact {
  background: black !important;
  padding: 0px;
    background-attachment: scroll;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    line-height: 1;
font-size: 14px;
  } 


  .contact a{
font-family: 'VT323', monospace;
  } 

.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: url(https://web.archive.org/web/20090830031459if_/http://geocities.com/TheTropics/6548/images/gay.gif);
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url(https://web.archive.org/web/20090829070308if_/http://www.geocities.com/rodneyandwanda/AniRotatingRainbowStar.gif);
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://web.archive.org/web/20090730164648if_/http://hk.geocities.com/rainbowhouseso/icon_hearts_2.gif);
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url(https://web.archive.org/web/20090830112011if_/http://geocities.com/Paris/Salon/4163/flechegay.gif);
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url(https://web.archive.org/web/20090821083603if_/http://geocities.com/rainbowcottage1/star1-a.gif);
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url(https://web.archive.org/web/20090902234144if_/http://geocities.com/starlight_gyrl/iMagEs/animatedrainbow3.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group. the content is supposed to be a smiley face */
	content: url(https://web.archive.org/web/20090724161017if_/http://www.geocities.com/tanianaim/birth-rainbowed.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url(https://web.archive.org/web/20090829220511if_/http://geocities.com/Paris/Metro/8425/rainbowball.gif);
} 
  
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: black;

}
.details-table td:not(td:first-child) {
    color: black;
}
  .profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    text-transform: lowercase;
    color:white; 
border-radius: 10px 10px 0px 0px;
}
  
  table.details-table {
border-radius: 0px 0px 10px 10px;
background: transparent;
}
  
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
background-image:url(https://www.maxpixel.net/static/photo/1x/Colors-Background-Wallpaper-Star-755962.png);
background-size: cover;
  background-position: right;
}

.comments-table td, .music-table td {
    color: black;
background: url(https://images.unsplash.com/photo-1582573732277-c5444fa37391?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8cmFpbmJvdyUyMGNvbG9yfGVufDB8fDB8fA%3D%3D&w=1000&q=80);
  padding: 5px;
background-size: cover;
}

.comments-table td:first-child a, .music-table td:first-child a {
    color: white;
}

   .search-wrapper input, button {
  background-color: black;

color: white;
margin: 5px;
padding: 2px;
  border: 3px solid red;
  border-radius: 10px;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  16% {
  border: 3px solid orange;
  }
  32% {border: 3px solid yellow;
  }
  48% {
  border: 3px solid green;
  }
  64%{
  border: 3px solid blue;
  }
  80%{
  Border: 3px solid purple;
  }
  96% {
    border: 3px solid red;
  }
}

  nav .logout-btn {
  animation: none;
  }

  footer { 
  color:white;
    border: none;
background: url(https://t3.ftcdn.net/jpg/04/31/47/44/360_F_431474483_liBClcskGRobRszH4idnqYFCGOnKodoQ.jpg);
 background-position: center;
border-top: none;
border-radius: 0px 0px 10px 10px;
margin: 0px;
background-size: 90%;
}

  a{
color:  #48ff24;
}

a:visited {
color:  #48ff24;
}
a:hover {
color:  #ff3b83;
}

a:active {
  color:  #48ff24;
}

nav .links a:hover{
color:  #ff3b83;
}

</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 7 of 7 comments ( View all | Add Comment )

for.cloverxing_	1675891904 usingg :D!! Report Comment
tori 𐙚	1671657764 usingg Report Comment
✩﹒OAT ! ๑	1663163085 using (⁠≧⁠▽⁠≦⁠) Report Comment
MadMxAlice	1661732238 using :) Report Comment thanks :)) by x.{finn}.x; 1661826470; Report
"Welcome to the family, son."	1660279806 Curious question do you think you will make a Doctor Strange 2 layout? That be so cool! Like the Multiverse of Madness :D what you think? Report Comment i could and i would need some refrence pictures. lets dm by x.{finn}.x; 1660321971; Report
SomeIdiotVictoria	1659446756 ITS SO GOODDDD Report Comment well im glad people are actually recognizing my work and liking it. its kinda weird bc ive never gotten comments on my stuff that much. maybe its that spacehey is very new and theres not a massive amount of competition like deviant art. making layouts is kinda like art to me and i think thats how im so good at choosing nice colors but thats just my guess. by x.{finn}.x; 1659458509; Report
Dahvie Insanity	1658219326 usingg Report Comment i went on ur profile and i saw the contact thing was brok. i fixed the contacting part now so you can put the new code in there. thanks for using it by x.{finn}.x; 1658242914; Report alrightyy by Dahvie Insanity; 1658466759; Report