Layout published by boyfailure

published 1645925191
updated 1673389995

Add to Favorites

View Layouts

View Profile

Report Layout

another pink layout 💖

Tags: pink, cute, pastel, layouts

Description:

hey hey, thought i'd upload this, so i too can have a pink layout uploaded LOL

credit would be appreciated but i don't really care anymore.

go ahead and change what you want, make it your own :)

if something breaks, lemme know and i'll try to help you :D

please do not reupload this. please do not edit or use this as a base and then reupload this. thank u have a nice day <3

** falling emojis from here!!

edit: I NEVER WROTE WHAT THIS LAYOUT DOES MY GOD UHHHHHHH ,,,,

so !!

- axolotl plushie slides in from the right

- axolotl plushie does not show up on mobile

- profile picture spins on hover

- friends icons shake on hover

- falling pink flower emojis

i think thats it okay bye

Preview:

click on the image for a larger preview

Code:

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

<style>
/* hey lol */
@import url('https://external-media.spacehey.net/css/sB304O2vpFbPXgQccgTi9C-NXf0cRq9b4_td9lkPW_VI=/https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');
* { 
 cursor: url(https://external-media.spacehey.net/media/sVrE-VrdtypFe_lU7T3vxBkAYhvgDamljWr1EZ1Kx4fU=/https://64.media.tumblr.com/tumblr_lrbza4PDe21qf72le.png), auto !important; 
 font-family: 'Merriweather';
}
:root {
  --text: rgba(161, 98, 130);
  --links: rgb(255, 102, 180);
  --shift: rgb(255, 196, 226);
  --borders: rgba(51, 15, 33);
  --background: white;
  --shadow: rgb(166, 71, 126);
}
body {
 margin:0;
 background-image: url(https://external-media.spacehey.net/media/sCEUk-kFIf3rZRaYte4rvDNDH6wiDqnv9XbEdy6B9mss=/https://64.media.tumblr.com/6c8b23bbe3df9e56dd394ab0af114c94/8e765723a0f9ed59-63/s250x400/dc9946d250d327e200ce2ec5339cd5de13e16d22.jpg);
 background-attachment: fixed;
 font-weight: bold;
 padding-top: 30px;
 padding-bottom: 30px;
 }
.container {
  box-shadow: 0px 0px 10px var(--shadow);
  border: var(--borders) 2px solid;
  border-radius: 2px;
}
p {
 color: var(--text);
 font-weight: bold;
}
nav img.logo{
    filter: brightness(0) saturate(100%) invert(66%) sepia(27%) saturate(5620%) hue-rotate(295deg) brightness(101%) contrast(102%) !important; 
    height:30px;
} 
button {
  background: var(--background);
  color: var(--text);
  font-weight: bold;
  border: 1px solid var(--borders);
}
button:hover {
  box-shadow: 0px 0px 7px var(--shadow);
  transition: 0.2s;
}
input {
  color: var(--text);
  font-weight: bold;
  border: var(--borders) solid 1px;
  background: var(--background);
}
input:hover {
  box-shadow: 0px 0px 7px var(--shadow);
  transition: 0.2s;
}
nav .top , nav .links{
  background: transparent;
  text-align: center;
}
nav .links li:not(:last-child)::after {
  content: " ♡";
  color: var(--text);
}
nav .links .active img{
content: url(https://external-media.spacehey.net/media/sqLpta6rYgLWAkpNUIUzD1gvwUQaCmIbNso7iLOswyLY=/http://i11.photobucket.com/albums/a168/evelynregly/minigifs/dialogo_heart.gif);
}
nav .links .special img{
  content: url(https://external-media.spacehey.net/media/ssPEMFvtP5JP9UOu31kXnnEunaEq6vs7wQOLrQNa3mIk=/https://64.media.tumblr.com/tumblr_lsvzzdwktq1qcfn0j.gif);
}
main {
 background: var(--background) !important;
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
}
.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 90px;
  background-image: url(https://64.media.tumblr.com/0d55580fe87eb3933c160a92c349f760/6fcb2f4db63b176e-a6/s1280x1920/086128f6cc4cee2a81ababe6373f883d6eadaef7.png);
  background-repeat: no-repeat;
  background-size: 105px;
}
h1 {
  color: var(--links);
}
.profile-pic img {
  border: solid var(--borders) 2px;
  border-radius: 180px;
  box-shadow: 0px 0px 8px var(--shadow);
}
.profile-pic img:hover{
  animation: rotation 0.3s infinite linear;
  /*makes your pfp spin when you hover. put your avatar in the blender, for absolutely no cost !!*/
}
.online { font-size: 0px; }
.online:after{
  content: url(https://external-media.spacehey.net/media/sjXN-KWnWaYoqdHOTY6aVUYiXQZDXVGbKvS4QYA70n6E=/https://64.media.tumblr.com/095a0f01d7c7fb1f65e046fc0f3d3458/57fce79f2c64a249-ed/s250x250_c1/d5a08affbd2dde37e3db8bc19ea90d1265239a50.gifv);
    }
.mood {
  padding-top: 3px;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url(https://external-media.spacehey.net/media/spY1NcpH4glcd6WTJzQx4Ut2tcPR4hivJN50vynsO9Uk=/https://64.media.tumblr.com/cf9957b8b293e1421b2fa772eeeeccad/d89df26c49a9bc3e-dd/s250x400/fff3b84585198a3237ee74b3ece9d8a6350272a8.gifv);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 295px;
}
.blurbs:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 30px;
  background-image: url(https://64.media.tumblr.com/4271ec520a95754e89bd6cfd2ea25e32/22468f042cccfb74-20/s250x400/a4822a30dc43c3dfe9e475271bca8ffbfb7b09ee.gifv);
  background-repeat: round, no-repeat;
  background-size: 240px;
}
.blurbs .inner {
  text-align: center !important;
}
.url-info {
  display: none;
}
.profile .blurbs .section, .friends, 
.profile .contact, .profile .table-section {
  box-shadow: 0px 0px 10px var(--shadow);
  border: var(--borders) 2px solid;
  border-radius: 2px;
  background: none;
}
nav {
  background: var(--background) !important;
  color: var(--links);
  border-radius: 2px;
}
footer {
  background: var(--background) !important;
  color: var(--links);
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 2px;
}
.comments-table, .comment-replies {
  border: none;
}
.profile-info, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
  background-color: transparent;
  border: none;
}
#comments {
  height: 450px;
  overflow-y: scroll;
}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon){
  border: 2px solid var(--borders);
  box-shadow: 0px 0px 7px var(--shadow);
  border-radius: 180px;
}
.comments-table td:first-child img:not(.icon):hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
a, nav .links a, .special {
  color: var(--links) !important;
  text-shadow: none;
}
a:hover, nav .links a:hover, .special {
  color: var(--shift) !important;
  text-decoration: none !important;
  transition: 0.2s;
}
.logout-btn {
  color: var(--links);
  box-shadow: none;
}
.logout-btn:hover {
  color: var(--shift);
  box-shadow: none;
  border: none;
  text-decoration: none;
  transition: 0.2s;
}
.col.left:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 120px;
  background-image: url(https://external-media.spacehey.net/media/suONbgyq9iUZXtDy0YrgHAMbv6NhZW0Lb1kBFZfngIl0=/https://64.media.tumblr.com/4dfc12d942da310c136daeb6caf972fd/8fe28424f5b0dbd0-8c/s540x810/1678d50112ed878e46e8d0b92dd7a6bc08af35e3.png);
  background-repeat: no-repeat;
  background-size: 400px;
  background-position-x: center;
}
.col.right:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 65px;
  background-image: url(https://64.media.tumblr.com/215e4bbaf41d5daa8095b5ceff9b8198/61de52cc71d4975f-40/s400x600/1f9e6f24b225fe4901584397b4b731b61f2aeec9.gifv);
  background-repeat: no-repeat;
  background-size: 450px;
  background-position-x: center;
}
.contact .inner a img {
  font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /*changes the icons*/
content: url(https://external-media.spacehey.net/media/slZmKzhLL8s-F-qM82MS4qbsCJ--HmYM8RpcwEjrLzos=/https://64.media.tumblr.com/48d75db84391a9e27bf2bd9761d8809f/53ad41763afe5f30-cb/s75x75_c1/c789ca97626bee1fa3808f1ee4019bcbea27c05f.gifv);
}
.profile .table-section .details-table td {
  background-color: transparent;
}
.profile .blurbs .heading {
  font-size: 15px;
  font-weight: bolder;
  background: transparent;
  color: var(--links);
}
.col.right h4 {
  color: var(--links);
  text-align: left;
}
.profile .blurbs .section h4, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: none;
  color: var(--text);
  font-style: italic;
}
.profile .blurbs .section h4 {
  padding-left: 5px;
}
.person p {
  color: var(--links) !important;
}
.person img{ 
  border: 2px solid var(--borders);
  box-shadow: 0px 0px 7px var(--shadow);
  border-radius: 180px;
  display: absolute;
  height: 100px;
  object-fit: cover;
  width:100px;
}
.person:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
.count {
  color: var(--links);
}
footer:after{
  bottom: 0;
  font-size:0;
  left: 75%;
  position:fixed;
  pointer-events: none;
  content:url(https://external-media.spacehey.net/media/s4ldbz5qawiRCfKHRGkovDQe-tVkWp6e6uDsHXO2-QOM=/https://64.media.tumblr.com/e50ecadf0be7bd04cf88effe58b5b689/d82e39eb0f219313-d7/s400x600/c60f704b50681246be607db5947f80e4b33f3cf9.png);
  animation: slideIn 2s forwards;
}
@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); }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
} 
@keyframes slideIn {
  0% {
    transform: translateX(900px);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 0px) and (max-width: 720px) {
  footer:after { display: none; }
}
</style>

<div class="snowflakes">
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
<div class="snowflake">🌸</div>
</div>


<style>
.snowflake {
font-size: 16px;
}
    @-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>

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

harune	1739692962 using Report Comment
crystalTears	1735340821 using Report Comment
Morena	1731036719 Estou usando Report Comment
¡Ciruu_Hub ❞	1727195679 Usando! :D Report Comment
Reiiiiiiiiiiiiiiiiiiii	1726925177 Usingg Report Comment
Viola	1725577341 using!! Report Comment
𝗦tarscream's 𝗚F (WIP)	1725400223 using!!! Report Comment
𓎟𓎟 𝗔DAMAS TV!!	1723508812 Usando Report Comment
Trashy	1721282742 Usingg Report Comment
Vee	1720322471 Using Report Comment
Rania	1719487441 USING! Report Comment
Cornstarchh	1719244235 using Report Comment
Femboy Fox	1719163944 using Report Comment
♡TheGalNextDoor♡	1718542749 Using!!! :3 Report Comment
Tiffyy!	1718425301 Using Report Comment
Kara_Ww	1716767337 using Report Comment
L☆mon	1716477457 Using Report Comment
makarrom_mar	1714248308 Using Report Comment
ɓᧉℓ	1712970832 Usando! Report Comment
Philia	1712784325 usiiinggg Report Comment