watching u...

Tags: weirdcore, eyes, dark, black, purple, layout, animation

Description:

I made this for myself but decided to post it just in case anyone else wants to use it :P credit is not necessary but appreciated :) use this as a base if u want & there is no music (looks a bit iffy on phones) matching blog/bulletin layout

Preview:

click on the image for a larger preview

Code:

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

<style>
    .heading{      

    background-image: url('https://i.pinimg.com/236x/76/5d/21/765d2172350d1eaee91dbe0b7a9c60fe.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: NO REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    body{
        
    background-image: url('https://i.pinimg.com/564x/fd/5b/79/fd5b79502b2105f88beeed9d29633edf.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    main{
     
    background-color: BLACK !important;
        
    }
</style>

<style>
    .top{
        
    background-color: TRANSPARENT !important;
        
    }
</style>

<style>
    .links{
        
    background-image: url('https://i.pinimg.com/236x/76/5d/21/765d2172350d1eaee91dbe0b7a9c60fe.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    .top input{
        
    background-color: WHITE !important;
        
    }
</style>

<style>
    h1{
        
    background-image: url('https://i.pinimg.com/236x/76/5d/21/765d2172350d1eaee91dbe0b7a9c60fe.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
    
    }
</style>

<style>
    .contact{
        
    background-color: BLACK !important;
        
    }
</style>

<style>
    table.details-table{
        
    background-image: url('https://i.pinimg.com/236x/76/5d/21/765d2172350d1eaee91dbe0b7a9c60fe.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
    .profile .details-table td{
        
    background-color: WHITE !important;
        
    }
</style>

<style>
    .blog-preview{
        
    background-color: #0a0a0a !important;
        
    }
</style>

<style>
    .blurbs{
    
    background-color: #0a0a0a !important;
        
    }
</style>

<style>
    .friends{
        
    background-color: #0a0a0a !important;
        
    }
</style>

<style>
    footer{
        
    background-color: #0a0a0a !important;
        
    }
</style>

<style>
    .blog-preview h4{
        
    background-image: url('https://i.pinimg.com/236x/76/5d/21/765d2172350d1eaee91dbe0b7a9c60fe.jpg');
    background-repeat: repeat;
    background-attachment: FIXED !important;
    background-position: center;

    }
</style>

<style>
.contact {
        font-size: 14px;
        font-family: helvetica;
        border: dotted 0px!important;
        background: ;
        border-top: 0px;
        
    }
    .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://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif")
    } 
</style>

<style>
h1{
  color: WHITE !important;
}
</style>

<style>
h1{
font-size: 25px !important;
}
</style>

<style>
    .top{
        
    color: PINK;
   
    }    
    main{

    color: #6800fa !important;
        
    }
    footer{
        
    color: PINK;
        
    }
</style>

<style>
    a{
        
    color: LIME !important;
        
    }
    a:hover{
        
    color: PINK !important;
        
    }
    a:visited{
        
    color: WHITE !important;
        
    }
    .top a{

    color: PINK !important;

    }
    .top a:hover{

    color: RED !important;

   }
    .friends-grid p{
        
    color: LIME !important;
        
   }
    footer .links a:hover{

    color: #6800fa !important;

   }
    footer .links a:visited{

    color: WHITE !important;

   }
</style>

<style>
table, th, td {

  border: 0px solid;

     }

: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 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>
    .profile-pic img{
        
border: 1px solid PINK !important;   
        
    }
</style>

<style>
    .links{
        
border: 1px solid BLACK !important;   
        
    }
</style>

<style>
    .url-info{
        
border: 1px solid pink !important;   
        
    }
</style>

<style>
    footer{
        
border: 1px solid pink !important;   
        
    }
</style>

<style>
.online{
font-size:0 !important;
}
.online:after{
color: red;
content: "HELP ME";
font-size:.8rem;
font-weight:bold;
animation: blinker 1s linear infinite;
}
.online{
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
</style>

<style>
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.ibb.co/d2Np1d2/static.gif);
  background-size: 200px !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  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>

<div style="height:140px;width:120px;overflow:scroll;">
<img src="https://i.pinimg.com/236x/d1/19/35/d11935b3f0f05db9fe7c81b133d98b2a.jpg"/>

<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/originals/2b/87/8f/2b878fc08878b8673b9a942a8f5fac55.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
    .comments-table td{
        
    background-color: #0a0a0a  !important;
        
    }
</style>

<style>

img:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}
@keyframes shake{
  0% {transform: translate(1px, 1px) rotate(0deg);}
  10% {transform: translate(-1px, -2px) rotate(-1deg);}
  20% {transform: translate(-2px, 0px) rotate(1deg);}
  30% {transform: translate(2px, 2px) rotate(0deg);}
  40% {transform: translate(1px, -1px) rotate(1deg);}
  50% {transform: translate(-1px, 2px) rotate(-1deg);}
  60% {transform: translate(-2px, 1px) rotate(0deg);}
  70% {transform: translate(2px, 1px) rotate(-1deg);}
  80% {transform: translate(-1px, -1px) rotate(1deg);}
  90% {transform: translate(1px, 2px) rotate(0deg);}
  100% {transform: translate(1px, -2px) rotate(-1deg);}

</style>

<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>

<style>
li.active .icon { 
    content:url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif'); 
    width: 25PX;
    height: 25px;
    }
</style></div> 

<style>
.profile-info {
    border: 0px double black;
    display: ;
    padding: 2px 2px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: url(https://i.pinimg.com/originals/89/d1/dc/89d1dcc9306f34c088ff0eef70e22f2a.gif);
    height: 150px;
    background-position: center;
}
</style>

<style>* {cursor: url(http://www.rw-designer.com/cursor-view/166785.png), url(http://www.rw-designer.com/cursor-view/166785.png), auto !important;}</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 27 comments ( View all | Add Comment )

Kayden <3	1717883262 using! Report Comment
Yatochi	1706251784 using thank you very much Report Comment
AYBLE!! (Peanut's Version)	1702397704 definitely using!!! Report Comment
Mousey<3	1698056787 Using Report Comment
Stryder	1697902173 using :3 Report Comment
Casper	1693530031 Using<333 Report Comment
Television	1692673558 using this i think! Report Comment
Fizzy_Red_Soda	1691356744 might use Report Comment
•••	1690769708 Using Report Comment
Lucyid	1690754621 usin' :3 Report Comment
Synth	1690333317 using!!! Report Comment
Sofi ^_^	1690253765 usingg Report Comment
Grim	1689796371 Using!!! (looks great btw) Report Comment
𝓝𝓲𝓬𝓴𝓸𝓵𝓪𝓼	1689711351 Using this cause it looks cool asf idk where to add creds but i put it in my Interests thinggy Report Comment
WICKEDASFUCK	1689576870 holy fuck I love this layout Report Comment thank u!!! (≧ω≦) by ophelia; 1689577810; Report
chad/starlight:333_	1689213151 using!! Report Comment
inactive tav 💥	1689166288 using maybe!! Report Comment
Mr👾(jay)	1689156802 Using Report Comment
micho	1688935527 u s i n g Report Comment
Leo	1688915426 using Report Comment