kingdom hearts layout

Tags: kingdom hearts

Description:

some layout i did upon request.. i have no life guys please ask me to make you things!! xD. test here link

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&family=Zen+Dots&display=swap');

body {   
background: black;
font-family: 'IM Fell DW Pica', serif;
cursor: url(https://ia904707.us.archive.org/14/items/62677_202212/62677.gif), default;
   }

main {
border: none;
font-size: 16px;
color: white;
background: url(https://i.pinimg.com/originals/cb/3e/f6/cb3ef6056811b83900024cf7d1fd7736.jpg);
background-position: top;
  background-size: contain;
background-repeat: y-repeat;
}

  nav .top {
background: url(https://cdn.suruga-ya.jp/database/pics_light/game/120125487.jpg);
background-size: 20%;
font-size: 16px;
border-radius: 20px 20px 0px 0px;
margin-top: 20px;
}
  
  nav .links {
  background: linear-gradient(0deg, rgb(91 194 245) 0%, rgb(44 158 255) 50%, rgb(89 178 255) 50%, rgb(241 251 255) 100%);
   text-align: center;
   font-weight: bold;
font-size:16px;
}

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


  .count{
color: white;
}
 
nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
}
.search-wrapper input, button {
    color: white;
    background-color: #FFFFFF99;
    padding: 3px;
    font-size: 16px;
    font-family: 'IM Fell DW Pica', serif;
    border: 1px solid white;
    border-radius: 3px;
}

.logout-btn {
    font-family: 'IM Fell DW Pica', serif;
}

.pagination {
    width: 100%;
    font-family: 'IM Fell DW Pica', serif;
    margin: 5px 0 5px 0;
    min-height: 20px;
}

button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: none;
}

  .profile-info {
height: 280px;
background: url(https://images4.fanpop.com/image/photos/16400000/KH2-kingdom-hearts-2-16454935-1024-768.jpg);
background-size: contain;
border: none;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.online{
background-color: transparent;
content: url(https://ia601501.us.archive.org/10/items/onlinenow_202210/onlinenow.gif);
}


.profile .table-section, .home-actions {
  background: url(https://i.imgur.com/LmH1exm.jpeg);
background-size: 200%;
background-position: bottom right;
font-size: 16px;
  border: none;
  border-radius: 0px;
margin: 5px;
color: black;
}

.profile .url-info {
color: white;
border: 7px solid #bfe2f9;
border-style: double !important;
border-radius: 20px;
box-shadow: inset 0px 0px 15px 5px #bfe2f9;
background: #bfe2f999;
margin-top: 2px;
margin-bottom: 2px;
font-size: 16px
}

.profile .contact .heading {
    color: white;
background: transparent;
text-align: center;
}

.profile .table-section .heading{
   color: black;
background: transparent;
text-align: center;
}
  .profile h1 {
background: transparent;
color: #bfe2f9;
border: none;
font-family: 'Zen Dots', cursive;
text-align: center;
padding: 5px;
margin-bottom: 0px;
font-weight: bold;
}

.general-about .profile-pic {
padding: 5px;
}

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

  .profile .general-about {
  background: transparent;
padding: 5px;
  border:  none;
height: 180px;
}

  .profile .mood {
color: white;
    padding: 5px;
font-size: 16px;
    padding-left: 8px;
margin: 5px;
    background: #bfe2f999;
border: 7px solid #bfe2f9 !important;
border-style: double !important;
 border-radius: 20px;
   box-shadow: inset 0px 0px 15px 5px #bfe2f9;
}

.profile .friends{
margin: 5px;
background: #bfe2f999;
border: 7px solid #bfe2f9;
border-style: double;
   border-radius: 20px;
   box-shadow: inset 0px 0px 15px 5px #bfe2f9;
}

.friends#comments {
height: 488px!important;
}

 .profile .blurbs {
background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1cdd5a5c-23e9-4b33-8d9d-90bd71e9efa4/dudozf-854b7b3d-6144-4aec-b363-d0374d92bfc6.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzFjZGQ1YTVjLTIzZTktNGIzMy04ZDlkLTkwYmQ3MWU5ZWZhNFwvZHVkb3pmLTg1NGI3YjNkLTYxNDQtNGFlYy1iMzYzLWQwMzc0ZDkyYmZjNi5qcGcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.LXu144x9iIX-shmbkfLYV_z-gcQduXnKzsEA6yeb6b0), black;
margin: 5px;
background-repeat: no-repeat;
border: none;
border-radius: 20px;
background-size: 100%;
}

.profile .blurbs .inner{
  border: none;
}

 .profile .friends .person p {
    color: white;
  }
  
  .profile .blog-preview {
    color: white;
margin-bottom: 15px;  
}
  
  .profile .blurbs .section h4 {
    color: white;
    padding: 0.5em 0em 0.5em 0em;
  }
  
  .comments-table {
       display: block;
border:none;
height: 384px!important;
    overflow-y: scroll;
    outline: none !important;
}

.comment-reply {
    padding: 5px 3px;
  border: white 1px  solid;
}
  .comment-replies {
      padding: 10px 5px;
  border: none;
  }
 
.contact {
    background: url(https://www.khuxwiki.com/w/images/9/9e/SP_Axel_6%E2%98%85_KHUX.png);
padding: 0px;
background-size: contain;
background-repeat: no-repeat;
height: 250px;
line-height: 1.6;
font-size: 18px;
  background-position: center;
border: 7px solid #bfe2f9 !important;
border-style: double !important;
 border-radius: 20px;
   box-shadow: inset 0px 0px 15px 5px #bfe2f9;
}

.contact .heading {
margin-bottom: 10px;
}

.contact .inner {
display: flex;
    text-align: center;
    flex-wrap: wrap;
}
  

.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: black;
background:  transparent;
}
.details-table td:not(td:first-child) {
    color: black;
}

.details-table td p {
color: black;

}

  .profile .blurbs .heading{
   background: transparent;
    color:white; 
  border: none;
text-align: center;
}

.profile .friends .heading {
    background: transparent;
    color:white; 
text-align: center;
}
  
  table.details-table {
    background: transparent;
color:black;
}
  
.profile .table-section .inner{
    border-radius: 0px;
    background: transparent;
    border: none;
color: white;
}


.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
background: transparent !important;
border: none;
background-size:contain;
}

.comments-table td, .music-table td {
    color: white;
background: transparent; 
}

.comments-table td:first-child a, .music-table td:first-child a {
    color: white;
}

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

  nav .logout-btn {
  animation: none;
  }

  footer { 
    border: none;
    background: url(https://cdn.suruga-ya.jp/database/pics_light/game/120125487.jpg);
background-size: 20%;
color: white;
font-size: 16px;
border-radius: 20px;
}

  a{
color:  #bfe2f9;
}

a:visited {
color:  #bfe2f9;
}
a:hover {
text-shadow: 2px 2px 8px #bfe2f9;
color: #bfe2f9;
}

a:active {
  color:  #bfe2f9;
}

.contact .inner a img {
font-size: 0;
}

.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: "🍦"
} 


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

❱ http:˚♡ℭ𝔞𝔶𝔡𝔢𝔫! ˚ˑؘ :fish_cake: ·˚	1736682447 I will be using yes sir !! Report Comment
Dol	1736642612 Can you make persona 4 one for me pls Report Comment
loyalWeakling	1672299863 o em gee!! it lookz zo cool!! >w< /srs Report Comment
Lemmy	1672095614 Aw I loved kingdom hearts this is nostalgic Report Comment