Rainbowcore layout (POSSIBLE EYESTRAIN WARNING!)

Tags: rainbowcore, layout, rainbow, black, white
Description:

Comes with: Custom contact icons, Custom icons on header, Custom logo, Custom font, Rainbow pfp border, Warning screen, Friends pfp will change color when you hover over them Credit to chamberfield for the pfp border https://spacehey.com/chamberfield
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Katie (autoplay!) 🍉 (https://layouts.spacehey.com/layout?id=90347) -->

<div id="profile">
<h1>Warning!</h1>
<p>This profile includes the following:</p>
<ul>
<li>Eyestrain</li>
</ul>
<p>Do you wish to continue?</p>
<a href="#profile">Yes</a>
<a href="https://spacehey.com/home">No</a>
</div>

<style> 

:root {
  --warning-background-color: black;
  --warning-text-color: white;
}

#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 200%;
 background-color: var(--warning-background-color);
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}
#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;

}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > a {
 text-align: center;
 font-weight: bold;
}

#profile > ul {
 padding: 10px 50px;
 border: 2px dashed var(--warning-text-color);
}
</style>


<style>
.general-about .profile-pic img {
border-width:6px;
border-style:solid;
border-image: url("https://64.media.tumblr.com/a6781e64d1e705a2896ced82510779f7/a641916f7328513f-93/s1280x1920/1c99e410a15c7d64f1426c2bced5c9d70d55ddfc.gifv") 28 fill;
}
</style>

<style>
  
@font-face {
    font-family: "Angels";
    src: url("https://db.onlinewebfonts.com/t/54fe9ea946b122503980924467e432da.eot");
    src: url("https://db.onlinewebfonts.com/t/54fe9ea946b122503980924467e432da.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/54fe9ea946b122503980924467e432da.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/54fe9ea946b122503980924467e432da.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/54fe9ea946b122503980924467e432da.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/54fe9ea946b122503980924467e432da.svg#Angels")format("svg");
}
  
h1, h2, h3, h4, h5, p, body, .mood p,.top, .top a, a, .friends, .table-section td, .links, .logout-btn{

font-family: 'Angels';
</style>

<style>
.logo {
content:url("https://files.catbox.moe/9dn12u.png");
}  


body{
  background: url(https://i.pinimg.com/originals/a8/30/e2/a830e295bb2d91bd7e24f7a3e4d33ebb.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
  
.heading h4{
color: black;
}

main{
  background: black;
  color: white;
}

.friends{
  color: white;
  background: transparent;
}

table.comments-table{
  color: white;
  background: transparent;
  display: block;
  border: transparent;
}
  
.comments-table td:first-child {
background: transparent;
}

.profile .blurbs{
  background: transparent;
  display: block;
}

.profile .mood{
}
  
.online {content:
url('https://i5.glitter-graphics.org/pub/745/745455rvacxjsot2.gif'); 
background-repeat: no-repeat; 
background-position: -15% 75%; z-index: 2; 
}

a, .profile .friends p {
  background: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
  background-clip: text;
  -webkit-background-clip: text;
  margin: auto;
}

a:hover {
  color: transparent;
  transition: 500ms ease;
}

nav .top{
  background: black;
}

nav .links{
  background: black;

}

.nav .top , nav .links{

text-align: center;

}
  
nav .links a {
  background: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
  background-clip: text;
  -webkit-background-clip: text;
  margin: auto;
}

nav .links a:hover {
  color: transparent;
  transition: 500ms ease;
}
  
nav .links li:not(:last-child)::after {

content: url("https://gifcity.carrd.co/assets/images/gallery13/ad446370.png?v=705d7edd");

}
  
nav .links a, nav .links li .special a{
text-shadow: none;
}
  
li .icon {
display: none;
}
  
.profile .friends .person p{
 color: white;
}
  
 .count {
  background: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
  background-clip: text;
  -webkit-background-clip: text;
  margin: auto;
}

.count { 
  color: transparent;
}


.heading a.more {
color: black;
}
  
.profile-info {
    border: transparent;
}
  
.profile-info {
  border: transparent;
}
  
.search-wrapper input[type=text] {
    background-color: white !important;
    border: 1px solid grey !important;
    font-family: var(--font-family) !important;
    color: black !important;
    border-radius: 0px !important;
}
  
button {
    border-radius: 0px !important;
    border: 0px solid #fff !important;
    font-family: var(--font-family) !important;
    background: transparent !important;
    color: white !important;
}

footer{
  background: black;
  color: white;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
--even-lighter-orange: transparent;
--green: #f4a5ca;
}
  
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
}

::-webkit-scrollbar-thumb:hover {
  background: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
; 
}
  
/* 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("https://64.media.tumblr.com/e1cb861f8354fc87676ea65d28ab68c9/1fad15cd5a7daa17-88/s75x75_c1/3c54bfaff4cd3af1c99c30300c223d5fe9d86c6e.gifv");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://64.media.tumblr.com/0d04e2663f7dcfecd244e7e9f9d15706/1fad15cd5a7daa17-c2/s75x75_c1/ef5167cd12660d9f939362f11cc6a3df3168cc8b.gifv");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://64.media.tumblr.com/84766838bd03a6544ef494d85efb613c/1fad15cd5a7daa17-fe/s75x75_c1/4527a274ad63acfc58dd514a6ab086e41af080dc.gifv");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://64.media.tumblr.com/527087120be43bbe6a05e235226dbaf8/1fad15cd5a7daa17-2b/s75x75_c1/0a8af1bac37ce634404a789861e98dbffe769c99.gifv");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://64.media.tumblr.com/8af6ced201dcc83d8fa896547e9750c1/1fad15cd5a7daa17-05/s75x75_c1/7738d49f17cc906a4ea6d9886d7838f146de2a2c.gifv");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://64.media.tumblr.com/e3b7ff253cb1c2e68b36a0282cc6b55c/1fad15cd5a7daa17-c2/s75x75_c1/07a6b3129a860c264d7753fd5b8cde3f5b8c47ad.gifv");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://64.media.tumblr.com/c8590b4304c1a527b36b7038cb9ea9d5/1fad15cd5a7daa17-d5/s75x75_c1/d14afe7579c78f64fe1fb8e64c2a75a211c0f793.gifv");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://64.media.tumblr.com/c00c79b1a69a2c45333776f1b80a3336/1fad15cd5a7daa17-3f/s75x75_c1/7314e2f94ad46302665fb095920de0a6578a0fc1.gifv");
}
</style>

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

.profile .friends .person img:not(.icon):hover, .comments-table td:first-child img:hover {
  animation: 5s rainbow;
  animation-iteration-count: infinite;
}
</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

Comments disabled.