marvins marvelous mechanical museum layouut,,

Tags: tallyhall, tally hall, red, animation, gif, autoplay, music

Description:

you do not need 2 credit me,, comment if ur using though. ++in memory of marvin ofc: No disrespect 2 him at all

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by una ˙🎸 ̟  (https://layouts.spacehey.com/layout?id=104293) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
body{font-family: 'Noto Serif';}
</style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Sixtyfour&display=swap');
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
h2, h3, h4 {font-family: 'DotGothic16', sans-serif;}
</style>

<style>
.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "⟢ About me ✦"; font-size:.8rem; font-family: "DotGothic16";}
/*translation: "About me". You can change it back to its original title if you want!!*/
</style>

<style>
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "⟢ Who i'd like to meet ✦"; font-size:.8rem; font-family: "DotGothic16";}
/*translation: "Who i'd like to meet". You can change it back to its original title if you want!!*/
</style>


<style>
.profile .friends .person img:not(.icon) {
    filter: grayscale(100%);
</style>
<style>


body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(199 174 181 / 45%) 50%, rgb(0 0 0 / 20%) 30%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
</style>

<style></style>
<style>
body {
 margin:0;
 background-image: url("https://64.media.tumblr.com/4d7f961c2c3b24a3822b98967aff3292/dfbc62641fcf199b-e2/s640x960/e4be006f7ee94e87a3f48be1d1e8fcdc0125e676.pnj");
 background-size: cover;
background-attachment: fixed;
<style></style>
<style>
.profile {
  background-image: url(https://i.pinimg.com/564x/9a/67/45/9a67459fadafb938646ad5fdbb59c6ee.jpg);
  background-size: cover;
  color: #4d312f;
  text-shadow: 1px 2px 3px #403636;
  border: 6.6px ridge #823c37;
  box-shadow: 0px 0px 30.5px black;
<style></style>
<style>
main:before {
    width: 240;
    margin-bottom: 8px;
    height: 180px;
    display: block;
    content: "";
    background-image: url(https://lh6.googleusercontent.com/proxy/rqPdc6j7IPfStzmS49WAIge2gt5XUdmfAg303QrpBbLHreundt8tlogwW9v6pUFcsh-XWgIlYi9aHigorySaFL70bgZh_wQb2_3WaoYRIRZh4dL5odEU2Qz5ZKwXt3X4);
    border: ridge 9px #d13b30;
    background-color: transparent;
    background-position: center center;
    background-size: cover;
<style></style>
<style>
.online {
    color: black;
    text-shadow: 0px 0px 5px black;
}



.general-about .profile-pic {
    display: block;
    float: left;
    height: 174px;
    border: 8px ridge #db4f4f;
    box-shadow: 0px 0px 10px black;
}

.online img {
   content: url("https://64.media.tumblr.com/8e76dc25b9669d1e4c76417d74d0465e/eb7088c9bc9a98b3-f2/s75x75_c1/7fc94136abb0a8afc32de3d3dba0667543e2c7d4.gifv");
    animation-name: nyaah;
<style></style>
<style>
nav .top {
    display: block;
    background-color: transparent;
}
nav .links {
    display: block;
    background-color: transparent;
    font-family: Noto Serif;
    font-weight: 340;
    font-size: 9px;
    text-align: center;
<style></style>
<style></style>
<style>
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ✦ ";
    color: red;
    text-shadow: 0px 0px 4px black;
<style></style>
<style>
.profile .blurbs .heading, .profile .friends .heading {
    display: block;
    background-image: url(https://64.media.tumblr.com/04909adcfb86c4241d867e7ccd8d6dd2/b762797997554fd5-18/s400x600/728573343fb11189f82ec6d814596d8d9cb8d621.pnj);
    background-size: cover;
    background-position: center center;
    border: 4.3px outset #69413e;
    color: #baaead;
    text-shadow: 0px 0px 3px white;
}

.profile .blurbs .inner h4 {
    color: #c9b1af;
    text-shadow: 0px 0px 5px red;
    font-weight: 700;
}

.profile .blurbs .inner {
    font-family: Noto Serif;
    background-image: url(https://oaklandcountyblog.com/wp-content/uploads/2018/08/dsc002131.jpg);
    background-size: cover;
    border: 3.5px inset #4d3635;
    box-shadow: 0px 0px 26px black;
    color: #e3cecc;
}

.profile .blurbs:before {
    width: 240;
    height: 80px;
    display: block;
    content: "";
    background-image: url(https://64.media.tumblr.com/ff5f5295e54d1aa8a93dc021fd953709/741b13522cd5a67c-03/s400x600/7ac6c1403c905c514e902ed3de8066d4d1a9e87a.pnj);
    background-color: transparent;
    background-position: center center;
}



.profile .blurbs:after {
    width: 240;
    height: 31px;
    display: block;
    content: "";
    background-image: url(https://64.media.tumblr.com/577dcbb6de14a642d7d88c67e49176de/3e0117b744141412-fa/s400x600/ca4b9820a926ed0290491497cc31754bfc4c7bc6.gifv);
    background-color: transparent;
    background-position: center center;
}

.profile h1 {
    font-size: 3em;
    font-family: Sixtyfour;
    color: #e03838;
    text-shadow: 1px 2px 2px white;


<style></style>
<style>
a {
    color: #f2594e;
    text-shadow: 0px 0px 9px white;
}

a:hover, .count {
    color: red;
    font-style: underline;
    text-decoration: none;
<style></style>
<style>
table.details-table {
    background-image: url(https://oaklandcountyblog.com/wp-content/uploads/2018/08/dsc002131.jpg);
    background-size: cover;
    border: 3px inset #4d3635;
    box-shadow: 0px 0px 26px black;
}

.details-table td {
    background-color: white;
    border: 2.3px inset #947a78;
}

.details-table td:first-child {
    background: transparent;
    border: 2px outset #ad827f;
    color: white;
    font-family: monospace;
    font-size: 12px;
    font-weight: 400;
}
.details-table td:first-child a {
   border-color: transparent;

<style></style>
<style>
.profile .table-section {
    background-color: transparent;
    border-color: transparent;
}

.profile .table-section .heading {
    display: block;
    background-image: url(https://64.media.tumblr.com/04909adcfb86c4241d867e7ccd8d6dd2/b762797997554fd5-18/s400x600/728573343fb11189f82ec6d814596d8d9cb8d621.pnj);
    background-size: cover;
    background-position: center center;
    border: 4.3px outset #69413e;
    color: #baaead;
    text-shadow: 0px 0px 3px white;
<style></style>
<style>
.profile .contact .heading {
    background-image: url(https://64.media.tumblr.com/04909adcfb86c4241d867e7ccd8d6dd2/b762797997554fd5-18/s400x600/728573343fb11189f82ec6d814596d8d9cb8d621.pnj);
    background-size: cover;
    background-position: center center;
    border: 4.3px outset #69413e;
    color: #baaead;
    text-shadow: 0px 0px 3px white;
}
div.contact:after {
    width: 100%;
    height: 26px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/86d1dafdd5ecaac51db0baed88948597/3e0117b744141412-c0/s400x600/aa403a188be92167546779040e8f24a40830ef0d.gifv);
    background-position: center;
    background-size: 178%;
    background-repeat: no-repeat;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQt6QvkwJSVdGtDnGHbsJqIEJ64ZjgGChwdrxrl5l3hoA&s);
    background-size: cover;
    background-position: center;
    background-blend-mode: none;
    background-color: black;
    border: 4.3px outset #69413e;
    box-shadow: 0px 0px 23px black;
}

<style>
.profile .table-section .heading {
    background-image: url(https://64.media.tumblr.com/04909adcfb86c4241d867e7ccd8d6dd2/b762797997554fd5-18/s400x600/728573343fb11189f82ec6d814596d8d9cb8d621.pnj);
    background-size: cover;
    background-position: center center;
    border: 4.3px outset #69413e;
    color: #baaead;
    text-shadow: 0px 0px 3px white;
<style></style>
<style>
.profile .url-info, .profile .contact {
    border: 4.3px outset #69413e;
    background-image: url(https://oaklandcountyblog.com/wp-content/uploads/2018/08/dsc002131.jpg);
</style>
<style>
.comments-table td:first-child {
   background-image: url(https://oaklandcountyblog.com/wp-content/uploads/2018/08/dsc002131.jpg);
   background-size: cover;
   border-color: black;
}

.comments-table td:first-child a {
    color: white;
    text-shadow: 0px 0px 5px white;
    font-family: 'DotGoth16';
    font-weight: 400;
    font-size: 12px;
}

.comments-table td {
    background-color: transparent; 
    font-size: 11px;
}

.comments-table td a {
    color: white;
}

.comment-replies {
    border-color: black;
}

<style></style>
 <style> </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 {
	    /* add to friends */
	    content: url("https://64.media.tumblr.com/4809c0b5ec2c8b267908ea6b5e136266/2e220f9d268f7399-a1/s75x75_c1/fe376d99b5a0f6ff06af2d04d0b21099add4c51b.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/05fc5d9845794a37e4e2d27b277e5305/c138af8761d22bba-9d/s75x75_c1/b8ab733fda29abab77dca4361924fe0499de2511.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/d7f677c1998fa291984f36fcaa471305/ea80eafefbbcb7dd-8d/s75x75_c1/a197a725c3ec6ee430d9d12644877654f6668987.webp")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/da2b7a50eb0eee167f6fd1bf90c412a3/bdbbf3489b406cb1-cf/s75x75_c1/440f079467db372c492a379ddd36ca8776e2695a.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/9a093cdb4fc911ed54b2a83f1595bb57/5c8f8ba1241d78e6-0d/s75x75_c1/9d392db3aef38c6835b4ba034931bfb8c9cbe95e.webp")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/5d0b790aec8ee7e5aa8bd729b3c10289/dfa935be0bea0e1f-96/s75x75_c1/cbb864924d8db793cea4625cd8b266bda4bd6572.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/4e6db5e423b6d708fc481a11171bd2d5/400680e601e06838-05/s75x75_c1/00965e6e1111b11aa670cf10e1652c0f1d4d0a5e.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/ced5d5b41c3da59d6212f0c8d7c4ad3c/0081b0e25a02203d-89/s75x75_c1/db494e77815049d3b7ee3cd401ef26bf26a1f03e.gifv")
    } 

</style> <style></style>


<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://external-media.spacehey.net/media/sEVGv151dYKkcJAxxRDK7-J87pQSbLI-aSiCH2QlbrIU=/https://bluef00t.neocities.org/music/imgs/mmmm.gif);  width: auto; height: 39px; background-position: top center; background-size: 98%; background-repeat: no-repeat;}
.profile .url-info p {
  text-align: center;
  color: white;
  text-shadow: 0px 0px 5px white;
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/SwToedwyhoE//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

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 7 of 7 comments ( View all | Add Comment )

ⲧⲩⳑⲉʀ ( ! ) 🎸 ੭ . #so8	1715528878 using!! Report Comment
свинцовый шмель	1715438322 thx uu Report Comment
★ Amary / Tori ★	1715316265 Ahg i love it sm, using :3 Report Comment
Naed :3	1714996605 Im gonna be using it, tysm its awesome :3!!! Report Comment
V4lentin4 гераинчекк ^_=	1714892533 Usingg Report Comment
castiel ; loid	1714582386 wow, it was amazing, congratulations on the work! I will use it, thanks Report Comment
★ : RIA !	1714413030 Two minds think alike.............. (I'm also working on a MMMM layout!!!!) Report Comment omg.. so awesomesauce.. by una ˙🎸 ̟; 1714428585; Report