the Beatles

Tags: rock, 60s, beatles

Description:

Comment if using! Pls credit me

Code:

<!-- (c) Layout created by (https://layouts.spacehey.com/layout?id=92527) --> <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/d0/98/99/d09899263f0f247770ebe8b9f8159e5e.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/8e/15/a4/8e15a4b630a812d3a35c5c6c07a4db2f.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://dl.glitter-graphics.com/pub/247/247506q0u4vuh84c.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://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 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://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 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://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 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://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 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://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 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://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 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://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 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://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 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/originals/a5/31/cc/a531cc8ae8aedb97ec58be437ed57081.gif'); 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/m2uTFF_3MaA?si=mQhpUEX8pbE85nMO//?&;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.