beatles themed layout

Tags: the beatles, beatles, 60s, black, white, grey, i am in love with john lennon

Description:

just for my personal use but whatever if some other beatles obsessed person wants to use it they can

Code:

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

<style>a{color: white !important;}</style>

<style>h1,h2,h3,h4,p{color: white !important;}</style>



<style>

    body{

        

    background-image: url(https://i.pinimg.com/564x/6c/c7/14/6cc714775c7153a2bad527cecea4077e.jpg) !important;

    background-repeat: repeat !important;

    }

</style>



<style>

    main{

        

    background-color: black !important;

        

    }

</style>





<style>

    .top{

        

    background-color: black !important;



    }

</style>



<style>

    .links{

        

    background-color: black !important;



    }

</style>



<style>

    footer{

        

    background-color: black !important;



    }

</style>



<style>

    .heading{

        

    background-color: black !important;



    }

</style>



<style>

    table.details-table{

        

    background-color: white !important;

        

    }

    .profile .details-table td{

        

    background-color: black !important;

        

    }

</style>



<style>

    .contact{

        

    background-color: black !important;

    

    }

</style>



<style>

    .url-info{

        

    background-color: black !important;

    

    }

</style>



<style>

    .comments-table td{

        

    background-color: black !important;

    

    }

</style>





<style>

    .friends{

        

border: 1px solid black !important;   

        

    }

</style>



<style>

    .comments-table td{

        

    background-color: black !important;

 

    }

</style>



<style>

   .table-section .heading{

        

    background-color: black !important;

        

    }

</style>



<style>

   .contact .heading{

        

    background-color: black !important;



    }

</style>



<style>

    button{



border: 1px solid white !important;   

        

    }

</style>



<style>

    .contact{

        

border: 1px solid black !important;   

        

    }

</style>



<style>

    table.details-table{

        

border: 1px solid black !important;   

        

    }

    .profile .details-table td{



border: 1px solid black !important;   



    }

</style>



<style>

    .table-section{



border: 1px solid white !important;   

        

    }

</style>



<style>

    .friends{

        

border: 1px solid black !important;   

        

    }

</style>



<style>

    .url-info{

        

border: 1px solid black !important;   

        

    }

</style>



<style>.general-about img {-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}</style>

<style>.friends-grid img {-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}</style>



<style>

main:before {

width: 100%;

height: 500px;

display: block;

content: "";

background-image: url('https://i.pinimg.com/originals/57/70/32/577032a24a7fb1dbf38414e298fe72d3.gif');

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 600px) {

main:before{

height: 200px;

}

}

</style>



<style>.profile-info{display: none !important;}</style>

<style>.top{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important;}</style>

<style>footer{border-radius: 25px 25px 0 0 !important;}footer{border-radius: 0 0 25px 25px !important;}</style>



<style>.online{content: url("https://www.myspacegens.com/images/online_now/102.gif") !important;}</style>

<style>table.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>



<style>.contact img.icon { 

 display: none; 

}



.contact{background-color:  !important;}



.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{ 

 /* add to friends */

 content: " "; 

 display: inline-block; 

 width: 20px; 

 height: 20px; 

 background-image: url('https://pixels.crd.co/assets/images/gallery18/bce7eba1.gif?v=1987e5e0'); 

 background-size: 100% 100%;

} 

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{ 

 /* add to favorites */

 content: " "; 

 display: inline-block; 

 width: 20px; 

 height: 20px; 

 background-image: url('https://pixels.crd.co/assets/images/gallery18/bce7eba1.gif?v=1987e5e0'); 

 background-size: 100% 100%;

} 

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{ 

 /* send message */

 content: " "; 

 display: inline-block; 

 width: 20px; 

 height: 20px; 

 background-image: url('https://pixels.crd.co/assets/images/gallery18/bce7eba1.gif?v=1987e5e0'); 

 background-size: 100% 100%;

} 

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{

 /* forward to friend */

 content: " "; 

 display: inline-block; 

 width: 20px; 

 height: 20px;  

 background-image: url('https://pixels.crd.co/assets/images/gallery18/bce7eba1.gif?v=1987e5e0'); 

 background-size: 100% 100%;

} 

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{

    /* instant message */

 content: " "; 

 display: inline-block; 

 width: 20px; 

 height: 20px; 

 background-image: url('https://pixels.crd.co/assets/images/gallery18/bce7eba1.gif?v=1987e5e0'); 

 background-size: 100% 100%;

} 

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

    /* block user */

 content: " "; 

 display: inline-block; 

 width: 20px; 

 height: 20px; 

 background-image: url('https://pixels.crd.co/assets/images/gallery18/bce7eba1.gif?v=1987e5e0'); 

 background-size: 100% 100%;

} 

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

    /* add to group */

 content: " "; 

 display: inline-block; 

 width: 20px; 

 height: 20px; 

 background-image: url('https://pixels.crd.co/assets/images/gallery18/bce7eba1.gif?v=1987e5e0'); 

 background-size: 100% 100%;

} 

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

    /* report user */

 content: " "; 

 display: inline-block; 

 width: 20px; 

 height: 20px; 

 background-image: url('https://pixels.crd.co/assets/images/gallery18/bce7eba1.gif?v=1987e5e0'); 

 background-size: 100% 100%;

} 

</style>



<style>

body:before {



content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/564x/44/ef/da/44efda36d2f351bb0d681bf8941c2d14.jpg');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

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

pointer-events: none;



}

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

</style>




<iframe width="0" height="0" src="https://www.youtube.com/embed/DYTUjlDxhFE?feature=shared//?&;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>

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

✸ BELLA ✷	1760317150 I'm going to use this thanksss! ✌ Report Comment ofc dude!! by frankie; 1760368369; Report
Kylie	1759711564 using, Tysm!! Report Comment your welcome!!! by frankie; 1759787263; Report
⭑𝐅𝐫𝐨𝐠𝐠𝐢𝐞⭑🐾🦘	1754699540 using ^^ thank u!!! Report Comment your welcome!!! by frankie; 1754721320; Report
crosses	1753899736 using!!!!! :3 Report Comment thank uuu!!!! by frankie; 1753902300; Report
eddie j. valley	1752724491 using! love this Report Comment thank you!!!! by frankie; 1752732365; Report
Rayne/Ken	1752700666 this is so cool!! Def gonna use it tysm :) Report Comment thank u dude!!! by frankie; 1752700790; Report
Ray :P	1751762732 using!!! thank yew!! Report Comment yw dude!!! by frankie; 1751795143; Report
vitongo⁶⁹✮⋆˙	1751760260 using <3 Report Comment by frankie; 1751795156; Report
frannyapple	1751348630 USING THISSS IT'S SO CUTE Report Comment YAY THANK UUU!!! by frankie; 1751395738; Report
glittersneeze	1751094327 USING THIS IS SO CUTE TYSM BRO Report Comment YW BRO by frankie; 1751154341; Report
M10!!	1750159576 Usinggg!♡ Report Comment tysm!! by frankie; 1750163962; Report
elias	1749114646 using !! :DD Report Comment thank u!!! by frankie; 1749147683; Report
☣︎Ele☣︎(zombied)	1748952989 using but changed some things Report Comment sick by frankie; 1748988512; Report
liam	1747112780 ogh.. ysing thank you Report Comment UR WELCUM by frankie; 1747118523; Report
☆★hairp3n★☆	1744925047 using!!! (with tweaks of my own<3) Report Comment ofc!! thank u so much :))) by frankie; 1744974495; Report
Lais Furtado Barbosa	1743696121 Using<333 Report Comment thank uuu!!! by frankie; 1744204882; Report
✧.* andrew / jesse	1743347228 thank you, I will use :3 Report Comment yay thank you! C: by frankie; 1744205025; Report
n0a <3	1741197826 Using!!! Report Comment thank uuu!!! by frankie; 1741293586; Report
ROBBIE	1736621999 THIS IS EPIK Report Comment THANK U by frankie; 1736781395; Report