Leena's profile picture

Published by

published
updated

Category: SpaceHey

Neon Rave Themed Layout

     It's been a while since I did a layout blog and tbh, I don't think I did a blog when I made this one. Better late than never, I guess. For those of you who have used my other rainbow layout (thanks guys, it warms my heart to see people using the stuff I make ^_^) this one is loaded with color as well, but also a little bit darker. As the title suggests, this layout is very colorful and reminiscent of a nighttime rave scene. The whole background moves and it's probably my favorite so far. If you'd like to see what this one looks like, check out the preview here. If you like it, just copy the code below into the About Me section of your profile. Peace!

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

<style>
body {
  background: url(https://i.ibb.co/tCy2Skr/neonspiral.webp);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}</style>

<style>
.profile {
background: rgba(0, 0, 0, 0.6);
border-radius: 8px;
border: 2px solid #02fa02;

}

table, td
{

border-spacing: 2px;
        
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 0px solid var(--#4e4f4e);
    color: #00ffe1
    text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #02fa02;

    }

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

mood {
  color: #00ffe1;
  text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #ffffff;
}

.mood p {
  color: #00ffe1;
  text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #ffffff;
}

.mood a {
  color: #f6ff00;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #ffffff;
}

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


.profile .table-section, .home-actions
{

   border: 2px solid #02fa02;
   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: #000000;
    border-radius: 8px;
    border: 2px solid #02fa02;
    color: #02fa02;
}

.comments-table{
display: block;
height: 500px;
overflow-y: scroll; 
color: #00ffe1;
border: 2px solid #02fa02;
border-radius: 8px;

}

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

.contact {
  border-radius: 8px; border: 2px solid #02fa02!important;
  background-image: url(https://i.ibb.co/Pgw48cG/partytime.webp);
  background-repeat: no-repeat;
  background-size: cover
background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #f6ff00;
  font-family: cursive;
  text-decoration: italic;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #02fa02;
  font-size: 12px;
}

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

}

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

main {
background: transparent!important;
border: none;
padding: 0;
font-size: 90%;
color: #00ffe1;
  text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #ffffff;
}


nav {
  background: #000000;
  border: 2px solid #02fa02!important;
  border-radius: 8px!important;
}

nav .top a, nav .top, nav .logout-btn, nav .links a {
    color: #02fa02!important;
}

.logo {
     filter: invert(49%) sepia(96%) saturate(901%) hue-rotate(79deg) brightness(111%) contrast(122%);!important;
}


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

  }
  .profile .table-section .heading{

    border: none;
    text-align: center;

  }
  .profile .table-section .heading h4{
    color: #00ffe1;

  }

  .profile .friends .heading{
    border: 2px solid #02fa02;
    border-radius: 8px;
    background: #000000;
    color: #00ffe1;
    text-align: center;
  }

  .profile .friends .heading h4{
    text-align: center;
    color: #00ffe1;
  }


 .profile-pic {
        border-radius: 500px;
        border: 2px solid #02fa02;
        overflow: hidden;
}

.blog-preview h4, .blurbs .heading {
    border: 2px solid #02fa02;
    border-radius: 8px;
    background: #000000!important;
    color: #00ffe1;
    text-align: center;
}

.blog-preview h4 a, .more {
  color: #f6ff00;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #ffffff;
}

.profile .blurbs .section :nth-child(2) {
        color: #00ffe1;
  text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #ffffff;
     /* margin-top: -5px; */
padding: 18px;

}


.profile .profile-info .inner h3 a {
color: #00ffe1;
}
.profile .profile-info {
background-image: url(https://i.ibb.co/60LFDkd/glowsticks.jpg);
        background-position: center;
        background-size: cover;
padding: 5px;
        border-radius: 8px;
        border: 2px solid #02fa02;
text-align: center;
        text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #ffffff;

}

</style>


4 Kudos

Comments

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