pink layout + pink screen filter

Tags: pink, strawberries, cute, cutecore, kawaii, layout

Description:

this is my first time uploading a custom layout, like EVER.. so the code is a hot mess, hope you like it :p (comment if you use it lol. also, if you plan on taking certain things from this code, that's fine too<3)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 츄 ! ✩ (PC ONLY) (https://layouts.spacehey.com/layout?id=102965) -->

credits to "츄 ! ✩" (zombeatz200) for creating this layout ^-^

<style>
main{
     height: 500px;
    overflow-y: scroll;
    text-align: center;
}
 
body {
  background-image: url('https://cdn.discordapp.com/attachments/1219108273765093390/1221641651823317133/839c1d76d35c06d966567aa3719fdeb1.jpg?ex=66135172&is=6600dc72&hm=be4ab436915b68f478603ce2724826f8c16c9ab0ba60879d100336619a98b41c&');
  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://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg");
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: white;
   text-shadow: -2px 2px 3px pink !important;
}
h1{
   border: 4px solid white !important;
   padding: 5px;
   background-color: rgb(255,255,255,0.4) !important;
   color: white !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: white;
  font-weight: normal;
  text-shadow: -2px 2px 3px pink !important;
}
top .button {
  background-color: transparent!important;
  color: white !important;
  text-shadow: -2px 2px 3px blue !important; 
}
.general-about {
  border: 4px solid; 
  color: white !important;
  text-shadow: -2px 2px 3px blue !important;
  padding: 12px;
  box-shadow: 0px 0px 10px black !important;
}
.mood {
   background-color: rgb(255,255,255,0.4) !important;
   border: 4px solid white !important;
  padding: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: white !important;
  text-shadow: -2px 2px 3px blue !important;
  box-shadow: 0px 0px 10px black!important;
}
.url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  border: 4px solid white !important;
  background-color: rgb(255,255,255,0.4)!important;
  color: white !important;
  text-shadow: -2px 2px 3px blue !important;
  box-shadow: 0px 0px 10px black !important;
}
 
:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: black;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}
 
.contact {
  border: 4px solid white !important;
  background-color: rgb(255,255,255,0.4)!important;
  color: white !important;
  text-shadow: -2px 2px 3px blue !important;
  box-shadow: 0px 0px 10px black !important;
  text-align: left !important;
}
.contact a {
  color: white !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 white;
   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 20 of 23 comments ( View all | Add Comment )

Рион	1740886301 using Report Comment
yan	1740652006 using !! >O< Report Comment
♡︎ May ♡︎	1727553118 usingg Report Comment
‎‎𝅄ㅤׂ ⠀angel 𓈒 ✧	1724613660 using! Report Comment
Roza	1723465632 using Report Comment
KKᶻ 𝗓 𐰁 .ᐟ	1723273543 using Report Comment
Syddd( REDOING PROFILE!!!)	1719850216 usinggggggggg Report Comment it messed up my scren so nvm by Syddd( REDOING PROFILE!!!); 1719850304; Report
꒰♯ Jamie/River !!꒱	1718317397 usingg Report Comment
strwbrrybat	1716131964 which bit of the code just makes it all contained and scrollable in a box like that? tysm! Report Comment i'll try finding it lolol i made this layout a rlly long time ago and only recently uploaded it, so the codes really messy!! i'll update the layout when i find the code!! by 츄 ! ✩ (PC ONLY); 1716247965; Report okay tysm really appreciate it! by strwbrrybat; 1716835418; Report
Rebzie	1715079409 using Report Comment
Mei mei ★	1714401571 using !! Report Comment
Rockadalle	1713931914 Using <33 Report Comment
Nova☆	1713574678 using!! <3 Report Comment
CICADAZ	1712978003 using!! Report Comment
mixtli_ru	1712808148 using :b Report Comment
𝜗𝜚	1712790251 Using! Report Comment
☆Zero☆	1712519942 it so cute i'm use it Report Comment
Cinnamon🎀	1712488341 imma use it so cutee Report Comment
✶ 🎀 𝒾𝓈𝓁𝑒𝓁𝑒𝒾𝓈 🎀 ✶	1712386453 this is saurr cutee <3 imma use it! Report Comment
SpoodermoonX3	1712319363 think imma use it :3 Report Comment