Leena's profile picture

Published by

published
updated

Category: SpaceHey

Rainbow Pride Profile Layout

     For my second profile, I decided to do something Pride themed. I may continue this line, but for my first one, I obviously had to do the rainbow. If you want to show your pride or support of pride or if you just like rainbows, copy and paste the code below into the 'About Me' section of your profile. Have a gay day!


-Feel free to change anything you like.
-If you have any questions, please ask them in the comments below.
-You can view the full-sized image here.
-This is also published in the Layouts section: https://layouts.spacehey.com/layout?id=23825

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




<!-- (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>


2 Kudos

Comments

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