ugly ass in rainbows layout!

Tags: radiohead, in rainbows, simple

Description:

idk if ill finish this... comment if u use it tho!!!!👼👼🕊

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by stupididiot3000 (lucas😊) (https://layouts.spacehey.com/layout?id=103459) -->

<style>
body {
background-image: url('https://files.catbox.moe/65aqcu.png');
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important;
}

main {
background: rgba(10,10,10,0.7);
color: white;
border: solid 3px white;
border-top: none;
text-align: left;
}


nav .top{
background: #cf5f2b;
color: white;
border: solid 3px white;
border-bottom: none;
}

nav .links{

background: #cf5f2b;
color: white;
border: solid 3px white;
font-size: smaller;
text-align: left;
}

footer{
background: #cf5f2b;
color: white;
border: solid 3px white;
font-size: smaller;
text-align: centre;
}

nav .links a{
text-shadow: none;

}
a{
color: white;
}

button{
color: white !important;
background: none;
border: none;
}
.count{
color: white;
}

:root {

--logo-blue: white;

--darker-blue: white;

--lighter-blue: none;

--even-lighter-blue: none;

--lightest-blue: none;

--dark-orange: white;

--light-orange: none;

--even-lighter-orange: none;

--green: white;

}
</style>


<style>
.heading {
background: #cf5f2b!important; 
no-repeat fixed !important; 
border-radius: 0px;
background-size: 300px !important;
background-position: bottom;
}
<style>

<style>
.profile-pic img{
border: 1px solid white !important;
}
</style>

<style>
.general-about{
position: relative;
margin-top: 30px;
}
</style>


<style>
.online{content:url("https://files.catbox.moe/13week.png");
width: 50px;
position:right;
}
</style>

<style>
li.active .icon { content:url('https://files.catbox.moe/8djxwl.gif'); width: 20PX;height: 20px;}
</style>

<style>
img.logo{
content: url("https://files.catbox.moe/16aapq.png");
</style>

<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("URL")!important;
        background: ;
        border-top: 0px;
        
    }
    .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("https://files.catbox.moe/8djxwl.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://files.catbox.moe/8djxwl.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://files.catbox.moe/8djxwl.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://files.catbox.moe/8djxwl.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://files.catbox.moe/8djxwl.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://files.catbox.moe/8djxwl.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://files.catbox.moe/8djxwl.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://files.catbox.moe/8djxwl.gif")
    } 
</style>

<style>
.blog-preview .pinned .icon{
content: url('https://files.catbox.moe/8djxwl.gif');

}

</style>

<style>

a:hover {

   /* Chrome, Safari, Opera */

  -webkit-animation: rainbow 0.7s infinite; 


  /* Internet Explorer */

  -ms-animation: rainbow 0.7s infinite;


  /* Standar Syntax */

  animation: rainbow 0.7s infinite; 

}

/* Chrome, Safari, Opera */

@-webkit-keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

/* Internet Explorer */

@-ms-keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

/* Standar Syntax */

@keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

</style>

<style>
@keyframes hoverrainbow {
  from {
    filter: saturate(300%) hue-rotate(0deg);
  }
  to {
    filter: saturate(300%) hue-rotate(360deg);
  }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes hoverEffects {
  from {
    filter: saturate(150%) hue-rotate(0deg);
    transform: translate(1px, 1px) rotate(0deg);
  }
  to {
    filter: saturate(150%) hue-rotate(360deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

main img:hover {
  animation: 1s hoverrainbow, 0.5s shake, 1s hoverEffects;
  animation-iteration-count: infinite;
}
</style>

<style>
:root {  
    --topic1: "inter/ests";
    --topic2: "musi/c";
    --topic3: "movies/";
    --topic4: "sho_ws";
    --topic5: "game_s";
    --topic6: "_heroes";
}
.table-section:not(:last-child) .details-table td:first-child p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    content-visibility: hidden;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child::after{
  content: var(--topic6);
}
<style></style>

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

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
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>
<style>

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(0 50 10 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
<style></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 18 of 18 comments ( View all | Add Comment )

charlie	1741876722 using! Report Comment
CHARLEY!	1741275258 Using this Report Comment
lylylychou	1739357405 using Report Comment
n3lczis	1737904349 using!!! Report Comment
gabe	1737319443 using!!! Report Comment
i eat light bulbs 4 fun	1737109465 using XD Report Comment
angel	1735875454 this slaps, i might not use it but i really like it Report Comment
dunefella	1728441525 This is sick af im using it Report Comment
star ۫ ꣑ৎ	1728216677 using! Report Comment
Riri 💌🪽 <3	1727715225 using Report Comment
TheEmeraldCrown	1726299626 Oops! I forgot to comment. Using! Report Comment
TheEmeraldCrown	1726299626 Oops! I forgot to comment. Using! Report Comment
Zein	1722175309 usinggg!! Report Comment
Sprout	1718438097 using! ^^ Report Comment
Calliope	1715193424 using !!! Report Comment
RINGO STARR	1714825626 ussinnggg Report Comment
Teddy	1714779511 using! awsome sauce :3 Report Comment
𝐌𝐚𝐭𝐞𝐚𝐱☆(Vic's Husband)	1714742621 bro the layout looks SICK Report Comment