pastel layout

Tags: pastel, green, blue, pink, aesthetic, cute, simple, pretty, layout, soft

Description:

contains: cursor, floating profile, etc.‎ ‎if you use this PLEASE comment! credit is appreciated too

Preview:

click on the image for a larger preview

Code:

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

<style>
body{background:url("https://i.pinimg.com/564x/7c/be/95/7cbe955d89dafe506b15a20d8a953952.jpg") no-repeat fixed; background-size:cover;}
}
nav img.logo {
  filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}
.online{
  content: url(https://64.media.tumblr.com/00cb3f374a9d951194778ec80fd1d0e5/5ff3cdb9d4261964-18/s75x75_c1/a6d8c37622860520357e67e76beaec9bfa66848f.gifv);
  padding: 5px 0px;
}
a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: black!important;
  text-shadow: 0 0 5px #9fbaed, 0 0 10px #9fbaed, 0 0 10px #9fbaed, 0 0 20px #9fbaed, 0 0 25px #9fbaed;
}
h1{
   background-color: white;
   border: 5px solid black!important;
   padding:5px;
   box-shadow: 0 0 10px pink;
}

:root{
  --red: #000000;
  --orange: #000000;
  --yellow: #000000;
  --green: #000000;
  --cyan: #000000;
  --purple: #000000;
  --pink: #000000;

}

@keyframes glowrainbow{
  0%{
    box-shadow: 0 0 5em 2em var(--red);
  }
  16%{
    box-shadow:0 0 5em 2em var(--orange);
  }
  32%{
    box-shadow: 0 0 5em 2em var(--yellow);
  }
  48%{
    box-shadow: 0 0 5em 2em var(--green);
  }
  64%{
    box-shadow: 0 0 5em 2em var(--cyan);
  }
  80%{
    box-shadow: 0 0 5em 2em var(--purple);
  }
  90%{
    box-shadow: 0 0 5em 2em var(--pink);
  }
  100%{
    box-shadow:0 0 5em 2em var(--red);
  }
}

body > .container{
  animation:30s glowrainbow infinite;
}
/* this is where you edit the search button and the Delete and Reply button */
button {
  background-color: transparent!important;
  border: none;
  color: black;
  font-weight: bold;
}
.general-about .details {
  background: url(https://i.pinimg.com/564x/d6/2e/eb/d62eebcde18c75a27f4160795f81ca74.jpg);
  border: 5px solid black;
  padding-bottom: 70px;
  box-shadow: 0 0 10px #9fbaed;
}
.mood {
  background: url(https://i.pinimg.com/564x/d6/2e/eb/d62eebcde18c75a27f4160795f81ca74.jpg);
  border: 5px solid black!important;
  padding: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0 0 10px #9fbaed;
}
.blog-preview{
  background:url(https://i.pinimg.com/564x/3d/97/ee/3d97ee435cdcf7dbc9281dde6466255b.jpg);
  background-position: center;
  border: 5px solid black;
  box-shadow: 0 0 10px #9fbaed;
}
.table-section, .blurbs, .friends, .profile-info {
  background: url(https://i.pinimg.com/564x/d6/2e/eb/d62eebcde18c75a27f4160795f81ca74.jpg);
  border: 5px solid black!important;
  box-shadow: 0 0 10px pink;
}
.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url('https://64.media.tumblr.com/bc15f8ebcae644f60eccd34a85db85f5/b00a0ef463352938-5a/s75x75_c1/3d59caae84973592fc5f759b47fd20d9655ca079.gifv')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://64.media.tumblr.com/4d3fdf668503607e5a9604da7316005c/b00a0ef463352938-bf/s75x75_c1/06c65249a83e42251b49940a95843e43a0503766.gifv')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/287c06655419bb4b19148da6b70119bc/b00a0ef463352938-35/s75x75_c1/c9403255d36c96c471151f20f1df34178b0129a9.gifv')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://64.media.tumblr.com/ed69e15f66610113a2a960d4c5f5f9bb/b00a0ef463352938-fe/s75x75_c1/304c3d95ee968daa94a143976ed8059debafccc1.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://64.media.tumblr.com/bc15f8ebcae644f60eccd34a85db85f5/b00a0ef463352938-5a/s75x75_c1/3d59caae84973592fc5f759b47fd20d9655ca079.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://64.media.tumblr.com/4d3fdf668503607e5a9604da7316005c/b00a0ef463352938-bf/s75x75_c1/06c65249a83e42251b49940a95843e43a0503766.gifv')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://64.media.tumblr.com/287c06655419bb4b19148da6b70119bc/b00a0ef463352938-35/s75x75_c1/c9403255d36c96c471151f20f1df34178b0129a9.gifv')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://64.media.tumblr.com/ed69e15f66610113a2a960d4c5f5f9bb/b00a0ef463352938-fe/s75x75_c1/304c3d95ee968daa94a143976ed8059debafccc1.gifv')
}

.contact {
  border-radius: 8px;
  border: 5px solid black!important;
  box-shadow: 0 0 10px pink;
  background-image: url(https://i.pinimg.com/originals/31/49/38/3149384eb432324533b9f56b432b27dc.gif);
  background-position: center;
  background-size: fit;
background-attachment: scroll;
Width: 300px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 3px black; }
.profile-pic {
  padding: 15px;
}
.friends-grid{
  text-align:center;
  padding:0px!important;
}
.friends .person{
    background: url(https://www.publicdomainpictures.net/pictures/130000/nahled/gray-top-gradient-background.jpg);
    width:80px!important;
    display: inline-flex!important;
    flex-direction: column-reverse;
    margin:10px;
    vertical-align: top;
    padding-left:5px!important;
    padding-top:5px!important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
}
.friends .person p{
    text-align: center;
    word-wrap: break-word;
}
.profile .friends .person img:not(.icon){
  max-width:70px!important;
}
.profile .friends .person:nth-of-type(1){
    transform: rotate(-4deg);
}
.profile .friends .person:nth-of-type(2){
    transform: rotate(5deg);
}
.profile .friends .person:nth-of-type(3){
    transform: rotate(-2deg);
}
.profile .friends .person:nth-of-type(4){
    transform: rotate(6deg);
}
.profile .friends .person:nth-of-type(5){
    transform: rotate(6deg);
}
.profile .friends .person:nth-of-type(6){
    transform: rotate(-1deg);
}
.profile .friends .person:nth-of-type(7){
    transform: rotate(3deg);
}
.profile .friends .person:nth-of-type(8){
    transform: rotate(-3deg);
}
.url-info {
    background: url(https://i.pinimg.com/564x/a1/eb/3d/a1eb3d43e35690f295716ce436bfa5cf.jpg);
    background-position: center;
    border: 1px black!important;
    box-shadow: 0 0 10px #9fbaed;
    background-size: cover;
    font-size: 0px;
    height: 275px;
    width: 200px;
}
.comments-table td {
  border: 5px solid white;
  background-color: white!important;
}
.table-section td {
  border: 5px solid white;
  background-color: white!important;
}
.comment-reply:not(:first-child) {
    border-top: 2px solid black;
}
.comment-replies {
    border: 5px solid white;
  background-color: white!important;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url(https://64.media.tumblr.com/2062d6183c081818b888972a845a2d27/d9bb3c25ca477ce2-19/s500x750/ed02a39a54d597950528b2bdef8a88a9010b904a.pnj);
  background-repeat: repeat;
  background-position-x: center;
  background-size: 550px;
}
nav .top, nav .links {
  background: url(https://i.pinimg.com/736x/49/c8/34/49c83494332efe5f8615c02b54cd8a41.jpg);
  background-size: cover;
  color: black;
  font-weight: bold;
}
footer{
    background: url(https://i.pinimg.com/736x/49/c8/34/49c83494332efe5f8615c02b54cd8a41.jpg);
    background-size: cover;
  color: black;
  font-weight: bold;
}

main, footer {
  background-color: transparent;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.comments-table td {
  background:url(https://i.pinimg.com/564x/b4/09/fd/b409fd39e67a58e4f75e09d43bf4872d.jpg);
  background-position: top left;
  border: 3px solid black;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: white!important;
}
td {
  background-color: transparent!important;
}
</style>

<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>

<style>
.container {
width: 90%;
max-width: 1600px;
}
</style>

<style>  body {

text-align: center;

}</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}

</style>

<style>



h1{

  animation: type 3s steps(27);

  color: black;

  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;}

}



.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>

img:hover , .url-info:hover , .online: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>
.icon, .award img {

        content: url(https://64.media.tumblr.com/3294251b56ed483dea7488def139e00e/b00a0ef463352938-4a/s75x75_c1/f71d69bc0ff18d0481f1635fe70babc702fa7ada.gifv);

        display: inline-block;

        height: 1.5em;

        width: 1.5em;

        margin: 0 .05em 0 .1em;

        vertical-align: -0.3em;

        color: rgba(0,0,0,0);

    }
</style>

<style>

.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem gray);
transform: rotate(4deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
}
.general-about .profile-pic:hover {
transform: scale(1.2) rotate(-3deg);
}
.general-about .profile-pic:before {
content: var(--polaroid-name);
font-family: 'teabeer';
font-size: var(--name-size);
position: absolute;
z-index: 2;
bottom: -30px;
left: 0px;
width: 100%;
text-align: center;
}
.general-about .profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/polaroid.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: 10px;
left: 10px;
width: 170px;
height: 210px;
}
.mood {
margin-top: 50px;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1034.ani), url(https://cur.cursors-4u.net/nature/nat-11/nat1034.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/29/bobblehead-bunny.html" target="_blank" title="Bobblehead Bunny"><img src="https://cur.cursors-4u.net/cursor.png" alt="Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;"/></a>

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

miles —	1709496227 Using! Report Comment
samЯatafak	1707866718 Using!! Report Comment
vivienne	1706423118 Using Report Comment
Clyde Page still in editing	1702542275 using Report Comment
RatFanatic	1701454936 using !! ;D Report Comment
Quinn Hollow	1701429965 Using Report Comment
iz3	1701325699 using and changing sum thinggsss :) Report Comment
⋆ ˚｡⋆୨୧˚✷MALIA✷˚୨୧⋆｡˚ ⋆	1699300442 might use! Report Comment
﹫lethe ! ★	1697302387 might use :33 Report Comment
﹫lethe ! ★	1697302386 might use :33 Report Comment
𝗍𝖺𝗏𝗋𝗒𝗇 ★🍉	1696365221 MIGHT USE!!! Report Comment
chuumeow (yuki)	1695522418 Using!! Report Comment
𝜗𝜚 ┈ finn ᵒʳ furina ｡	1694719281 USING !!! Report Comment
scarlet	1694284506 using Report Comment
aniela	1694195055 usingg <33 Report Comment
Heather Duke	1693950360 Using! Report Comment
Dawy!	1693598285 Using. Report Comment
benny	1693168164 really like the design, but it would be really helpful if it was labelled Report Comment
𝑨𝒔𝒉𝒆𝒓🎸	1693165048 using Report Comment
aspen ^_^	1693147812 using :) Report Comment