fall out boy infinity on high layout

Tags: fall out boy, infinity on high, emo, pop punk, simple, layout, 2000s, blue

Description:

no credit needed but it is appreciated:) pls comment if used ! this is a reupload of a layout i had originally posted on my old account that is now banned

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆ 🍉 (https://layouts.spacehey.com/layout?id=81291) -->

<style>

@font-face { font-family: 'baby bunny'; 
src: url(https://external-media.spacehey.net/media/sznqrHRbKodx5yQ8LQLufx12avvnRzmqn0I0G42-sEFE=/https://dl.dropbox.com/s/tgbmlazugt42539/Baby%20Bunny.ttf); 
} span{ font-family: 'baby bunny'; text-align: center; }

body{
background: url(https://external-media.spacehey.net/media/sThyxZR9-13ha0m2-43gT7lF4nF4ohyv8QWEIwdjuzmE=/https://i.pinimg.com/564x/e1/cd/98/e1cd984697b5fc0533cbedac8f77dde4.jpg);
text-transform: lowercase;
    font-family: fantasy;
}

nav .top{
background: transparent;
    border-radius: 8px;
}

nav .links{
background: transparent;
    text-align: center;
}

.container{
margin-top: 10px;
}

nav {
    font-size: max(72%, 12px);
    border: 2px solid white;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 0 11px white;
background: url(https://external-media.spacehey.net/media/svARlzPf5ObXzX0h_wUtR8DhkaspfummTj7Jzvh30qwY=/https://i.pinimg.com/564x/a9/94/36/a994366fcc77e1c7976c9f7bd15c4d1d.jpg);
    background-position-y: -70px;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
    filter: sepia(1) hue-rotate(357deg) saturate(10) brightness(1) drop-shadow(0px 0px 5px black) invert(1);
}

button, input {
    overflow: visible;
    background: #1b1b80;
    border: 2px solid white;
    color: white;
    border-radius: 5px;
    box-shadow: 0 0 5px white;
}

nav .links a:hover {
    text-decoration: underline;
    color: #0000ff;
    text-shadow: 0 0 4px white;
    font-weight: bold;
    text-transform: uppercase;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ✭ ";
    font-size: smaller;
    color: white;
}

nav .links .icon {
    vertical-align: -0.41em;
    font-size: 0;
}

main {
    background: url(https://external-media.spacehey.net/media/sfaelh3yad1lEfEDbUJqCzNO_8ypKw_9kXh9V-aqAxjY=/https://i.pinimg.com/564x/4b/7e/47/4b7e47d7f2b37aabdb2561f109349683.jpg);
    margin-top: 10px;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
    border: 3px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
}

span {
    font-size: 300%;
    animation: blinkingText 2s infinite cubic-bezier(0.46, -0.21, 0.55, 1.16);
    text-shadow: 0 0 10px;
}

@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 {
    text-transform: uppercase;
    text-decoration: none;
}

.edit-link {
    font-size: 90%;
    text-align: center;
}

.online{
content: url(https://external-media.spacehey.net/media/snxcKx0cUCTA9hw5vCdUdGW0wafwxQbDmf8hsCUiJHjA=/https://www.theaudiodb.com/images/media/album/cdart/infinity-on-high-4e6bd65e507f5.png);
    width: 120px;
    height: auto;
    animation: rotation 3s infinite linear;
}

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

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 0 8px white;
}

.url-info{
font-size: 0%;
background: url(https://external-media.spacehey.net/media/sSkESnyh9qEMx2q2Me0YrxYmCQArNABqBqdqTe2nA7T4=/https://i.pinimg.com/564x/2d/ca/d1/2dcad1f4d9b3bfc90cdd23e5bce9105b.jpg);
height: 300px;
    border: 2px solid white!important;
    border-radius: 8px;
    box-shadow: 0 0 8px white;
}

.profile-info {
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 0 7px white;
    background: url(https://external-media.spacehey.net/media/s6rcam--uwXxcZLWb6fMv3cXhZX1Wuh8z0QzGLZi2Of4=/https://i.pinimg.com/564x/64/06/08/6406085535ed89db368c86b0d9a38774.jpg);
    height: 130px;
    background-position-y: -10px;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    color: white;
    padding: 2px 7px;
    background: transparent;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 0 7px white;
    text-align: center;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.contact .inner {
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 0 7px white;
    margin-top: 10px;
    background: url(https://external-media.spacehey.net/media/sn1osbee0E-QInx9J6QtlGFc_QXBFqYekfQC0RZ_62D0=/https://i.pinimg.com/originals/5b/a8/ab/5ba8abf93a9bab3dfc6ba8f982b3e4dd.gif);
}

.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
    font-size: 0;
}

.f-col:before {
    content: " - ";
    animation: blinkingText 2s infinite;
}

table.details-table {
    width: 100%;
    border: 2px solid white;
    border-radius: 8px;
    margin-top: 10px;
    box-shadow: 0 0 8px;
}

.details-table td:first-child {
    background: transparent;
    color: white;
    font-weight: bold;
    width: 33%;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 0 3px white;
}

.details-table td {
    background: transparent;
    border: 2px solid white;
    vertical-align: middle;
    border-radius: 8px;
    box-shadow: 0 0 3px white;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    color: white;
    padding: 2px 7px;
    border: 2px solid white;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 8px white;
}

.profile .blurbs .inner {
    border: 2px solid white;
    border-radius: 8px;
    margin-top: 10px;
    box-shadow: 0 0 8px white;
    background: url(https://external-media.spacehey.net/media/skiyOVRug5TNGhrCvYsUQUy_Q2JrPGEHDsXPtZLS3ybQ=/https://i.pinimg.com/564x/8c/41/2a/8c412adaf2ebfbaa17ceb939e8f0664f.jpg);
}

.profile .blurbs .section h4 {
    margin: 0;
    color: white;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 3px white;
}

.profile .friends .inner {
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 0 8px white;
    margin-top: 10px;
    margin-bottom: 30px;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 0 8px white;
}

.profile .friends .person p {
    color: white;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.count {
    font-size: 20px;
}

.comments-table td:first-child, .music-table td:first-child {
    background: transparent;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: transparent;
    vertical-align: top;
}

.friends tr {
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 0 8px;
}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border: none;
}

.comment-replies {
    padding: 0 5px;
    border: 2px solid white;
    margin-top: 10px;
    border-radius: 8px;
    box-shadow: 0 0 5px white;
}

.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 0 8px white;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: transparent;
    color: white;
}

html {
    filter: sepia(0.4);
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 2px;
    border: 1px dotted black;
}
::-webkit-scrollbar-thumb {
    background: #1f2b3b;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #fffbcd;  
}

table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}

.profile div#comments .inner {
    text-transform: math-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 20 of 53 comments ( View all | Add Comment )

jet	1749267928 using i love this Report Comment
SPAC3INVAD3R	1747191162 using! Report Comment
Rat Council :3	1744246520 using Report Comment
m𖤐tthew	1743466511 Using :3!! Report Comment
amba ^^	1742936629 using ^^ Report Comment
xv4mp1rex	1741057484 using :3 Report Comment
el3ven x3	1740425324 using!!! Report Comment
Mia	1738224908 using Report Comment
YDsItMttr	1737964915 Using this! I LOVE IT SJDSNJDNASD Report Comment
Ilja	1737061843 using :p Report Comment
vyee	1736665779 hii!! the edit my profile picture is not appearing when I try to use it ): and I doing something wrong? Report Comment
geewaylool	1736581764 using !! Report Comment
W3BBZ	1736549915 using methinks Report Comment
Nyx	1735520734 Using!!! Report Comment
Nyx	1735520733 Using!!! Report Comment
Silas	1734752941 USING!!! Report Comment
RI!! >_<	1734480692 AHH THIS IS AMAZING!! USING ^^ Report Comment
Faye ☆	1734208729 using :D Report Comment
riichie	1733580585 using :3 Report Comment
⁺˚⋆｡°✩{HANNAH}✩°｡⋆˚⁺	1729780417 omg im gonna use thins Report Comment