Scenecore Rainbow Gir Layout

Tags: scenecore, gir, invader zim, rainbow, stars

Description:

Saw a lot of scenecore layouts so I decided to try making one of my own. All the images used I found on the web, not sure who they belong to. Edit it however you like, but please keep the credits somewhere on your page.

Preview:

click on the image for a larger preview

Code:

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

Credits: Layout made by <a href="https://layouts.spacehey.com/skully">Sam</a>. Warning Page made by <a href="https://layouts.spacehey.com/layout?id=27619">Lyonid</a>. <a href="https://layouts.spacehey.com/layout?id=26286">Gir SpaceHey Logo</a>. <a href="https://layouts.spacehey.com/layout?id=26464">Gir Mouse Cursor</a>.

<style>
      p {
	font-size: 14px;
	color: white;
}

body {
      background: url(https://cdn.discordapp.com/attachments/1109958732554702950/1117943498751086682/1741056-a8726_6.gif), url(https://cdn.discordapp.com/attachments/1109958732554702950/1117648585555709962/1741056-a8726_5.png), url(https://cdn.discordapp.com/attachments/1109958732554702950/1117945603549298779/1741056-a8726_3_4.gif), url(https://cdn.discordapp.com/attachments/1109950822642618479/1117639485799272448/1741056-a8726.gif);
}

main {
      background: url(https://cdn.discordapp.com/attachments/1109950822642618479/1117668004734439455/ad64c7534d36b3481dc21d7e6f93ad16.gif);
}

      main:before {
 	width: 100%;
	height: 250px;
	display: block;
	content: "";
	background-image: url(https://cdn.discordapp.com/attachments/1109958732554702950/1117681521575333999/giphy_26.gif);
	background-position: center center;
	background-size: cover;
	margin-top:-6px;
}

.logo {
       content: url(https://cdn.discordapp.com/attachments/789482674356092988/1073302143336980560/IMG_5156.png);
}

      .search-wrapper input {
	background: linear-gradient(45deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
	border: 1px solid #FFF;
	font-size: 1rem;
	font-family: 'VT323', monospace;
	color: black;
}

      .search-wrapper {
	margin-top:13.5px;
}

      label[for] {
	display: none;
}

      button {
	margin-top: 13.5px;
	color: black;
	background: linear-gradient(45deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
	border: 1px solid white;
	font-family: inherit;
	font-size: 16px;
}

      button:hover {
	opacity:100%;
}

      nav .links {
	text-align: center;
	font-size: 12px;
}

.links a {
          background: -webkit-linear-gradient(5deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-weight: bold;
}

:root {
       --logo-blue: url(https://cdn.discordapp.com/attachments/1109950822642618479/1117650313189531718/dcd0f4966a0cc88b4243525e6ea21c27df381657.gif);
       --darker-blue: limegreen;
       --lighter-blue: black;
       --even-lighter-blue: black;
       --lightest-blue: black;
       --dark-orange: black;
       --light-orange: linear-gradient(45deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
       --even-lighter-orange: black;
}

footer {
        background: url(https://cdn.discordapp.com/attachments/1109950822642618479/1117649782886907904/c46dcc5efb587d96aa66d1ec3fa563f0.gif);
        color: white;
}

* {
cursor: url(https://cur.cursors-4u.net/toons/too-4/too354.png), auto !important;
}

.logout-btn {
    font-weight: bolder;
}

nav .top .right {
font-size: 15px;
background: -webkit-linear-gradient(5deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

nav .links .icon {
        content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117989971446464612/7823a2fc.gif);
        display: inline-block;
        height: 1.5em;
        width: 1.5em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

.profile-info {
color: white;
}

.details-table td {
    color: white;
}

      table.comments-table {
	display: block;
	height: 400px!important;
	overflow-y: scroll;
	border: 2px solid black;
}

.profile .friends {
margin-bottom: 10px;
}

.general-about .profile-pic {
padding-top: 8px;
    padding-left: 8px;
}
.profile .mood {
margin-bottom: 10px;
margin-top: 10px;
}

.general-about .details {
    display: block;
    padding: 5px;
}

.friends-grid {
    text-align: center;
}

.profile .blurbs .section h4 {
color: white;
}

.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }

.profile h1, .general-about .details, .profile .mood, .profile .contact, .profile .url-info, .profile .table-section, .home-actions, .profile-info, .profile .blog-preview, .profile .blurbs, .profile .friends {
    border: solid;
    border-color: black;
    border-width: 8px;
    -webkit-animation-name: flash_border;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.count {
    color: blueviolet;
    text-shadow: 0px 0px 6px;
    animation: blinkingText 0.3s infinite;
}
@keyframes blinkingText {

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


@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;
}
}

      .container {
	width: 900px;
}

.online {
	    content: url(https://cdn.discordapp.com/attachments/1109950740966940812/1117877256778432572/ezgif.com-resize_3.webp)
}

.edit-link, .profile .general-about, .profile .mood, .profile .contact, .profile .url-info, .profile .table-section, .profile-info, .profile .blog-preview, .profile .blurbs, .profile .friends {
              background: black;
}

.profile h1, .profile .contact .heading, .profile .table-section .heading, .profile .blog-preview h4 {
	background: linear-gradient(45deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
}

.profile h4 {
color: black;
}

.profile h4 {
font-size: 18px;
}

.profile h1 {
font-size: 50px;
text-align: center;
}

.profile .blog-preview h4 {
padding-left: 5px;
margin-top: 0px;
}

      .body {
	overflow-y: scroll;
}

      ::-webkit-scrollbar {
	width: 15px;
	height: 10px;
}

      ::-webkit-scrollbar-track {
	border-radius: var(--curve);
	border: 1px solid black;
}

      ::-webkit-scrollbar-thumb {
	background: lime; 
	border-radius: var(--curve);
}

      ::-webkit-scrollbar-thumb:hover {
	background: black;
}
</style>






<div id="profile">
<img src="https://cdn.discordapp.com/attachments/1110303551625904179/1117663220375748608/tumblr_cd76f7e322a44d6ce68b0a7a4f228d70_2c809c3b_640.gif"/>
<p style="font-size: 30px;">Warning! This profile includes the following:</p>
<ul>
<li>Loud Music</li>
<li>Flashing Images (Strobe)</li>
<li>Moving Repeated Patterns</li>
<li>Bright Colors (Eye Strain)</li>
<li>Strong Language</li>
</ul>
<a href="#profile">Click To Continue</a>
<a href="https://spacehey.com/home">Click To Go Back Home</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>

<iframe width="0" height="0" src="https://www.youtube.com/embed/-qexT_9G26Y?loop=1&autoplay=1&controls=0&start=0&playlist=-qexT_9G26Y&" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
</iframe>

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

Juliet	1701163572 using and i love ittttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt<3 Report Comment
sl33pyh34ad!>_<	1696004091 using!!tysm:D Report Comment
Lulu	1691781832 I love this, but I don’t know how to put it on my profile :< Report Comment Just copy and paste the code into the "About Me" section of your profile by Sam; 1691886914; Report Here's a link to a tutorial I found if you're still having trouble. https://youtu.be/blrunzxR85E by Sam; 1692304188; Report
_whoisfern	1690470513 USING !! Report Comment
Limpy⛧	1689808913 Using :3 Report Comment
p0k3m0n_l0v3r	1689018667 using!! >< Report Comment
XxSharkxBoz0xX	1687565896 using!! Report Comment
Mediocre Mint	1686782907 Oml using this <3 Report Comment
Chezburgr_x3 🍔🌈	1686624854 using! Report Comment