beatles themed layout

Tags: the beatles, beatles, 60s, black, white, grey, i am in love with ringo starr

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 ☆zuzanna☆ (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.