unpleasnt layout

Tags: regretevator, unpleasant, roblox
Description:

comment if using I'm 2 lazy 4 a decsrptin
Preview:

click on the image for a larger preview
Code:

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

<style>
main{
     height: 500px;
    overflow-y: scroll;
    text-align: center;
}
 
body {
  background-image: url('https://i.pinimg.com/564x/4a/0d/82/4a0d821c40d1787d6950ef5bef80d43f.jpg');
  background-attachment: fixed ;
  background-repeat: repeat;
  background-size: 100%;
  background-position: center;
  background-color: transparent!important;
}
 
/* this is the spacehey logo */
nav img.logo {
content:url("https://cdn.discordapp.com/attachments/1102040813569069067/1225934567135907900/Untitled139_20240405182536.png?ex=6622ef89&is=66107a89&hm=a7ba6fd933c4d747a094396048555631a96a591dbfbcfef442b81412b6f200e7&");
filter: invert(100%);
}
 
/* this is the online img*/
.online {
  content: url('https://plasticdino.neocities.org/blinkie/alife.gif'); 
  background-repeat: no-repeat; 
  background-position: -15% 75%; 
  z-index: 2; 
}
/* this is color of all the text and links */
 
a, .profile .friends .person p, p, h2, h3, h4, .count {
  color: #66ff00;
   text-shadow: -2px 2px 3px hotpink !important;
}
h1{
   border: 4px solid #a34218 !important;
   padding: 5px;
   background-color: rgb(64, 255, 0,0.4) !important;
   color: hotpink !important;
   box-shadow: 0px 0px 10px black !important;
}
 
/* this is where you edit the search button and the Delete and Reply button */
button{
  background-color: transparent!important;
  border: none;
  color: #40ff00;
  font-weight: normal;
  text-shadow: -2px 2px 3px hotpink !important;
}
top .button {
  background-color: green !important;
  color: #40ff00 !important;
  text-shadow: -2px 2px 3px hotpink !important; 
}
.general-about {
  border: 4px solid; 
  color: #40ff00 !important;
  text-shadow: -2px 2px 3px hotpink !important;
  padding: 12px;
  box-shadow: 0px 0px 10px #91440d !important;
}
.mood {
   background-color: rgb(43, 237, 0,0.4) !important;
   border: 4px solid hotpink !important;
  padding: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: brown !important;
  text-shadow: -2px 2px 3px #2bed00 !important;
  box-shadow: 0px 0px 10px black!important;
}
.url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  border: 4px solid #2bed00 !important;
  background-color: rgb(237, 0, 174,0.4)!important;
  color: pink !important;
  text-shadow: -2px 2px 3px brown !important;
  box-shadow: 0px 0px 10px black !important;
}
 
:root {
--logo-blue: #33ed00;
--darker-blue: #ed007a;
--lighter-blue: #33ed00;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: green;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}
 
.contact {
  border: 4px solid #3afc0a !important;
  background-color: rgb(252, 10, 192,0.4)!important;
  color: brown !important;
  text-shadow: -2px 2px 3px green !important;
  box-shadow: 0px 0px 10px black !important;
  text-align: left !important;
}
.contact a {
  color: !important;
}
.contact .inner a img {
font-size: 0;
}
 
.contact .inner a img:before {
font-size: 1em;
}
 
  .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
 
}
 
.comments-table td {
   border: ;
}
.table-section td {
  border: 0px solid black;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
    border: 1px solid green;
   box-shadow: 0px 0px 10px black!important;
}
.comment-replies {
    border: 1px solid white;
   box-shadow: 0px 0px 10px black!important;
}
 
/* these backgrounds r usually transparent */
nav .top {
  background-color: transparent!important;
  color: rgb(255, 255, 255)!important;
  font-weight: bold;
  text-align: center;
  text-shadow: -2px 2px 3px blue !important;
}
 
nav .links {
  background-color: transparent!important;
  color: rgb(255, 255, 255)!important;
  font-weight: bold;
  text-align: center;
  text-shadow: -2px 2px 3px blue !important;
}
 
nav .links a {
  color: white !important;
  text-shadow: -2px 2px 3px blue !important;
}
 
main, footer {
  background-color: transparent!important;
}
footer{
  font-size: 0px;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: 1px solid rgb(255, 255, 255);
  border-spacing: 5px;
   box-shadow: 0px 0px 10px black!important;
}
.general-about {
   overflow: auto;
}
.profile-pic {
   object-fit: contain;
   overflow: hidden;
   border: none;
   border-radius: 90px;
   box-shadow: 0px 0px 0px black !important;
}
 
.heading {
  background-color: transparent !important;
}
td {
  background-color: transparent !important;
  border: none !important;
}
 
(bounce animation) .col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 .col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
 
}
 
h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }
 
@keyframes type{
  0%{
    width:0ch;
  }
 
  100%{
    width:27ch;
  }
}
 
@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}
 
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
 
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
 
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
 
<style></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

Displaying 1 of 1 comments ( View all | Add Comment )
★𝒌𝒂𝒔𝒑𝒆𝒓★
1712809932
mighht use
Report Comment