HfJONE themed layout!

Tags: hfjone, hfj one, osc, objectshow community

Description:

there is a very SEVERE. lack of hfjone layouts, so i figured out how to make one myself!

Preview:

click on the image for a larger preview

Code:

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

<style>

body{
background-image: url('https://static.wikia.nocookie.net/objectshow-one/images/b/bd/Plane_Landscape.png');
background-position:undefined;
background-attachment: fixed;
background-size: contain;
background-color: #00ffff;
}

main{
background-color: #ccffff;
border: 3px Solid #ffffff;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #ccffff;
border: 3px Solid #ffffff;
}

span[itemprop='name'] {
color: #00bfff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

h4 {
color: #00bfff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.section h4, .details-table td:first-child {
color: #00bfff!important;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a, .count {
color: #00bfff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a:hover {
color: #00bfff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

body,main {
color: #00bfff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>


<style>

main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://pbs.twimg.com/media/Eur9S26UcAARRNN.png');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>
<style>
nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 100px;
    background-color: #6495ed;
}   
</style>

<style>




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

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

✩ 𝐀𝐈𝐑𝐘 ✩ (Br00k XD)	1743880711 using ^^ Report Comment
✨💡CAMEO💡🌟	1736947918 using! Report Comment
GreenyGuyFan	1736027604 Using! Report Comment
DistrustSolarBlame	1732949279 using jej Report Comment
Fumkyykmuf	1731975280 KAFIAGAUYWGYWA IM UZING THIS!!1!1!! Report Comment
★Ch3st3r★	1729736291 0MG UZ1NG!!>_<!!1! Report Comment
☆𝚃𝚢𝚕𝚎𝚛 𝙼𝚊𝚝𝚑𝚎𝚠𝚜 (O_O)☆	1728963414 using^^ :3 Report Comment
streber!!! XP	1727646044 using!!xP Report Comment
#1 coolio toolio!	1722302367 snatches up and eats like wild animal Report Comment no why are you eating it :(( you need knife and fork!!!! by kaleidoscope; 1723227569; Report
Juju	1720122124 useing:D Report Comment
junebug	1718289695 using Report Comment
vivi ☆	1710544196 using Report Comment WOAAHHH ANOTHER VIVI THAT ENJOYS OBJECT SHOW????? by Vivi / ViviTheBlock 🇧🇷; 1711104197; Report
SophiaX3!!!	1708905956 im taking this :3 Report Comment do not steal it but you can use it by kaleidoscope; 1709074742; Report
Expired/James✷	1708104763 USING TYSM 4 THIS Report Comment you are welcome!!! by kaleidoscope; 1708693501; Report
Szymi	1708092873 YOURE SO REAL WE NEED MORE HFJONE LAYOUTS IM USING THIS Report Comment we really do,,, by kaleidoscope; 1708693421; Report
phea!	1703435186 Using Report Comment
astro	1701984632 using !!! Report Comment
Orange_Juice	1697088042 :3 Report Comment :3 by kaleidoscope; 1697100836; Report silly by Orange_Juice; 1697136301; Report
— SPROUT !	1696794600 I LOVE THIS OMG Report Comment THANK YOUU by kaleidoscope; 1696820876; Report