O My Heart - Mother Mother // LAYOUT

Tags: red, white, gray, music, layout, xxjellyfishxx

Description:

O my heart is a fish out of water ᕕ( ᐛ )ᕗ Comment if using :3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Tobben van Elric (https://layouts.spacehey.com/layout?id=95331) -->

Main account: https://spacehey.com/xxjellyfishxx

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(http://dl2.glitter-graphics.net/pub/752/752002u5xfnfaqr5.gif);  width: auto; height: 70px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>

<style>
.online {content:url('https://media.discordapp.net/attachments/1100566960267329586/1195946351192715364/97_sin_titulo.gif?ex=65b5d6d5&is=65a361d5&hm=4e79c77e3d0a4d565fc8a7d61d87b4f57f602ed219e9a81e835c3039374efed6&'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>
img.logo{
content: url("https://media.discordapp.net/attachments/1100566960267329586/1195929218043871293/52_sin_titulo_20240113211258.png?ex=65b5c6e0&is=65a351e0&hm=f2067563363342d0c6f4df9cf2880264561c7280221f02afefd9523eca717c2f&");
width: 144px !important;
height: 50px !important;
</style>

<style>
body {
        background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAADICAMAAAA9W+hXAAAAA1BMVEXGCQjtQeRTAAAANElEQVR4nO3BMQEAAADCoPVP7WsIoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeAN1+AABVhDU2QAAAABJRU5ErkJggg==);

</style>

<style>

/*Text color*/
.profile {
color:#202520;}
</style>

<style>
footer{
    background-color: #f62524; /
</style>

<style>

:root { 

--darker-blue: #332f26;
--lighter-blue: #5d544d;
  --lightest-blue: #ffffff;
        --dark-orange: #f62524;
        --light-orange: #f3eeeb;
        --even-lighter-orange: #ffffff;
       --even-lighter-blue: #d6c8bd;

</style>

<style>

.profile {

background:#ffffff;

</style>

<style>

.count {
    color: #f62524;
}
</style>

<style>
:root {
    --topic1: "General";  
    --topic2: "Music";
    --topic3: "Movies";
    --topic4: "Television";
    --topic5: "Books";
    --topic6: "Heroes";

 }

.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 #f62524 !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>

nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 70px;
    background-color: #332f26;
}   </style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://pixelsafari.neocities.org/favicon/animals/fishkoi.gif');</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://pixelsafari.neocities.org/favicon/horror/medical/tool15.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/medical/tool15.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/medical/tool15.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/medical/tool15.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/medical/tool15.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/medical/tool15.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/medical/tool15.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/medical/tool15.gif")
    } 

<style></style>

<style>

/* comment section icon */

.comments-table td:first-child img:not(.icon) {-webkit-mask-image: url(https://uvassociates.in/sites/default/files/images/clip-arts/3d-Peach-Love-Heart-Transparent-Background.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>

/* friends icon */

.profile .friends .person img:not(.icon) {-webkit-mask-image: url(https://uvassociates.in/sites/default/files/images/clip-arts/3d-Peach-Love-Heart-Transparent-Background.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/736x/18/de/9f/18de9f544fb9657dbe13e96d50cc18d0.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://media.istockphoto.com/id/1334024232/vector/seamless-pixel-noise-texture-static-interference-grunge-vector-background-tv-screen-no-signal.jpg?s=612x612&w=is&k=20&c=yVNxKDBiaWw809wfu2b1eQO7BJcoXKnqKqSiReza3h0=);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} </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 8 of 8 comments ( View all | Add Comment )

Arlo <3	1711759370 using :) Report Comment
bellitaa	1709736314 using ;) Report Comment
○ 𝗚𝗶𝘀𝗲𝗹𝗹𝗲! ｡𖦹	1708390720 Using <3 Report Comment
Mari Kujo	1706991842 Usiiingg Report Comment
Gerafa	1705728541 usingg Report Comment
PaskiFresita	1705717186 usandooooo 💕 Report Comment
glo	1705713077 using Report Comment
StorliAAA	1705489326 Usando :3 Report Comment