Batman 1966 Layout

Tags: batman, layout, 1960s, 60s, adam west, orange, vintage

Description:

literally love this show sm. Layout has an intro clip of Batman and Joker in the surfing episode. Comment if using xx

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
p{
  font-family: 'font-family: 'Shadows Into Light', cursive;
  font-size: 150%; color: teal;
}
h1,h2,h3,h4,h5{
  font-family: 'font-family: 'Shadows Into Light', cursive;

  font-size: 200%;  color: dark blue;
}
   body {
   background-image: url(https://i.pinimg.com/564x/47/e6/ba/47e6ba72ae2ef5ab7fcc5b38019e712d.jpg)
}

main{background-color:#f8f4e4;
}


}



.profile {
   background: url(https://i.pinimg.com/236x/5c/7c/a8/5c7ca8e8f6ece4ca181f8b5d7c39da72.jpg) no-repeat center center fixed;-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; 
 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: white;
   color: teal;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: dark blue;
   color: black;
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px #f8f4e4;
    height: 300px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #f8f4e4;
    background-image: url(https://i.pinimg.com/564x/97/ae/35/97ae355842da8a3f72b43efa12352555.jpg);
    background-position: center top;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/564x/ae/72/58/ae7258f521c355fa733f86c1b771ccaf.jpg);
    color: red;
background-position: center center;
    background-size: fit;
}

table.comments-table td {
    color: green;
}

:root {

--logo-blue:url(https://i.pinimg.com/564x/e0/fc/8a/e0fc8a944c9a8fd1bf57bfd38d9258c2.jpg);

--darker-blue: teal;

--lighter-blue: teal;

--even-lighter-blue:url(https://i.pinimg.com/564x/e0/fc/8a/e0fc8a944c9a8fd1bf57bfd38d9258c2.jpg);

--lightest-blue: #f8f4e4;

--dark-orange: ;

--light-orange:url(https://i.pinimg.com/564x/e0/fc/8a/e0fc8a944c9a8fd1bf57bfd38d9258c2.jpg);

--even-lighter-orange: #f8f4e4;

--green: pink;}

</style>







<style>
img {overflow-clip-margin:content-box; overflow:clip;
}

</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/b4/14/8a/b4148af082846d05243a70ecc6528190.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>

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

likifawcett

1714159134

THIS IS SOOOO CUTE IM USING ITTT!!

Report Comment