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.