HABIT (EverymanHYBRID) Layout

Tags:

Description:

HABIT is an antagonist from a Slenderverse YouTube series called EverymanHYBRID. We first meet him in a series of tweets he made, typing in all caps, and the main characters were unable to see them. He possesses one of the four main characters, Evan Jennings. ♬♩♪♩ ♩♪♩♬ Please let me know if anything is missing, I'll fix it when I can!! You may change the Interests page to whatever you'd like.

Preview:

click on the image for a larger preview

Code:

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

/* FONTS & TEXTS */
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Paytone+One&display=swap');
h1{
font-size: 30px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
}

.profile h1{
background: -webkit-linear-gradient(#621da8, #c083fc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.profile .blurbs .section h4{
font-family: 'DotGothic16', sans-serif;
text-align: center;
color: #280a40;
}

p{
font-family: 'DotGothic16', sans-serif;
Color: #280a40;
}

.online {
  background-color: none;
  color: #280a40;
}

.profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
}

.count{
color: #280a40;
}

.profile .blurbs .section h4{
font-family: 'DotGothic16', sans-serif;
font-size: 15px !important;
color: #280a40;
}

.profile .table-section .heading h4{
font-size: 17px !important;
font-family: 'DotGothic16', sans-serif;
Color: #280a40;
}

.profile .contact .heading h4{
font-size: 17px !important;
font-family: 'DotGothic16', sans-serif;
Color: #280a40;
}

.profile .blurbs .heading h4{
font-family: 'DotGothic16', sans-serif;
Color: #280a40;
font-size: 16px !important;
}

.profile .friends .heading h4{
font-family: 'DotGothic16', sans-serif;
Color: #280a40;
font-size: 16px !important;
}

.profile .friends .heading h4{
font-family: 'DotGothic16', sans-serif;
Color: #280a40;
font-size: 16px !important;
}

.profile .friends .person p{
color: #280a40;
text-shadow: 1px 1px #b300ff;
}

div.friends:nth-of-type(3) &gt; div.inner:nth-child(2) &gt; p:first-child &gt; b:first-child{
text-shadow: 1px 1px #f9ebff;
}

/* IMPORTANT BACKGROUNDS */
body { 
background: url(https://media.giphy.com/media/xUNda0yqu1Zy7GLguQ/giphy.gif);
        background-size: 480px;
        background-attachment: fixed;
}

main {
background: rgba(210, 166, 255);
        border-radius: 10px;
        border: 2px solid;
        border-color: #9e3dff;
}

footer {
background-image: url(https://i.pinimg.com/originals/c8/be/a5/c8bea574e316310bc4b38dd73fbad60c.gif);
        background-position: center;
border-radius: 15px;
border: 3px solid;
color: #9e3dff;
}

nav .top {
        background-image: url(https://media.tenor.com/oir8i4bY2tEAAAAC/vcr-purple.gif);
        background-size: 380px;
        background-position: center;
        border-radius: 10px;
        border: 2px solid;
        border-color: #9e3dff;
}  

/* CURSORS */
* {
    cursor: url('https://external-media.spacehey.net/media/ssHs1QxcStyV3Da-Box94YxJJlNP9AB6N7ZfbRryjDNo=/https://64.media.tumblr.com/7844805dc145c225d612a8c0303634c4/82bf13092174cbf4-c0/s75x75_c1/71e1717cc37fe80bf1629d77553d6c9197985434.gif'), auto;
}

/* LINKS */
nav{ 
font-size: 13px !important;
font-family: 'DotGothic16', sans-serif;
text-shadow: 1px 1px #d761ff;
text-transform:none;
padding-left:3px;
text-align: center;
}

nav .links {
background-color: transparent;
padding-left:3px;
text-align: center;
}
nav .links a:hover {
color: #d761ff;
}

a:hover{
color: #b940ff;
}

DIV.url-info &gt; P:nth-child(1) &gt; B{
font-size: 17px !important;
}

a{
color: #b940ff;
}

.logout-btn{
text-shadow: 1px 1px #b940ff;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
content: " 🪓 ";
color: white;
}

/* IMAGES */
 .icon, .award img {
content: url(https://i.imgur.com/Lo2TEyi.gif);
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

.online img { 
content: url("https://i.imgur.com/i0zJtXi.png");   
        visibility: visible; 
        height: 20px; 
        width: 25px; 
        animation-name: example;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
}

.profile .friends .person img:not(.icon){
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(255, 229, 246, 0.71);
        border: 3px solid black;
}

.general-about .profile-pic img{
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(255, 229, 246, 0.71);
        border: 3px solid black;
}

.search-wrapper input[type=text] {
        background-color: rgba(0, 0, 0, 0.0) !important;
        border: 3px solid black !important;
        color: white !important;
        border-radius: 0px !important;
}

nav .top .center form button{
        border-radius: 0px !important;
        border: 3px solid black!important;
        font-family: 'Josefin Sans', sans-serif !important;
        text-shadow: 1px 1px #b5778c;
        background-color: rgba(255, 247, 253, 0.47) !important;
        color: white!important;
}

.comments-table td * button{
        border-radius: 0px !important;
        border: 3px solid black!important;
        font-family: 'Josefin Sans', sans-serif !important;
        text-shadow: 1px 1px #EA99E6;
        background-color: rgba(255, 197, 241, 0.47) !important;
        color: white!important;
}

.comments-table td:first-child img:not(.icon) {
        width: 90px;
        max-width: 100%;
        max-height: 200px;
        border-radius:15px;
        border: 4px dotted white;
}


/* INFO AND COMMENTS */
.profile .contact{
      background: #ebadff;
        border: 4px solid black;
}

.profile .url-info{
      background: #ebadff;
        border: 4px solid black;
}

.profile .table-section{
      background: #ebadff;
        border: 4px solid black;
}

table.comments-table{
      background: #ebadff;
        border: 4px solid black;
}

.profile .contact .heading{
      background: #ebadff;
        background-size: 462px;
        background-position: center;
}

.profile .table-section .heading{
      background: #ebadff;
        background-size: 462px;
        background-position: center;
}

.comments-table td{
      background: #ebadff;
}

.comments-table td:first-child {
 background: #ebadff;
}

.comments-table td{
        background: #ebadff;
}

.profile .blurbs .heading, .profile .friends .heading{
background: #ebadff;
        text-align: center;
}

.profile .table-section .details-table td {
background: #ebadff;
}

.profile-info {
background: #ebadff;
        background-size: 462px;
        background-position: center;
        border: 3px solid black !important;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 30px;
}

.profile-info .inner {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: bold;
        text-align: center;
        text-color: white;
        text-shadow: 1px 1px #FFCEFD;
}

.comments-table {
        display: block;
        height: 500px!important;
        overflow-y: scroll;
}

.comment-reply:not(:first-child) {
        border-top: 3px double #ebadff;
}

.comment-replies {
        padding: 0 5px;
        border: 4px solid #ebadff;
        margin-top: 10px;
}

.url-info{display:none !important;}
} 



<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "Basics";
  --topic2: "Music";
  --topic3: "Aesthetics";
  --topic4: "Video Games";
  --topic5: "Kins";
  --topic6: "six";

 }

.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;
        font-family: 'Josefin Sans', sans-serif;
        text-shadow: 1px 1px #280a40;
        text-align: center;
        color: #280a40;
   
   
}
.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);
}

.table-section:not(:last-child) tr:nth-child(6) {
    display: none;
}

</style>

<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://pa1.narvii.com/7246/4f96ef27f4c808a4f5990665a0ddbf12296eb668r1-400-224_00.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
<style/>
</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 10 of 10 comments ( View all | Add Comment )

⸱៰ 🩸 ̩͙̾͒ 𝓚𝚞𝔯𝑡 . ⦻˚•.ೃ	1751260737 Usando <3 Report Comment
Arrow	1748132769 USINGGGG!!! <3 Report Comment
🥩🍭⦻Z0MBI3⦻🦑🐇	1738406892 USINGG! Report Comment
THE OBSERVER	1726091806 even though my profile is NOT based on habit at all, I am using . :} Report Comment
♱ Jay ☾	1724372167 USINGG Report Comment wait it isnt working by ♱ Jay ☾; 1724372295; Report
HABIT	1714164311 Using Report Comment
unnecessaryevils	1702441914 usiiing :3 Report Comment
HABIT	1702085403 using :)) Report Comment
Morphinemuffin	1688912020 Using!:p Report Comment
House Of Horrors	1688417811 when I try to input it it doesn't work and shows the code in the about me, how do I fix? Report Comment Try to refresh your page maybe? also i love your pfp sm LMAO by vo1dypoo; 1689895079; Report