[eyestrain] pixeled!

Tags: animated, eyestrain, rainbow, scene, emo, simple

Description:

⚠ this layout does contain color changing rainbow aspects that may be eyestrain inducing ⚠

another bg made by me!

contains:

✪ rainbow bg

✪ rainbow notification bell

✪ rainbow borders

✪ rainbow hover links

[demonstration]

▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰

𓆩♡𓆪 credit if u use

𓆩♡𓆪 change if up if u want

𓆩♡𓆪 if you need help, i'll try my best but ultimately, im not an expert

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');

p{
  font-family: 'PT Mono', monospace;
  font-size: 90%;
  color: #bfbfbf;
}
h1,h2,h3,h4,h5{
  font-family: 'PT Mono', monospace;
  font-size: 70%;  
  color: white;
}


    .top{
    background-color: black !important;
    border: 1px solid white;
        
    }
    
  body {
   background-image: url(https://iili.io/J2mGLHg.gif);

}
    nav .links{
    border: 1px solid white;
}
    
    .top input{
        
    background-color: #bfbfbf !important;
    }
    button{
    background-color: #bfbfbf !important;
    }
    main{
      background-color: rgba(26, 24, 25, 0.8);
      border: 1px solid white;
  }

    main .right,
    main .left{
      border: 1px solid white;
      height: 60px;
}

    main, main .right, main .left, footer,
    .top, nav .links{
        border-color: black;
        animation-name: flash_border;
        animation-duration: 3s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: flash_border;
        -webkit-animation-duration: 3s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: flash_border;
        -moz-animation-duration: 3s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
    }


/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: black;

}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;

}

.blog-preview h4{
    height: 20px !important;
    background-color: black;
    font-size: 60%;
    padding: 7px;
}

.blog-preview h4 a{
    font-size: 90%;
    color: white;
}

table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}



.friends th, tr, th, .comments-table{
border: 0px dotted gray !important;
outline: none !important;
}

footer {
    background-color: black;
    border: 1px solid white;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{

content: URL("https://iili.io/d1OMomP.gif") !important;

padding-left: 4px !important;

}



table.comments-table{
    color: ;
        border: 1px solid white;
        }

a:hover, .top a:hover, .links a:hover, .friends-grid p:hover, .comments-table p:hover, footer .links a:hover {animation:myRainbowPan 1s infinite;}
:root {
--color1: #DA4AD8;
--color2: #8769FB;
--color3: #05B499;
--color4: #ff5959;
}
.rainbowPan{animation:myRainbowPan 1s infinite}
@keyframes myRainbowPan{0%{background:-webkit-linear-gradient(45deg, #DA4AD8, #8769FB, #05B499, #ff5959);-webkit-background-clip:text;-webkit-text-fill-color:transparent}25%{background:-webkit-linear-gradient(45deg, #8769FB, #05B499, #ff5959, #DA4AD8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}50%{background:-webkit-linear-gradient(45deg, #05B499, #ff5959, #DA4AD8, #8769FB);-webkit-background-clip:text;-webkit-text-fill-color:transparent}75%{background:-webkit-linear-gradient(45deg, #ff5959, #DA4AD8, #8769FB, #05B499);-webkit-background-clip:text;-webkit-text-fill-color:transparent}100%{background:-webkit-linear-gradient(45deg, #DA4AD8, #8769FB, #05B499, #ff5959);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}

    a{
        
    color: #bfbfbf !important;
    font-family: 'Courier Prime', monospace;
        
    }

    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: #bfbfbf !important;

    }

    .links a{
    
    color: #bfbfbf !important;
    
    }

    .friends-grid p{
        
    color: #bfbfbf !important;
        
    }
    .comments-table p{
        
    color: #bfbfbf;
    
    }
    footer .links a{

    color: #bfbfbf !important;

   }

 

:root {
    --lighter-blue: black;
    --even-lighter-blue: transparent;
    --lightest-blue: transparent;
    --dark-orange: #bfbfbf;
    --light-orange: transparent;
    --even-lighter-orange: transparent;
    --green: ;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "︎❤"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "︎❤"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "︎❤"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend*/
content: "︎❤"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "︎❤"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "︎❤"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "︎❤"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "︎❤"
}

/*notification bell*/
li.active .icon { content:url('https://iili.io/J2mGjK7.gif');}

@keyframes flash_border {
  0% {
    border-color: #FF173B;
  }
  12.5% {
    border-color: #FF5B29;
  }
  37.5% {
    border-color: #FFD12A;
  }
  50% {
    border-color: #75FF2A;
  }
  62.5% {
    border-color: #2AFF97;
  }
  75% {
    border-color: #2AB8FF;
  }
  87.5% {
    border-color: #5C2AFF;
  }
  100% {
    border-color: #FF173B;
  }
}

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

BIBI ☆	1723483284 using! <3 Report Comment
ALEX! ! x3	1703961398 using :3 Report Comment
Jaden	1700974199 using Report Comment
.'𖤐VYXIS𖤐'.	1698289055 using x3 Report Comment
★ DXGGY :3 🐾	1697408027 using!! X3 Report Comment
александр>_<	1697040714 using!! i luv it :3 Report Comment