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 lucasrory 🐾 (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 20 of 31 comments ( View all | Add Comment )

ege	1785173819 Using! Super cool. Report Comment
kel	1780469244 using! Report Comment
gwen	1773036688 using Report Comment
Antoinette ⍢	1772403760 using Report Comment
Liv	1769440982 using Report Comment
---	1765081349 USINGG Report Comment
sophi_soup	1764185197 using:) Report Comment
cori!	1758577644 USINGGG Report Comment
Kaworu	1755498365 Usingg Report Comment
cornbread	1754527614 using Report Comment
robyn	1749425475 using!! ^__^ Report Comment
Tyler 💥 (Nya Destroyer 2000)	1749072334 usingg :33 Report Comment
robin	1747502787 using!!! Report Comment
mahl s2	1745980425 using Report 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