uhhh my layout

Tags: rainbow, scenecore, scene, rainbow, photosensitivity warning, tally hall

Description:

rainbow things + tally hall banner (it can be changed just edit the link) it has a photosensitivity warning at the beginning because of all of the flashing colors so you can remove that if you change the background credit isnt needed and u can edit it as u want it also has little tally hall plushies w/out joe but u can add him in if u want along with falling cats just change the img link also a gir spacehey thing but you can just remove that entirely and it'll default back to the normal logo

Preview:

Code:

<!-- (c) Layout created by sal0 (https://layouts.spacehey.com/layout?id=90310) --> <div id="profile"> <h1>🚨 Photosensitivity Warning</h1> <p>This profile includes the following visuals that may trigger photosensitive seizures.</p> <h1> <ul> <li>Flashing Images (Strobe)</li> <li>Moving Repeated Patterns</li> <li>Bright Colors (Eye Strain)</li> <li>Chromatic Aberration (Glitching)</li> <li>Slight Gore/Bones</li> </ul> </h1> <a href="#profile">Gotcha</a> <a href="https://spacehey.com/home">Back Home</a> </div> <style> :root { --warning-background-color: black; --warning-text-color: red; } #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); } font-size: 20px; </style> <style> .friends .heading{ font-size:0; } .friends .heading:before{ content: "friends :> ☆"; font-size:.8rem; font-weight:bold; color:white; font-size: 14px; } .friends#comments .heading{ font-size:0; } .friends#comments .heading:before{ content: "comments ☆"; font-size:.8rem; font-weight:bold; font-size: 14px; color: #d7d7d7; } } .profile .table-section .heading h4;{ font-size:0; } .profile .table-section .heading h4:before{ content: "interests & socials :3 ☆"; font-size:.8rem; font-weight:bold; color:#d7d7d7; font-size: 14px; } .contact .heading{ font-size:0; } .contact .heading:before{ content: "say hi :D ☆"; font-size:.8rem; font-weight:bold; color:#d7d7d7; font-size: 14px;} } .blurbs .heading{ font-size:0; } .blurbs .heading:before{ content: "about me ^-^ ☆"; font-size:.8rem; font-weight:bold; color:#d7d7d7; font-size: 14px;} </style> <style> *, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { font-family: Tahoma !important; font-size: 12px !important; color: #d7d7d7 !important; text-shadow: none !important; letter-spacing: 1px; opacity: 1; } body { background-image: url(https://i.pinimg.com/originals/49/5d/cb/495dcba9a75a82e8d4376e4809d07d4e.gif); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: black; } .top, .links, .heading, footer, button { background-color: black !important; } h1 { font-family: Verdana !important; font-size: 17px !important; background-color: black; } h4 { color: #d7d7d7 !important; } .contact, .url-info, .table-section, .profile-info { border-color: white !important; } td { background-color: black !important;</style> <style> .blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{ border-radius: var(--curve); border: var(--borders)!important; background-color: #1b1b1b!important; background-image: url(https://sadhost.neocities.org/images/tiles/bck-grid.gif)!important; background-image: url(https://static.vecteezy.com/system/resources/thumbnails/001/189/165/small/star.png); </style> <style> .friends, .profile, .table, .blog-preview, .profile{ height: 250px!important; overflow-y: scroll; </style> <style> .blurbs{ height: 400px!important; overflow-y: scroll; </style> <style> .table-section{ height: 450px!important; overflow-y: scroll; </style> <style> .blog-preview{ height: 100px!important; overflow-y: scroll; </style> <style> /* Rounded profile pictures */ .profile .profile-pic img, .profile .friends .person img, .profile .comments-table td:first-child img { border-radius: 15px; } </style> <style> .profile { background-image:url(https://img1.picmix.com/output/stamp/normal/6/5/0/1/1741056_a8726.gif); background-repeat: no-repeat; background-size: cover; </style> <style>.profile-info { background-color:#1b1b1b !important; </style> <style>nav{ background-color: black; border: var(--borders); border-radius: var(--curve); text-align: center; }</style> <style> } /* 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: "☆" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorite */ content: "☆" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* send a message */ content: "☆" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* foward to friend*/ content: "☆" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: "☆" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: "☆" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add 2 group */ content: "☆" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report */ content: "☆" } </style> <div class="snowflakes"> <div class="snowflake"><img src="https://media.discordapp.net/attachments/1104871745766313996/1178534152040087622/Untitled686_20231126220441.png?ex=65767e75&is=65640975&hm=7420f65ce035ec22ccde22ca997daa5ac31ade406955114c5f7a521a347a014d&=&format=webp"/></div> <div class="snowflake"><img src="https://media.discordapp.net/attachments/1104871745766313996/1178534151616471101/Untitled686_20231126220608.png?ex=65767e75&is=65640975&hm=1ebf680cf363c01ced7c279851d9a6c9309f1579fa74351a0ca35191c345aa7a&=&format=webp"/></div> <div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div> <div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div> <div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div> <div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div> <div class="snowflake"><img src="https://media.discordapp.net/attachments/1104871745766313996/1178534151373193247/Untitled686_20231126220652.png?ex=65767e75&is=65640975&hm=8586ca89d9eccb7970d8eaa71466d717b56c1b75320df08a94c1a2221a1e1b3f&=&format=webp"/></div> <div class="snowflake"><img src="https://media.discordapp.net/attachments/1104871745766313996/1178532433298194512/Untitled686_20231126220004.png?ex=65767cdc&is=656407dc&hm=3f4b759ef02e7149f1a30b0d706fbd585662b95d15d16d19316e605be92a8be4&=&format=webp"/></div> </div> <style> @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}</style> <style> .logo { content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/31de61af-2d87-4ab3-bedc-3ac336b8988c/dg8x9mu-6535ee01-ebd3-4e02-8056-dbb526c096e4.png/v1/fill/w_1280,h_327/gir_spacehey_logo_by_isafurryprodraws_dg8x9mu-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MzI3IiwicGF0aCI6IlwvZlwvMzFkZTYxYWYtMmQ4Ny00YWIzLWJlZGMtM2FjMzM2Yjg5ODhjXC9kZzh4OW11LTY1MzVlZTAxLWViZDMtNGUwMi04MDU2LWRiYjUyNmMwOTZlNC5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.P057tXlFgLbNOnu3NDuSgJjEZUbbK66wvejwrRIeaqg"); } </style> <style> main:before { width: 100%; height: 200px; display: block; content: ""; background-image: url('https://m.media-amazon.com/images/M/MV5BMDcxMjk4ZjUtYzgyOS00OTkwLWFjM2EtZTczNjU5YWVjMTEzXkEyXkFqcGdeQXVyMTI2MTc2MjE5._V1_.jpg'); background-position: bottom center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 100px; } } </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.