Everywhere At The End Of Time Layout

Tags: layout, everywhere at the end of time, autoplay

Description:

my first layout! not the best. i made a layout for this amazing album cus i cant stop thinking about it :D has autoplay,custom cursor, and the profile is flipped !! no credit needed, just enjoy :3

Preview:

Code:

<!-- (c) Layout created by samuel (https://layouts.spacehey.com/layout?id=38371) --> <iframe width="0" height="0" src="https://www.youtube.com/embed/MsD6FI2deI4//?&;amp;;autoplay=1&;loop=1&;controls=1&quot;" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe> <style> font-size: 150%; } h1,h2,h3,h4,h5{ font-size: 200%; } body { background-image: url("https://headphonecommute.com/app/uploads/2019/10/caretaker-everywhere-an-empty-bliss-1048x1048.jpg"); } .profile { background-color: rgb(31, 41, 46); } /* ignore these */ .profile .blurbs .heading, .profile .friends .heading{ background-color: rgb(insert rgb); color: #a0aab0; } /*ignore these */ .profile .contact .heading, .profile .table-section .heading{ background-color: black; color: rgb(160, 170, 176); } /*header*/ main:before{ width: auto; margin-bottom: 0px; border: 0px black; height: 300px; display: block; content: ""; box-shadow: 0px 0px 0px 0px #03ff20; background-image: url("https://2.bp.blogspot.com/-WKsnLxm7DFs/WOl3Jm20WMI/AAAAAAAAJUY/ZInuI9DZNBEtENKLvEQ1e7uU0LB1YTwXwCLcB/w1200-h630-p-k-no-nu/Everywhere2.jpg"); background-position: center center; background-size: cover; } h1 { color: #a0aab0; } p { color: #a0aab0; } h4 { color: #a0aab0; } table.comments-table td { color: rgb(160, 170, 176); } footer { border-radius: 15px; background-image: url(https://i.ytimg.com/vi/uHPZqIYnaLM/mqdefault.jpg); color: white; } /*online now icon*/ .online { visibility: hidden; } .online img { content: url("insert url here"); animation-name: none; visibility: hidden; height: 25px; width: 90px; } /*color*/ :root { --logo-blue: #363e42; --darker-blue: #a0aab0; --lighter-blue: ; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: #a0aab0; --light-orange: #37444a; --even-lighter-orange: #37444a; --green: pink; } .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-color: ; color: #a0aab0; } /* colors for table cell background (by default spacehey has a separate color for :first-child) */ .profile .table-section .details-table td { background-color: ; color: #a0aab0; } /* headings on the right */ .profile .blurbs .heading, .profile .friends .heading { background-color: ; color: #a0aab0; } </style> <style> /*contacting icons*/ .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 { /* Add to Friends */ content: "·" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* Add to Favorites */ content: "·" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: "·" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* Forward to Friend */ content: "·" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* Instant Message */ content: "·" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* Block User */ content: "·" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* Add to Group */ content: "·" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* Report Profile */ content: "·" } </style> <style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1051.cur), auto !important;}</style><a href="https://cur.cursors-4u.net/cursors/cur-11/cur1051.cur" target="_blank" title="Spider Man Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Spider Man Smiley" style="position:absolute; top: 0px; right: 0px;"/></a> <style> /*flip profile*/ .profile{ direction: rtl; } .blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{ direction: ltr; } </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.