2000s rainbow soda layout

Tags: 2000s, stars, scene, rainbow

Description:

feel free to use, dw about commenting!!

Preview:

click on the image for a larger preview

Code:

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

<style>

h2,h3,h4,h5{
font-family: 'Brush Script', cursive;
font-size: 120%;
color: white;
text-shadow: 0px 0px 7px #0d0009;
}
h1{
font-family: 'Brush Script', cursive;
color: white;
text-shadow: 0px 0px 7px #0d0009;
}
p {
 color: #0d0009; 
 font-family: 'Brush Script', cursive;
}
  body{
  background: url(https://i.pinimg.com/236x/7c/04/99/7c0499f005d116d7569597d2273ec59e.jpg);
}

  .profile{
 background: white;
 box-shadow: 0px 0px 5px 5px #0d0009;
}
:root {
    --logo-blue: transparent;
    --darker-blue: #0d0009;
    --lighter-blue:  #0d0009;
    --even-lighter-blue: white;
    --lightest-blue: white;
    --dark-orange: white;
    --light-orange: #0d0009;
    --even-lighter-orange: white;
    --green: blue;
}
.count {
    color: #0d0009;
}
.profile-info {
    border: 2px solid #0d0009;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}

.online {
    visibility: hidden;
}

.online {
   visibility: hidden;
}
/* 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: url();
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url();
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url();
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend*/
content: url();
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url();
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url();
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url();
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url();
}  
 footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/236x/7c/04/99/7c0499f005d116d7569597d2273ec59e.jpg);
    color: white;
    box-shadow: 0px 0px 5px 5px #0d0009;

}
 main{
 background:;
}
.url-info { h
}
.profile .url-info p {
    font-size: 100%;
    margin: 0;
    word-break: break-all;
    color: black
}
    
img:hover , .url-info:hover , .online:hover {
  animation: shake 1s;
  animation-iteration-count: infinite;
}
.mood:after {
    content: "";
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "★";
    color: white;

}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</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 5 of 5 comments ( View all | Add Comment )

SOD☆!!! the Homestuck fan	1713917922 fav layout fr!!! using btw :P Report Comment
ZACK/PIERCE (zackzzap)	1713217037 using Report Comment
☆\|•anthoq	1712264069 Using! rs Report Comment
iangallagher	1712026872 using also luvv faygo Report Comment
\|7ELOA\|7	1711879623 using Report Comment