INSIDE JOB THEMED LAYOUT

Tags: inside job, adult animation, retro, cognito

Description:

I searched up inside job on layouts and nothing came up so I decide to fill that void. If you haven’t seen the show, definitely check it out!!! I am a beginner at coding so feedback and suggestions (especially from other inside job fans) are recommended.

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  font-family: 'American Typewriter', serif;
text-shadow: 0px 0px 10px #f5faff;

nav .links a {
      text-shadow: 0px 0px 10px #f5faff;
}

}
</style>

<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
content: url(https://i.postimg.cc/wMvn5S4B/IMG-2900.png)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
content: url(https://i.postimg.cc/wMvn5S4B/IMG-2900.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
content: url(https://i.postimg.cc/wMvn5S4B/IMG-2900.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: url(https://i.postimg.cc/wMvn5S4B/IMG-2900.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: url(https://i.postimg.cc/wMvn5S4B/IMG-2900.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: url(https://i.postimg.cc/wMvn5S4B/IMG-2900.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
content: url(https://i.postimg.cc/wMvn5S4B/IMG-2900.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
content: url(https://i.postimg.cc/wMvn5S4B/IMG-2900.png)
}   
</style>

<style>
.logo {
content:url("https://i.postimg.cc/fLTtGm8n/IMG-2474.png");
max-width: 80px;  
height: 90px;  
}
</style>
<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<style>main:before {
	width: 100%;
	height: 100px ;
	display: block;
	content: ""; 
	background-image: url('https://i.postimg.cc/5yG7dG7C/IMG-2504.jpg');
	background-position: center;
	background-size: cover;
}
@media only screen and (max-width: 90px) {
	main:before{
		height: 100px;
	}
}</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.postimg.cc/W3kvQPxq/IMG-2510.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>
<style>
/*use rgb(242, 250, 255) for text use rgb(30, 30, 36) for bgs*/
  nav .top{
    border: 2px solid rgb(242, 250, 255);
    background-color: rgb(30, 30, 36);
  }
  nav .links{
    background-color: rgb(30, 30, 36);
    border-left: 2px solid rgb(242, 250, 255);
    border-right: 2px solid rgb(242, 250, 255);
  }
  main, .profile, body, #q, button{ /*edit this with an image remove rgb*/
    background-color: rgb(30, 30, 36);
  }
  a, .profile .friends .person p, .logout-btn, main, p, h4, .count, .heading, #q, button{
    color: rgb(242, 250, 255) !important;
  }
  .heading{ /*DO NOT RECOLOR*/
    background-color: rgb(30, 30, 36) !important;
    border-bottom: 2px solid rgb(242, 250, 255);
  }
  .details-table td{ /*this is the bg of the interests section DO NOT RECOLOR*/
    border: 2px solid rgb(242, 250, 255);
    background-color: rgb(30, 30, 36)!important;
  }
    .profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, .profile-info, .pfp-fallback, main, footer, #q, button{
    border: 2px solid rgb(242, 250, 255);
  }
  .col.right .heading{
    border: 2px solid rgb(242, 250, 255) !important;
  }
   .col.right .inner{
    border: 2px solid rgb(242, 250, 255);
    border-top: none;
  }
  .profile-info .inner{
    border: none !important;
  }
  .contact .icon{ /*replace with image*/
    content: url("https://pixelbank.neocities.org/decome/computers%20and%20electronics/483c42f3.gif");
  }
  nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
    color: rgb(242, 250, 255);

  }

   table.comments-table td {
        background-color: rgb(30, 30, 36) !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }


footer {
    border-radius: 120px;
    background-image: url(https://i.postimg.cc/4yy61sdq/IMG-2505.webp);
    color: rgb(242, 250, 255);

</style>
<style>
html:before{ 

   animation: grain 8s steps(10) infinite;
   background-image: url("https://i.postimg.cc/C17Gg5Ky/IMG-2875.gif");
   background-size: cover; 
   content: "";
   height: 250%;
   left: -50%;
   opacity:.25;
   position: fixed;
   top: -100%;
   width: 200%;
   no-repeat fixed; 
   background-size: 500px;
   mix-blend-mode: normal;
   pointer-events:none;
}
</style>
<style>
.logo {
content:url("https://i.postimg.cc/rm0c92tp/IMG-2896.png");
max-width: 80px;  
height: 90px;  
}
</style>
</div>

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.