'infinity on high' fob layout

Tags: fall out boy, fob, infinity on high, blue, white, bandom, autoplay

Description:

i kinda hate this,,, i've been working on & off on it 4 like. two weeks 💀
includes a custom cursor and autoplays 'thnks fr th mmrs'
inspired by ray's layout, go check em out here!!
dont remove the credit + comment if ur gonna use!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=82770) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
h1{
  font-family: 'Satisfy', cursive;
}

  @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&display=swap');
h2, h4, p, body{
  font-family: 'DM Serif Display', serif;
}

h2, h4{
  font-size: 20px;
}

p, body{
  font-size: 15px;
}

body{
  background: url(https://tse4.mm.bing.net/th/id/OIP.o2Q7kbNG_aLi1ac8uSmRMAHaFL?pid=ImgDet&rs=1);
  background-attachment: fixed;
  background-size: 1100px;
}

.online{
content: url(https://external-media.spacehey.net/media/sK1neGDuTPNDih590gm9y7zLHSAUuXyPc3PYqXHm52e0=/https://o.remove.bg/downloads/e68b32f7-38ad-42f2-9fec-29be017a82ea/image-removebg-preview.png);
    width: 120px;
    height: auto;
    animation: rotation 3s infinite linear;
}

@keyframes rotation{
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.profile h1{
  font-size: 30px;
  border: 7px white double;
  border-radius: 10px;
}

.profile .blurbs .heading, .friends .heading, .profile .table-section, .profile .mood, .profile .contact{
  background: url(https://tse1.mm.bing.net/th/id/OIP.SBdP3Zhd3r4Ck2fP-7OKHQHaFj?pid=ImgDet&rs=1) !important;
  border: 7px white double;
  border-radius: 10px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.profile .contact{
  font-size: 14px;
}

.friends .comments-table{
  border: 7px white double;
  border-radius: 10px;
}

.count{
  color: white;
}

.friends img, .profile .contact img{
  filter: sepia(70%) hue-rotate(200deg) saturate(7);
}

.profile-pic img:hover, .friends img:hover, img:hover, .profile .url-info:hover, .profile-info:hover, h1:hover{
  animation: shake 5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


main{
  background: url(https://tse1.mm.bing.net/th/id/OIP.SBdP3Zhd3r4Ck2fP-7OKHQHaFj?pid=ImgDet&rs=1);
  color: white;
  border: 7px white double;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.profile .url-info{
  background: url(https://th.bing.com/th/id/R.c873e88f9fc9a60c4f623bdc51158738?rik=3t%2batvtJtnIKWg&pid=ImgRaw&r=0);
  background-size: 300px;
  background-position: center;
  height: 300px;
  border: 7px white double;
  border-radius: 25px;
  font-size: 0px;
}

.profile-info{
  background: url(https://31.media.tumblr.com/b80554b6813ea34e760457887f5d901f/tumblr_mhap7s7kKy1r3ingpo1_500.gif);
  background-position: center;
  height: 200px;
  font-size: 0px;
  border: 7px white double;
  border-radius: 10px;
}

.profile .contact img{
  display: none;
}

.friends a p{
  color: white !important;
}

.friends a p:hover{
  transition: 1s;
  color: blue !important;
}

nav .top, nav .links, footer{
  background: url(https://tse1.mm.bing.net/th/id/OIP.SBdP3Zhd3r4Ck2fP-7OKHQHaFj?pid=ImgDet&rs=1);
  color: white;
  border: 7px white double;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: white;
}

button{
  background: none;
  border: none;
}

h1, button{
  animation: blinkingText 2s infinite cubic-bezier(0.46, -0.21, 0.55, 1.16);
  text-shadow: 0 0 10px;
  text-align: center;
}

@keyframes blinkingText {
0% {color: white; }
50% { color: blue; }
100% { color: white; }
}

a{
  animation: blinkingText 2s infinite;
  text-decoration: none;
  text-shadow: 0 0 5px;
  font-style: italic;
}

a:hover{
  transition: 1s;
  filter: blur(1px);
  color: white;
}

.profile-pic img, .profile .friends img {
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}

body, body a:hover{
cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAMAAgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAABwAAAAYAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAABwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAACoAAABkAAAAXAAAACkAAAALAAAAAAAA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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAEw2Nja2S0tLzktLS85LS0vOSkpKzkpKSs1JSUnNNTU1tAAAAEkAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwAAAC4AAAA+AAAAPwAAAD4AAAA+AAAAPQAAAD0AAAAsAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////x4f//4AH///AB///wAf//8AH///AB///gAP//wAB//4AAf/+AAD//wAD///wH///+D//xvh//8B8f//APv//wD///4B///+AP///gD///8A////AP//////////////////8='), auto;
}
</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 14 of 14 comments ( View all | Add Comment )

Rodrick	1721935060 heck yeah i got your ass ioh layout Report Comment
🥀C.C🦇	1720447281 using Report Comment
clancy	1709657461 USINGG Report Comment
coretake_🍃	1705098028 usando Report Comment
Oxilaris	1703635138 USING ^_^ Report Comment
frank	1703051211 using but w/o the star pfps Report Comment
prinz	1702777642 Erm... Ackshully- I'm gonna use this! Report Comment
★Isaac★	1700752709 using!! Report Comment
Kyo	1700681635 maow (usin) Report Comment
axel	1700339833 actuallyim using this one. Report Comment
batzy	1699985820 im gonna use this but take off the autoplay if thats ok!! Report Comment thats fine by ⨂ valerie vengeance ⨂; 1699986031; Report
cairo	1699501953 omg i love this and i am using it, thank youuu will keep the credits to you Report Comment
Mishuuuฅ^._.^ฅ	1698434953 using x2!! :O) Report Comment
🌟 Saki/Kiz (Janebug)	1697598457 Using :33 this is absolutely banger Report Comment