updated scenemo layout

Tags:
Description:

playes moving in place by shauna dean cokeland, miku cursor, FEEL FREE 2 CUSTOMIZE ;p
Preview:

click on the image for a larger preview
Code:

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

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

<style>
footer::after{
  bottom: 0;
  font-size: 0;
  left: 80%;
  position:fixed;
  pointer-events: none;
  content:url("https://64.media.tumblr.com/5d41c4228827eb8e24dab498ea4679f3/da9e55f946c8b277-05/s250x400/6e31111c48bbf75b75bb7db731297e66f4fec7ac.gifv");
}
</style>


<style>

.logo {

content:url("https://64.media.tumblr.com/ad6fe8d0eb2d750e8a9028d1a44a7f6b/e981861a3b116e78-da/s250x400/030f500d44796547dad2836865e2d8935c9bf790.gifv");

}

</style>



<style>



body{

    background-image: url('https://64.media.tumblr.com/f203cb22c39edfda291dc53106d654ea/a565f0c6d480edac-94/s400x600/e1dde90f8a7cc368375e79658ea9e5f0e290a9e8.jpg');

    background-size: 552px;

}

nav .links{

    color: #301934;

    background-color: #39FF14;

    border-right: solid 1px;

    border-left: solid 1px;

    border-bottom: solid 1px;

    background-color: #000;

    text-shadow: 2px 2px 5px #301934;

    font-weight: bold;

    font-family: italic;

    text-align: center;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

}

nav .top{

    background-color: #39FF14;

    border-top: solid 1px;

    border-left: solid 1px;

    border-right: solid 1px;

    background-color: #000;

    color: #301934;

    text-shadow: 2px 2px 5px #301934;

    font-weight: bold;

    font-family: italic;

    font-size: 15px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

}



a:hover{

    color: white;

}

main {

    background: transparent;

    padding: 20px 0px;

}

main .left{

    background-image: url('https://64.media.tumblr.com/ec0558d3a5808cc6c19a7da4f9159111/662b8a7af52de790-c7/s250x400/250e9de4aa5a92a6fdd9c1b85d0147302d0112b8.pnj');

    background-size: 550px;

    padding: 20px;

}

main .right{

    background: transparent!important;

}

.general-about .profile-pic {

    border: solid 1px #301934;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    margin-bottom: 30px;

    animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    margin-left: 0px;

    margin-top: 0px;

}

@keyframes floating {

    0% { transform: translate(0,  0px); }

    50%  { transform: translate(0, 5px); }

    100%   { transform: translate(0, -0px); }

}

/*===============you can change the link to anything else===============*/

.profile-pic > img { display:none; }

.profile-pic:after { background-image: url("https://64.media.tumblr.com/17b0917ea3bae4fbcb553c23870fef1e/9f2e441c25855d68-29/s500x750/aea85c8b3f491fc48dacf79b1471113bc1bf3ed5.gifv"); 

display: inline-block; content:"" }

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 

.profile-pic:after{ 

  border: 4px solid  RebeccaPurple;  

  box-shadow: RebeccaPurple;

} 

.profile.person img:not(.icon){ 

    animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    margin-left: 0px;

    margin-top: 0px;

} 

.profile .mood{

    background-color: #39FF14;

    border: solid 1px #301934;

    margin-bottom: 30px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    text-align: center;

    color: #301934;

    font-family: italic;

    text-shadow: 2px 2px 5px;

}

.profile .contact{

    background-color: #39FF14;

    border: solid 1px #301934;

    margin-bottom: 30px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    text-align: center;

    color: #301934;

    font-family: italic;

}

.profile .url-info{

    background-color: #39FF14;

    margin-top: 30px;

    border: solid 1px #301934;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    color: #301934;

    font-family: italic;

    text-align: center;

}

.profile .contact .heading{

    color: #301934;

    font-family: italic;

    background-color: #39FF14;

    text-shadow: 2px -1px 5px;

    font-size: 15px;

}

.profile .table-section{

    margin-top: 30px;

    font-family: italic;

    border: solid 1px #301934;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    background-color: #39FF14;

    text-align: center;

}

.profile .blog-preview{

    border: solid 1px #301934;

    margin-bottom: 30px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    text-align: center;

    color: #301934;

    font-family: italic;

    text-shadow: 2px 2px 5px;

    background-color: #39FF14;

    font-size: 15px;

}

.profile .blurbs .inner{

    border-bottom: solid 1px #301934;

    border-left: solid 1px #301934;

    border-right: solid 1px #301934;

    margin-bottom: 30px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    text-align: center;

    color: #301934;

    font-family: italic;

    text-shadow: 2px 2px 5px;

    background-color: #39FF14;

}

.profile .friends .inner{

    background-color: #39FF14;

    border-bottom: solid 1px #301934;

    border-left: solid 1px #301934;

    border-right: solid 1px #301934;

    margin-bottom: 30px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    text-align: center;

    color: #301934;

    font-family: italic;

    font-size: 15px;

    text-shadow: 2px 2px 5px;

}

table.comments-table{

    background-color: #39FF14;

    color: #301934;

    text-align: center;

    font-family: italic;

    font-size: 13px;

}

.profile .table-section .heading{

    background-color: #39FF14;

    color: #301934;

    font-family: italic;

    text-shadow: 2px 2px 5px;

    font-size: 15px;

}

.details-table td{

    background-color: #39FF14;

    border-bottom: solid 1px #301934;

    color: #301934;

    font-family: italic;

}

.details-table td *{

    background-color: #39FF14;

    color: #301934;

    font-family: italic;

    text-shadow: 2px 2px 5px;

    font-size: 12px;

}

.details-table td{

    color: #301934;

    background-color: transparent!important;

}

.profile .blurbs .heading{

    background-color: transparent;

    border-top: solid 1px #301934;

    border-left: solid 1px #301934;

    border-right: solid 1px #301934;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    text-align: center;

    color: #301934;

    font-family: italic;

    text-shadow: 2px 2px 5px;

    font-size: 15px;

}

.profile .friends .heading{

    background-color: #39FF14;

    border-top: solid 1px #301934;

    border-left: solid 1px #301934;

    border-right: solid 1px #301934;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    text-align: center;

    font-family: italic;

    font-size: 15px;

    color: #301934;

    text-shadow: 2px 2px 5px;

}

.comments-table td{

    background-color: transparent;

    border: solid 1px #301934!important;

    outline: none!important;

    background-size: cover;

}

.comments-table td:first-child{

    background-color: transparent;

    border: solid 1px #301934!important;

    outline: none!important;

}

.comments-table{

    border: solid 1px #301934!important;

}

.comments-table td *{

    color: #301934;

}

/*===============Replace Icons on comments, remove/edit===============*/

.comments-table td * > img { display:none; }

.comments-table td:first-child{

    background-image: url('https://64.media.tumblr.com/6890483c3cb1e219604871c509f97bb0/c508eb30589774d4-02/s250x400/71cdc0513882507bf666903ada327f836255f55b.gifv');

    background-size: cover; height: 150px; width: 169px;

}

.profile h1{

    color: #301934;

    font-family: 'Yu Gothic';

    font-size: 30px;

    text-align: center;

    text-shadow: -1px 3px 10px #301934;

}

/*===============Online===============*/

.online {

    content: url('http://www.myspacegens.com/images/online_now/5.gif');

}

.details p:last-child{

    color: #301934;

    text-shadow: 2px 2px 5px #301934;

}

.url-info {display: none !important;} /* to hide the url */

.blurbs .heading{display: none !important;} /* to hide the blurbs heading */



a {color: var(--links) !important;} /* color of links */

a:hover {color: var(white) !important;} /* color of links on hover */

p, h2 {color: var(--text) !important;} /* color of text */

.friends a p {color: var(--names) !important;} /* color of names, and friends counter */

.friends a:hover p {color: var(--hover) !important;} /* color of names on hover */

nav label {color: var(--links) !important;} /* color of search */

.section h4 {color: var(--headers) !important; text-align: center;} /* aboutme & want2meet headings */

.comment-reply:not(:first-child) {border-top: 3px double hotpink;} /* line in between comment replies*/

.count {color: #301934;}



a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

    text-decoration: underline;

    text-decoration-style: wavy;

}

nav .links a:hover {

    text-decoration: underline;

    text-decoration-style: wavy;

}

.logout-btn:hover, .logout-btn:active {

    text-decoration: underline;

    text-decoration-style: wavy;

}

.blurbs{

    border-top: solid 1px #301934;

}



.comments-table {

    display: block;

    height: 500px!important;

    overflow-y: scroll;

    border: var(--borders) !important;

    outline: none !important;

    border: none!important;

}

.profile-info{

    margin-bottom: 30px;

    background-color: #39FF14;

    border: solid 1px #301934;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #301934;

    color: #301934;

}

.general-about .details{

    color: #301934;

    font-family: italic, bold;

    font-size: 13px;

}

footer {

    background-color: transparent;

    color: #39FF14;

    text-shadow: 2px 2px 5px #301934;

}





<style>

/* Force scrollbars onto browser window */



::-webkit-scrollbar {

    width: 5px;

    height: 12px;

}



::-webkit-scrollbar-track {

    border-radius: 0px;

    width: 2px;

    border: 1px solid RebeccaPurple;

}



::-webkit-scrollbar-thumb {

    background: RebeccaPurple;

    border-radius: 0px;

}



::-webkit-scrollbar-thumb:hover {

    background: RebeccaPurple;

}



</style>


<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "love";
  --topic2: "music";
  --topic3: "movies";
  --topic4: "books";
  --topic5: "hello kitty";
  --topic6: "pokemon";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>

<style>
main {
  /* sets background */
    background-image: url(https://64.media.tumblr.com/1fce0119bfad97ff67f7afa46f204ffb/543a6ac6ef99567b-f2/s400x600/7df5cc63545aa3a1e4720153ace54a9f840d79bb.gifv);
    background-repeat: repeat;
    background-size: 50% ;
  }  
</style>

<style>
/* contact 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 favorite */
content: "👾"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🧟‍♀️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "🧸"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "⛓️"
}   
</style>

<style>

/*Intro GIF Animation (fade out)*/
  body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url('https://64.media.tumblr.com/ed50489dd4b4c72b707b662d3ff9cb3d/68d2ea2da25d500d-0d/s400x600/a2b2a1f5f4a889b8849c3de886bc4b44b4eb4569.gifv'); /*gif link here*/
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1136.ani), url(https://cur.cursors-4u.net/anime/ani-12/ani1136.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/14/singing-hatsune-miku.html" target="_blank" title="Singing Hatsune Miku"><img src="https://cur.cursors-4u.net/cursor.png" alt="Singing Hatsune Miku" style="position:absolute; top: 0px; right: 0px;"/></a>
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 0 of 0 comments ( View all | Add Comment )