kirby layout

Tags: kirby

Description:

its not my best but heyyy thats what happens when i try to be original!! thats why im good at taking myspace layouts and making them spacehey layouts!! test here

update: removed the navigations blue shadow behind words

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=23618) -->

<style>

body {
    background-color: pink;  background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/255f1db7-f98c-49b5-93a3-b9ad50f77b85/dep0949-80f955a0-15ea-4c68-813b-f2eee16772da.png/v1/fill/w_1280,h_800,q_80,strp/pastel_kirby_background_by_bumpadump2002_dep0949-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODAwIiwicGF0aCI6IlwvZlwvMjU1ZjFkYjctZjk4Yy00OWI1LTkzYTMtYjlhZDUwZjc3Yjg1XC9kZXAwOTQ5LTgwZjk1NWEwLTE1ZWEtNGM2OC04MTNiLWYyZWVlMTY3NzJkYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.sj3WRQ1WNVcH1NXq_5mkuhpxQgUIY2Egg3h82-9dE44);
background-attachment:fixed; 
background-repeat: no-repeat;
background-size: cover; 
background-position: center;
}

main {
    background: pink;
background-image: url(https://mobwallpapershd.com/wp-content/uploads/2022/05/Kirby-Background.png);
  color: white;
background-size: 100%;
background-position: bottom;
  border: none;
background-repeat: no-repeat;
}

nav .top {
    background: #FFF4B9;
  display: flex!important;
    border: solid pink 2px;
    border-radius: 24px 24px 0 0;
border-bottom: none;
}

  .count{
color: #FFF4B9;
}
  
nav .links {
        color: white;
    background: #FF85BC;
    text-transform: lowercase;
text-align: center;
border-radius: 0px;
}

nav .links a {
text-shadow: none;
}

nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
}

.search-wrapper input, button {
   background: #FF85BC;
   color: white;
padding: 2px;
}
button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: 0px;
}

  .profile-info {
   background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1013a74a-d6aa-48ea-967a-164457c826b9/dd5hqen-5bd5abaf-3198-4629-aa5a-6ba869b1d38c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzEwMTNhNzRhLWQ2YWEtNDhlYS05NjdhLTE2NDQ1N2M4MjZiOVwvZGQ1aHFlbi01YmQ1YWJhZi0zMTk4LTQ2MjktYWE1YS02YmE4NjliMWQzOGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.0a24Kwnb_r2ESeXpEvo1-p4F6VXTxZAjV2oaRttLYgw);
    display: flex;
    margin-bottom: 10px;
    background-size: 50%;
background-position: center;
 color:white;
background-repeat: no-repeat;
    border-radius: 10px;
height: 180px;
border: none;
}

.online{
background-color: transparent;
content: url(https://web.archive.org/web/20080707221542im_/http://x.myspace.com/images/onlinenow.gif);
}
.online img{
display: none;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    border: none;
border-radius: 10px;
    background: #FF85BC;
  color: white;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    color: white;
background: transparent;
border-radius: 10px 10px 0px 0px;
}

  .profile h1 {
    color: white;
   background: #FFF4B9;
  padding:5px;
margin: 6px;
border: none;
border-radius: 10px;
  text-align: center;
  }

.general-about .profile-pic img {
border-radius: 100px;
}

.profile .friends .person img:not(.icon){
  border-radius: 100px;
  }

.comments-table td:first-child img:not(.icon){
  border-radius: 100px;
  }

  .profile .general-about {
    background: #FF85BC;
background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1013a74a-d6aa-48ea-967a-164457c826b9/dd5ynqn-0b0c2bea-1b39-406e-ac92-6938c95aa7ff.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzEwMTNhNzRhLWQ2YWEtNDhlYS05NjdhLTE2NDQ1N2M4MjZiOVwvZGQ1eW5xbi0wYjBjMmJlYS0xYjM5LTQwNmUtYWM5Mi02OTM4Yzk1YWE3ZmYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.UEXWOBUw0DyTqQo0luq7vA1Kr79RsqDgAPg0zETnZWI);
    border: none;
background-size: 40%;
background-position: right;
    border-radius: 10px;
    padding: 0.5em;
    height: 180px;
  background-repeat: no-repeat;
  }
  
  .profile .mood {
 color: white; 
margin: 10px;
}
 .profile .blurbs, .profile .friends {
    border: none;
    background: #FF85BC;
    border-radius: 10px;
  margin: 6px
  }
  
 .profile .friends .person p {
    color: white;
  }
  
  .profile .blog-preview {
    color: white;
  }
  
  .profile .blurbs .section h4 {
    color: white;
    padding: 0.5em 0em 0.5em 0em;
  }
  
  .comments-table {
display: block;
height: 600px!important;
overflow-y: scroll;
    outline: none !important;
  border: #FFF4B9 2px solid;
}

.comment-reply {
    padding: 5px 3px;
  border: 3px #FFF4B9 solid;
}
  .comment-replies {
      padding: 10px 5px;
  border: #FFF4B9 1px solid;
  }
 
 .contact {
  background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1013a74a-d6aa-48ea-967a-164457c826b9/devnwkg-47e46520-6f7c-40cf-a131-e6ee37e888ee.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzEwMTNhNzRhLWQ2YWEtNDhlYS05NjdhLTE2NDQ1N2M4MjZiOVwvZGV2bndrZy00N2U0NjUyMC02ZjdjLTQwY2YtYTEzMS1lNmVlMzdlODg4ZWUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.HrygeOinS7mqQKQrCDV8FDWbuADSVww68IBcxiSvjR0) !important;
  padding: 0px;
    background-attachment: scroll;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-size: 75%;
    line-height: 3;
  } 


  .contact a{
  } 

.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 {
	/* add to friends */
	content: "☆"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "✫"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group. the content is supposed to be a smiley face */
	content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "✫"
} 
  
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: black;

}
.details-table td:not(td:first-child) {
    color: black;
}
  .profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    text-transform: lowercase;
    color:white; 
border-radius: 10px 10px 0px 0px;
}
  
  table.details-table {
border-radius: 0px 0px 10px 10px;
background: #FFF4B9;
}
  
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
background-image:url(https://i.pinimg.com/originals/ed/df/dd/eddfdda230c9c5af08581d02bcbfe3cb.png);
background-size: contain;
}

.comments-table td, .music-table td {
    color: black;
background: pink;
  padding: 5px;
}

.comments-table td:first-child a, .music-table td:first-child a {
    color: white;
}
   .search-wrapper input, button {
    background: white;
    color: black;
  border: 2px pink solid;
border-radius: 6px;
   }

  footer { 
  color:white;
background: #FF85BC;
    border: 2px solid pink;
 background-position: bottom;
border-top: none;
border-radius: 0px 0px 10px 10px;
margin: 0px;
}

  a{
color:  #81CCFF;
}

a:visited {
color:  #81CCFF;
}
a:hover {
color:  white;
}

a:active {
  color:  #81CCFF;
}

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

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

willie	1723504437 using :3 Report Comment
willie	1723504437 using :3 Report Comment
willie	1723504436 using :3 Report Comment
willie	1723504436 using :3 Report Comment
Idyuda :P	1715902644 im using if you dont mind thank uuuu -3- Report Comment
pistacchio (kiara)	1709969586 using :D Report Comment
Lulyys	1706053034 Usando!!11 Report Comment
💫lazy_virus23💫	1704302003 using!! its so cute I love it Report Comment
blue pikmin	1699878715 using!! Report Comment
f💋	1695009523 using! Report Comment
Leon/Taranza/Slime	1692470073 hell yeah im def using this Report Comment
rabies ౨ৎ	1691288109 using! Report Comment
freakazoid	1691190232 So using! Report Comment
Sc3n3Mo_T3TO	1690586271 using tytytytyty Report Comment
* ˚ ✦ Marle * ˚ ✦	1686687835 using! IT IS SO CUTEE Report Comment
fantasma	1684526050 using it!! IT'S SO PRETTYYY ^^ Report Comment
ella ^_^	1684395901 usingg! Report Comment
✮Guwopita Bonita✮	1676330838 ☆ hope you dont mind sharing☆ Report Comment
Yellow	1674157596 Dude this is so cute! Love it! Report Comment