adventure time layout

Tags: adventure time, cartoons, autoplay
Description:

FEATURES -everything stays autoplay -star profile shape -banner -loading gif -custom cursor -custom spacehey logo -custom online gif
Code:

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

<style>* {cursor: url(https://ani.cursors-4u.net/toons/too-12/too1130.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/03/05/adventure-time-bmo.html" target="_blank" title="Adventure Time - BMO"><img src="https://cur.cursors-4u.net/cursor.png" alt="Adventure Time - BMO" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/64.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Lr0UOKd1dd0//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>

.logo {

content:url("https://upload.wikimedia.org/wikipedia/en/6/6f/Adventure_Time_logo.png");

}

</style>

<style>
.general-about .profile-pic img{
 clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}
</style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media0.giphy.com/media/Ue55CpP8r1lAc/giphy.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://www.artofthetitle.com/assets/sm/upload/zs/nt/07/fn/adventure_time_t.jpg?k=26e17cdffc');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>

<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Verdana !important; 
   font-size: 10px !important; 
   color: #000080  !important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
}
body {
   background-image: url(https://wallpaperaccess.com/full/5543183.png);
}
.top, .links, .heading, footer, button {
   background-color: 
#75bff6
 !important;
}
h1 {
@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital,wght@1,700&display=swap");
   font-family: Balsamiq Sans !important; 
   font-size: 18px !important;

}
h4 {
   color: #1ba30e !important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #2c0c60 !important;
}
td {
   background-color: white !important;
}
input, button:not(.logout-btn) {
   border: 1px groove #4c6f50 !important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #ff3617 !important;
}
.logo-fallback {
   height: 38px !important;
}
</style>

<style>

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

}
</style>

<style>
.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://yokai.crd.co/assets/images/gallery05/77177cba.gif?v=b4df531c')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://yokai.crd.co/assets/images/gallery05/77177cba.gif?v=b4df531c')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://yokai.crd.co/assets/images/gallery05/77177cba.gif?v=b4df531c')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://yokai.crd.co/assets/images/gallery05/77177cba.gif?v=b4df531c')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://yokai.crd.co/assets/images/gallery05/77177cba.gif?v=b4df531c')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://yokai.crd.co/assets/images/gallery05/77177cba.gif?v=b4df531c')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://yokai.crd.co/assets/images/gallery05/77177cba.gif?v=b4df531c')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://yokai.crd.co/assets/images/gallery05/77177cba.gif?v=b4df531c')
}
</style>

<style>
@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital,wght@1,700&display=swap");

.w-40 h1{
font-family: Balsamiq Sans;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#6fa8dc, #0b5394);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px #274e13;
}
</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 0 of 0 comments ( View all | Add Comment )