Kingdom Hearts

Tags: kingdom hearts, video game, black, blue

Description:

black and blue kingdom heart profile! Has a gif banner and a keyblade cursor. I tried to get the info stuff to look like the battle menu. I sort of did it lmao. Yay gradients

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ꜱʜᴇʟʙᴢ (https://layouts.spacehey.com/layout?id=1597) -->

I'm just using this to test profile codes, go add me over<a href="https://spacehey.com/shelby"> here </a>


<style>
@import url('https://fonts.googleapis.com/css2?family=Chilanka&display=swap');

main:before {
 background-image: url('https://pa1.narvii.com/5728/2ff27a924efaec3d14fa612f27598e8f0569b7b5_hq.gif');
 background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    content: "";
    width: 100%;
    height: 300px;
    
}
body {
    font-family: 'Chilanka', cursive;
    background-color: #dcdcdd;
    background-image: url('https://64.media.tumblr.com/b03e76d6de02e873d20ceacbd367a77c/tumblr_mzyct7vQDG1qzhx02o3_1280.png');
    cursor: url(https://cur.cursors-4u.net/games/gam-2/gam134.cur), auto !important;
}

main {
    background-color: black;
    color: white;
}

.profile .friends .heading h4, .profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4 {
    color: white;
}

.profile .blurbs .section h4 {
    color: white;
}


.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
   border-style: solid;
   border-radius: 5px;
   border-color: #3b6bdd;
   border-width: 3px 3px 3px 10px;
   background: rgb(40,54,104);
background: -moz-linear-gradient(180deg, rgba(40,54,104,1) 0%, rgba(47,71,141,1) 50%, rgba(54,89,180,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(40,54,104,1) 0%, rgba(47,71,141,1) 50%, rgba(54,89,180,1) 100%);
background: linear-gradient(180deg, rgba(40,54,104,1) 0%, rgba(47,71,141,1) 50%, rgba(54,89,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#283668",endColorstr="#3659b4",GradientType=1);
    
}

.profile .contact, .profile .url-info, .profile .table-section, .profile .blurbs, .profile .friends {
    border-style: none;
    border-radius: 5px;
background: rgb(31,38,70);
background: -moz-linear-gradient(180deg, rgba(31,38,70,1) 31%, rgba(40,54,104,1) 64%, rgba(47,71,141,1) 86%, rgba(54,89,180,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(31,38,70,1) 31%, rgba(40,54,104,1) 64%, rgba(47,71,141,1) 86%, rgba(54,89,180,1) 100%);
background: linear-gradient(180deg, rgba(31,38,70,1) 31%, rgba(40,54,104,1) 64%, rgba(47,71,141,1) 86%, rgba(54,89,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2646",endColorstr="#3659b4",GradientType=1);
    
}

.details-table td, .comments-table td, .details-table td:first-child, .comments-table td:first-child {
    background-color: #3b6bdd;
    color: white;
    border-style: solid;
    border-color: #3b6bdd;
    border-width: 1px;
    border-radius: 5px;
    background: rgb(40,54,104);
background: -moz-linear-gradient(180deg, rgba(40,54,104,1) 0%, rgba(47,71,141,1) 50%, rgba(54,89,180,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(40,54,104,1) 0%, rgba(47,71,141,1) 50%, rgba(54,89,180,1) 100%);
background: linear-gradient(180deg, rgba(40,54,104,1) 0%, rgba(47,71,141,1) 50%, rgba(54,89,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#283668",endColorstr="#3659b4",GradientType=1);
}

nav .top, footer {
    background-color: black;
    color: white;
}


nav .links {
    background-color: black;
    align-content: center;
}

.profile-info {
display: none;
}

.comment-replies {
border-width: 1px;
}

.profile .friends .person p  {
color: white;
text-decoration: underline;
cursor: url(https://cur.cursors-4u.net/games/gam-2/gam134.cur), auto;
}

a:hover, .profile .friends .person p:hover {
color: white;
text-decoration: line-through;
cursor: url(https://cur.cursors-4u.net/games/gam-2/gam134.cur), auto;
}

a {
    color: white;
    text-decoration: underline;
cursor: url(https://cur.cursors-4u.net/games/gam-2/gam134.cur), auto;
}

.comments-table {
border: none;
}

button {
font-family: 'Chilanka', cursive;
background-color: black;
color: white;
border-style: none solid solid none;
border-color: gray; 
cursor: url(https://cur.cursors-4u.net/games/gam-2/gam134.cur), auto;
}
button:hover {
font-family: 'Chilanka', cursive;
background-color: white;
color: black;
border-style: none solid solid none;
border-color: gray;
cursor: url(https://cur.cursors-4u.net/games/gam-2/gam134.cur), auto;
}

.profile h1 {
   font-size: 30px;
   color: white;
}

.count {
    color: #3b6bdd;
}

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

DREAMEATRR	1707354110 Im using this, it looks nice Report Comment
JazzyJasper	1669083404 I. LOVE THIS, and I appreciate you as a person for making this lol Report Comment
vinvin	1662862602 SO CUTE ty Report Comment
alpaca	1650967747 FUCKIN LOVEEEEEEEEEE Report Comment
planetsonata	1632714254 looks amazing!! pov its 2005 and you just beat kh2 so you need to post about it on myspace Report Comment
Jenn	1613823641 I’m going to try to “steal” this layout. I’m old and technologically challenged.... Report Comment
Dreaa Doll <3	1613527259 Love this, thank you. :) Report Comment
Brittany Owen	1613520693 Report Comment
DΛVΣ⚗️	1613517751 OOH I CAN'T WAIT TO TRY IT Report Comment