(Old Design) Gnarpy Layout - Regretevator

Tags: gnarpy, alien, cat, regretevator, roblox, layout, stars, glitter

Description:

This layout contains - Green stars - Gif of gnarpy - Lil Gnarpy as online - And more!! This Layout DOESN'T CONTAIN the rest of the things that are around: - Modbear dancing - Nepeta - Gregogriah - The Sodikken logo - the icon cd - autoplay - And the stamps Comment if you are using it or if it has any errors :33!!!! I DON'T do requests. Btw i DON'T support AFRMation. I only like the old design

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by R>A>M>O>N>A !! (https://layouts.spacehey.com/layout?id=101815) -->

<style>

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(59 77 55 / 54%) 50%, rgb(10 10 9 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

body{background:url("https://64.media.tumblr.com/854c74fd0abda2258319614768633cd8/9ada094737f9f273-8b/s1280x1920/3970401ca4dbc64bddd69a8e0c4dfe4d13953dc6.pnj") no-repeat fixed; background-size:cover;
}


small {
font-size:100%;
}


main {
background-image: url("https://64.media.tumblr.com/29f319e9265ce46c828ae909db5ecc31/9ada094737f9f273-8f/s1280x1920/ee81d85d98ec9a5f205a1f190faffaffcb402bb1.gifv");
border: 3px solid white;
}

main:before {
      background-image: url('https://64.media.tumblr.com/cf9c7b9df3d05a0a549cde11de32f0f9/1a99913525f29fa8-dd/s1280x1920/09aeaa199fd5cc982e57233e0bf97291c5f5961a.pnj');
      background-position: center center;
      background-size: cover;
display: block;
content: "";
    width: 98%;
    height: 150px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
  }

b {
font-size: 14px;
}


time.ago {
color: white;
}


h1{
font-size: 30px !important;
color: white;
}

.url-info{display:none !important;}

.profile .friends .inner b, .profile .friends .inner a{
color: white;
text-shadow: 3px #369125;
}


.profile h1{
color: white !important;
font-size: 14px;
}


.profile .blurbs .section p, .profile .friends p, .blog-entry .comments p, .bulletin .comments p {
font-size: 14px;
}


.friends p, .friends a {
color: white;
}


p{
font-size: 16px;
}


.details-table td a {
color: white;
}


.details-table td p {
color: white;
font-size: 14px;
}

.profile .table-section .heading{
background: transparent;
}


.profile .table-section .heading h4{
color: transparent;
background: transparent;
}
.profile .table-section .heading:before{ content: url(https://64.media.tumblr.com/5bf3799efc8206425c846c3b516e220c/6435a2cb77289f34-f2/s400x600/961818b0eebe399e03d10281e2a4169eba952c3a.gifv);
}


.contact .heading h4{
font-size:14px;
}


.profile .contact {
  font-family: Arial, sans-serif;
background: transparent;
border: 0px solid transparent;
}


.profile .contact a{
font-size: 12px;
}


.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
display: block
}


.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border: 5px solid white;
}


.profile .friends .inner{
    text-align: center;
background-image: url("https://64.media.tumblr.com/abedafbb48c0eb706933f476f4dcdd24/9ada094737f9f273-f0/s640x960/5eda0ca65ee18b35422de64c3694f8db34c7325d.gifv");
border: 3px solid white;
box-shadow: 0px 0px 10px 0px #369125;
background-position: center;
}


.contact .heading h4{
display:none !important;}


.contact .heading{ font-size:14px;}

.contact .heading:before{ content: url(https://64.media.tumblr.com/94a8dcc4abeed845b586acf77e1f8e7e/9ada094737f9f273-5b/s400x600/645838be0b520a77d623055822f4be941a0f91b2.gifv);
overflow:hidden;
}


.blog-preview{
text-align: center;
background-image: url(https://64.media.tumblr.com/abedafbb48c0eb706933f476f4dcdd24/9ada094737f9f273-f0/s640x960/5eda0ca65ee18b35422de64c3694f8db34c7325d.gifv);
color: white;
border: 2px solid white;
box-shadow: 0px 0px 10px 0px #369125;
}


.contact .heading h4{
font-size:14px;
}


.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px #369125;
border: 3px solid white;
}


.profile .blurbs .section h4 {
text-align: center;
font-size: 14px;
color: white;
border: 3px white;
}


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


.profile-info{
background: transparent;
border: 3px solid white;
box-shadow: 0px 0px 15px 0px #369125;
}


.profile-info a{
font-size: 14px;
color:white;
}


.profile-info h3{
color:white;
}


.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:transparent;
}


.profile .blurbs .inner{
background: transparent;
box-shadow: 0px 0px 10px 0px #369125;
border: 3px solid white;
}

.profile .contact .heading, .home-actions .heading {
background-color: transparent;
color: white;
}

.online {
    margin:auto;
    content: url(https://64.media.tumblr.com/77c1976b12b7c99cf1317c1262ab67e2/e2c4d3c4e0f36e85-9f/s250x400/ac47529e3ee462c499a01f40d35d7e7a9bf87d36.pnj);
}

.icon {
        content: url(https://64.media.tumblr.com/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.gifv);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
}


h4 {
font-size: 14px !important;
color: white;
  font-family: Arial, sans-serif;
}


p {
  font-family: Arial, sans-serif;
color: white;
   }


   a {
font-size: 14px;
     color: white;
   }


a:hover {
     color: #369125;
}

    .count {
        color: #369125;
    }


.profile .friends .person p {
color: white; 
}

.profile .friends .person p:hover {
color: #369125; 
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add friend */
content: url(https://64.media.tumblr.com/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.gifv);
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add 2 fav */
content: url(https://64.media.tumblr.com/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.gifv)
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* chat */
content: url(https://64.media.tumblr.com/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.gifv)
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward */
content: url(https://64.media.tumblr.com/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.gifv)
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant msg */
content: url(https://64.media.tumblr.com/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.gifv)
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block */
content: url(https://64.media.tumblr.com/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.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/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.gifv)
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://64.media.tumblr.com/225e1f640a665a977f90f0c41619696a/b4a4905dbbf354a9-c6/s75x75_c1/d69c958530b246e2974b61e2da03d6c89bd72abf.gifv)
}


.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
display: block
}


.profile .table-section .details-table td {
background:url("https://64.media.tumblr.com/abedafbb48c0eb706933f476f4dcdd24/9ada094737f9f273-f0/s640x960/5eda0ca65ee18b35422de64c3694f8db34c7325d.gifv");
background-image: center;
border: 3px solid white;
box-shadow: 0px 0px 10px 0px #369125;
}


.profile .friends .comments-table td {
background: transparent;
border: 2px solid #369125;
position: center;
}

.profile .friends .comments-table td:first-child {
background: url(https://64.media.tumblr.com/abedafbb48c0eb706933f476f4dcdd24/9ada094737f9f273-f0/s640x960/5eda0ca65ee18b35422de64c3694f8db34c7325d.gifv);
}

.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
}


.comments-table td:first-child img{
border: 1px solid #369125;

box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
}


.comment-replies{
border: 1px solid #369125;
color: white;
}


.general-about .details p:not(.online){
color: white !important;
font-size: 14px;
  font-family: Arial, sans-serif;
}


.general-about .details a{
  font-family: Arial, sans-serif;
color: white !important;
font-size: 14px;
}


.links{
width=810px;
}


nav .links {
background: transparent;
}


nav .links a:hover {
color: #369125;
}


nav .top label{
background: transparent;
}


nav .top label{
color: white;
}


  .search-wrapper input[type=text] {
    background: white;
  font-family: Arial, sans-serif;
    border: 3px solid white;   
  }

.profile .url-info {
border: 0px solid transparent;
color: transparent;
font-size: 0.1px;
box-shadow: 0px 0px 10px 0px #369125;
}

.profile .table-section {
border: none;
}


.profile .url-info {
border: 0px solid transparent;
color: transparent;
font-size: 0.1px;
box-shadow: 0px 0px 10px 0px #369125;
}

.profile .table-section {
border: none;
}


table.comments-table {
border: 0.5px solid #369125;
background: black;
}


footer p{
color: white;
font-size: 100%;
}


footer a{
color: white;
}


footer {
color: white;
box-shadow: 0px 0px 15px 6px #369125;
text-decoration: underline;
text-decoration-style: dotted;
background-color: #369125;
border: 3px solid white;
}   

<style>

    .table.comments-table:{
    border-color:#369125;}

</style>


<style>
table.comments-table{
background-color:black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-width: 5px;
}

</style>

<style>
img:hover , .url-info:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@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); }
}
</style>

<style>

h1{
animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

</style>

<style>

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

    ::-webkit-scrollbar-thumb {
    background: #369125;}
    ::-webkit-scrollbar-track {
    background:white;}

</style>

<style>
img:hover , .url-info:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@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); }
}
</style>

<style>

:root{
/* [background color]: header on top */
--logo-blue:url(https://64.media.tumblr.com/a1c9ac2554651533193dcb3be5225771/9ada094737f9f273-6f/s2048x3072/24be5ac740d1d7bc3a6e16c47fb11cdb9245af26.pnj);
}


nav .links {
    background-image:url(https://64.media.tumblr.com/a1c9ac2554651533193dcb3be5225771/9ada094737f9f273-6f/s2048x3072/24be5ac740d1d7bc3a6e16c47fb11cdb9245af26.pnj);
    padding: 3.5px 16px 5.5px 16px;
}


</style>

<p id="p0">This Layout was made by Ramona <a href="https://spacehey.com/whxtsername"> https://spacehey.com/whxtsername </a><a href="https://spacehey.com/bangersplusmash"> https://spacehey.com/bangersplusmash </a></p>

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

🚬NicoNicoTeen🚬(wannabe producer arc)	1714170030 One time i saw somebody have this layout and they sent me a friend req Insta block Report Comment Piola loco, te aviso por si las dudas yo no apoyo a AFRMation, me parece una persona súper desagradable y me repugna muchísimo todo lo que hizo by R>A>M>O>N>A !!; 1714214058; Report
BIG-JUICY	1714023518 Hai I would like to know where the cd icon can be found!! :3c Report Comment https://layouts.spacehey.com/layout?id=29048 There is the complete original layout!! ^__^ by R>A>M>O>N>A !!; 1714048864; Report Thanks so much!! by BIG-JUICY; 1714094038; Report
★LILITH★	1713553855 Using! Report Comment
SillyzzRibbonzz	1713405051 using!! Report Comment
bleep blorp ::P	1712543166 using itz so cool!! Report Comment
this idiot	1712476362 This is so Coolio Toolio, using!!1! xD Report Comment
layne	1712031628 OMG using!! This is adorable!! Report Comment
NuclearHazard	1711490087 using!! :3 Report Comment
Mitski Lyrics	1711226162 Using!!!!! Report Comment
oliver !!	1710633519 hey can u help me out with something? Report Comment yuh, how i can help u??? by R>A>M>O>N>A !!; 1710633707; Report so I want to make my own layout but I have zero coding experience, and I asked someone earlier but they referred me to the html, web, tech group (which was extremely unhelpful) if you are able to could you give me like basics or like a guide on how to do a layout myself? by oliver !!; 1710635792; Report same by KAI; 1710906647; Report