Regretevator Layout (First Layout!)

Tags: layout, gif, pfp, animation, roblox, regretevator

Description:

None of this is mine, Please comment if using! comes with regretevator OST, many regretevator related gifs, and a yellow pfp boarder. sadly gif pfps do not work with this layout because of the border so feel free to get rid of it.

Preview:

click on the image for a larger preview

Code:

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

<style>
body{
background:url(https://static.tvtropes.org/pmwiki/pub/images/image_2023_09_02_215346115.png) no-repeat center
fixed;
-webkit-background-size: cover
}
 .logo {
content: url(https://static.wikia.nocookie.net/98bc40b1-65cc-4879-989c-e3ec17af5adb);
}
main {
font-family:uset;
color: #ebb729;
background-color: black;
border-color: #ebb729;
border-style: dashed;}
nav .top {
background: transparent;
}
nav .links {
  background: rgba(0, 0, 0, 0.9);

}
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://static.wikia.nocookie.net/regretevator/images/f/f8/Poob_has_had_enough.gif/revision/latest/scale-to-width-down/250?cb=20240124013025);
    background-position: center center;
    background-size: cover;
}
#q, button {
color: #ebb729;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: #ebb729!important;
}
a, .profile .friends .person p, .logout-btn {
color: #ebb729 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
main {
background: black;
color: #ebb729;
}
.heading, .url-info {
color: #ebb729 !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: #ebb729 !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
background-image: url(https://wallpapercave.com/wp/wp13697386.jpg);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 2px solid #ebb729;
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact.f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.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: "✭"
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 2px solid grey;
border-collapse: collapse;
}
td {
color: #ebb729!important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer p {
color #ebb729 !important;
}
.comments-table {
color: #0307ff;
border: none;
border-radius: 8px;
}
footer {
    background-image: url(https://static.wikia.nocookie.net/regretevator/images/3/31/Subway.jpeg/revision/latest?cb=20230701112254);
    background-position: center;
background-size: cover;
    border-radius: 8px;
    border: 2px #ebb729;
}
.general-about {
   border-radius: 8px;
   background: url(https://static.wikia.nocookie.net/regretevator/images/c/c0/Gregoriahpanicking.gif/revision/latest?cb=20240330103317);
   background-position: center;
   background-size: cover;
padding: 5px;
}
 body:before {
    content: " "; 
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-image: url(https://i.makeagif.com/media/1-08-2024/RMFXWS.gif);
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>

<style>* {cursor: url(https://www.techsupportforum.com/attachments/71fa98e2ef272ce8a946bc81a3e96d2857021fd1-png.331407/), auto !important;}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Cdkpc_rdM3o?si=fxwOIX-OL5O8fbsw&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://img1.picmix.com/output/stamp/normal/2/1/4/4/2604412_b0ee3.png" height="270"/></div>
<style></style> 

<style>
        .general-about .profile-pic .pfp-fallback {
            border: 2px solid #ebb729;
            box-shadow: 0px 0px 0px 4px #ffea42, 0px 0px 0px 6px #ebb729;
            font-weight: 400;
            font-family: 'pixelmplus10', sans-serif;
            image-rendering: optimizeQuality;
            color: #ebb729;
            background-color:#ebb729;
            text-align: center;
            display: block;
            justify-content: center;
            margin-left: 3px;
</style>
<div style="float:  ; max-height: 240px; position: fixed; right: 1px; top: 4px; z-index: 400;">
<img src="https://64.media.tumblr.com/2c70cb1ca5b032201266e22819edd8c6/fa575ad10509005b-89/s400x600/f2c48cae71cfa71affa5e75f51bef4ee99e4b02c.webp" width="200" height="200"/></div>

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

⠀ ⠀࿁ ㅤꛁ⑅ꛁ ㅤ⠀ kass	1786057254 using Report Comment
Poione	1782077504 using!! :3 Report Comment
･῾ ᵎ⌇ ⁺◦ 💮 ✧.	1781463273 USANDOOOOO :3333 Report Comment
࣪ ˙ 🧪 . ꒷ max . 𖦹˙—	1775665271 Usinngg!! TYSM Report Comment
umarmed	1775352185 Using! Report Comment
B E E ᰔ	1774724046 USING TY Report Comment
XERN0US	1772339052 usingg Report Comment
Silly Fella	1771693085 Using Report Comment
ByeSpaceHey:c	1771452569 Whats the code for the "Regrevator" on edit profile PLS???? Report Comment
NEPETA LEJION	1770862723 Using ^=^ Report Comment
FANTA! ⋆˚	1770853385 Using tge gregoriah gif!!! :DD Report Comment
tomura is the goat -_-	1769384324 using XDD Report Comment
꒰ s̲αɱ (´ཀ`)	1768868062 usando!!! Report Comment
Lilyy(..)	1766889926 Usando Report Comment
Averzz! XD	1766265291 using the gregoriah gif! Report Comment
Sep is an utau	1765386266 USING DIS :D Report Comment
lee ham	1764787635 Using!! Report Comment
⦻Question-Z⦻	1764697466 oh ma gawd this is so cool Report Comment
MALW4R3_4M7	1764095676 I'm using it! but I have music already how do I get rid of the ost? unless I have to remove the music I set up already Report Comment
MALW4R3_4M7	1764095675 I'm using it! but I have music already how do I get rid of the ost? unless I have to remove the music I set up already Report Comment