Sigilcore Layout

Tags: drain, goth, black, sigil, sigilcore, layout, vhs

Description:

say me if u are using!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ᴘᴇɴᴜᴍʙʀᴀ (https://layouts.spacehey.com/layout?id=103592) -->

<style>

    body{
        background-image: url('https://i.pinimg.com/564x/55/0a/cb/550acb0857f22af6bf74235ae7b1b4ec.jpg');
        background-size: 900px;
    }
    
    nav .top{
        background-image: linear-gradient(to top, black -60%, transparent),url('https://i.pinimg.com/564x/41/8c/de/418cdef4c7c420a83f90aa1b51a540ad.jpg');
        border: outset #5e5e5e 5px;
        background-size: 200px;
height: 55px;
    }
    nav .links{
        background:linear-gradient(to bottom, #5e5e5e, black);
        text-align: center;
        border: ridge 5px #242424;
    }
    nav .logo{
        display: none;
    }
    LABEL{
        display: none;
    }
    FORM{
margin-bottom: -40px;
    }
    main{
        background-color: black;
        border: double white;
        box-shadow: 0px 0px 15px 10px black;
    }
    main .right{
        background-image: url('https://i.pinimg.com/originals/4b/5d/a6/4b5da63844b3760bb5dcc9ef2e6fa402.gif');
        background-size: 550px;
        border: solid 5px;
        background-attachment: fixed;
    } 
    .profile h1{
        font-size: 30px;
        color: white;
    }
    .profile .blurbs .heading{
        background:linear-gradient(to bottom, #5e5e5e, black);
        color: black;
        text-shadow: 0px 0px 5px white;
        border: solid black;
        box-shadow: 0px 0px 5px white;
        text-align: center;
    }
    .profile .blurbs .inner{
        background:linear-gradient(black, transparent);
        border-bottom: solid black 5px;
        border-left: solid black;
        border-right: solid black;
        height:130px;
    }
    
.container{
    width: 950px;
}

.general-about{
    background-image: url('https://i.pinimg.com/564x/32/0e/10/320e10db4df3d33832ece84b24db6629.jpg');
    height: 180px;
    border: double white 5px;
}

.general-about .profile-pic {
    height: 50%;
    width: 70%;
  }

.general-about .profile-pic img {
    max-width: 150%;
    max-height: 150%;
    display: block;
    box-shadow: 5px 10px 10px black;
    margin-top: 15px;
    margin-left: 15px;
    border: double black 3px;
  }
  
  


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

.profile h1{
    font-family: 'UnifrakturMaguntia', cursive;
    font-size: 50px;
    text-align: center;
    color:black ;
    -webkit-text-stroke-width: .1px;
    -webkit-text-stroke-color: white;
    transform: rotate(-2deg);
}

p{
  font-family: 'Rajdhani', sans-serif;
}
h1,h2,h3,h4,h5{
  font-family: 'Pirata One', cursive;
  font-size: 15px;  }
  
  a{
      font-family: 'Pirata One', cursive;
  }
  
  nav .links{
      font-family: 'Pirata One', cursive;
      letter-spacing: 0.2em;
  }
  
.profile .blurbs .section h4{
      color: white;
      text-align: center;
}
      
   .profile .contact{
       background-image: linear-gradient(black, transparent),url('https://i.pinimg.com/564x/27/5f/28/275f2808f070c5c612953bc8bd9da9ad.jpg');
       background-size: 500px;
       background-position: center;
       border: double white;
       text-align: center;
   }
   .profile .contact .heading{
       background:linear-gradient(to bottom, #5e5e5e, black);
       border: double black 2px;
   }
   
   .profile .friends .heading{
       background-color: black;
       border: double gray 3px;
       text-align: center;
       color: white;
   }
   
   .profile .friends .inner{
       background-image: url('https://i.pinimg.com/736x/04/01/90/040190e22b2136d7c9a6df1b7dfe8cbb.jpg');
       background-size: 300px;
       border: outset gray 5px;
       margin-bottom: 10px;
       background-blend-mode: overlay;
       background-color: #2f2f2f;
       text-align: center;
       color: white;
   }
   .count{
       color: white;
   }
  </style>
  
  <style>
      .profile .url-info{
      background-image: url('https://i.pinimg.com/564x/9f/2b/b1/9f2bb196adffe58e890d9bc37cb1600f.jpg');
      color: white;
      border: none;
      text-align: center;
  }
  
  .profile .table-section{
      background-image: url('https://i.pinimg.com/564x/97/e7/f5/97e7f51f244940ecf57c0a9440e8109c.jpg');
      border: ridge #454545 5px;
      background-blend-mode: overlay;
    background-color: #2f2f2f;
  }
  .profile .mood{
      color: white;
      margin-top: 7px;
      text-align: center;
  }
  
  .profile .table-section .heading{
      background:linear-gradient(to bottom, #5e5e5e, black 50%);
  }
  .table-section .inner .details-table tbody tr td {
      background-color: transparent;
      color: white;}
      
      DIV.blog-preview{
          
          color: white;
          box-shadow: 0px 0px 10px black;
          text-align: center;
          border: solid white 1px;
          
      }
      .profile h1:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 20px;
  width: 360px;
  background-image: url('https://64.media.tumblr.com/e7d451617c86085e4f662057a06d3da4/2c1d62cd1a56793e-e6/s2048x3072/380e1c03b7da1bffe42521d3bdcfac2ed04cceea.pnj');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(2deg);
  margin-bottom: -10px;
}

    .mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 20px;
  width: 360px;
  background-image: url(https://i.pinimg.com/564x/d1/37/0a/d1370aae4fc7c18ba7925f98d523588f.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.profile .url-info:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 20px;
  width: 350px;
  background-image: url(https://i.pinimg.com/564x/f9/7e/75/f97e75e110756e922152cb26a72df38f.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: -12px;
}

.comments-table td{
    background-color: transparent;
    border: none;
}

table.comments-table{
    background-color: transparent;
    border: none;}
  
  :root {
    --light-orange: ;
       --even-lighter-blue: white;}
       
         a{
        
    color: white;
        
    }
    a:hover{
        
    color: black;}
    
    nav .links a{
        text-shadow: none;
    }
    nav .links a:hover{
        color: black;
    }
    
    .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/e766542b34586c4cfae4e5d4538fb903/0cb1053f7d3f6121-04/s75x75_c1/e50c9e3c2c5fa82c25f25c6c9ad73b4f678112ae.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/e766542b34586c4cfae4e5d4538fb903/0cb1053f7d3f6121-04/s75x75_c1/e50c9e3c2c5fa82c25f25c6c9ad73b4f678112ae.gifv)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url(https://64.media.tumblr.com/22f381abfbd496a04b2d854929aef85d/0cb1053f7d3f6121-ca/s1280x1920/1ad2554d40ec35eeae51e431ec18db216aebbb23.gifv)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url(https://64.media.tumblr.com/22f381abfbd496a04b2d854929aef85d/0cb1053f7d3f6121-ca/s1280x1920/1ad2554d40ec35eeae51e431ec18db216aebbb23.gifv)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url(https://64.media.tumblr.com/4d2228396090fc0e1074d317cc5a9bd4/405abef7f6d766bf-33/s75x75_c1/8593f65408a03fd29972b0f6f631d64ae9e77848.gifv)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url(https://64.media.tumblr.com/4d2228396090fc0e1074d317cc5a9bd4/405abef7f6d766bf-33/s75x75_c1/8593f65408a03fd29972b0f6f631d64ae9e77848.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/5066a8592082154a55ad4aefc50b5b3f/0cb1053f7d3f6121-0e/s1280x1920/6c108e26826eab33bceaea99cc5bb5b17d1e9520.gifv)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url(https://64.media.tumblr.com/5066a8592082154a55ad4aefc50b5b3f/0cb1053f7d3f6121-0e/s1280x1920/6c108e26826eab33bceaea99cc5bb5b17d1e9520.gifv)
}

main:before {
width: 98%;
height: 120px;
display: block;
content: "my dear...";
background-image: url('https://i.pinimg.com/originals/7e/5b/a1/7e5ba1fe853aa1b41242edb66dd9372f.gif');
background-position: center;
margin-top: 5px;
margin-left: 9px;
margin-bottom: 10px;
background-size: 700px;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
  </style>
  
<style>
    .container{ 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 10px); }
    100%   { transform: translate(0, -0px); }   
}
    
    footer{
        background-color: transparent;
    }
</style>

<style>
    .profile h1{
  animation: shake 0.4s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 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>
  
<div class="mug"></div>
<div class="mug2"></div>
<div class="mug3"></div>
<div class="mug4"></div>
<div class="mug5"></div>


<style>
div.mug {
    background: url(https://i.pinimg.com/736x/08/8b/6e/088b6ed91690a892acc6c6d6ed2060b3.jpg);
       background-size: 100%!important;
       position: fixed;
    left: 930px;
    bottom: 600px;
    height: 350px;
    width: 210px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }
    
    div.mug2 {
    background: url(https://i.pinimg.com/564x/fe/10/fb/fe10fbb9158daca5bae8b7e0df91d9bf.jpg);
       background-size: 90%!important;
       position: fixed;
    right: 960px;
    bottom: 850px;
    height: 220px;
    width: 210px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }
    
    div.mug3 {
    background: url(https://i.pinimg.com/736x/44/8c/39/448c39ae131b9b0ee3ec725b0e5e9b16.jpg);
       background-size: 100%!important;
       position: fixed;
    right: 960px;
    bottom: 450px;
    height: 220px;
    width: 180px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }
    
    div.mug4 {
    background: url(https://i.pinimg.com/564x/cc/3f/63/cc3f638b4b0abda54f26c94ce5cd9270.jpg);
       background-size: 140%!important;
       position: fixed;
    left: 960px;
    bottom: 250px;
    height: 220px;
    width: 189px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }
    
    div.mug5 {
    background: url();
       background-size: 170%!important;
       position: fixed;
    left: 220px;
    bottom: 530px;
    height: 720px;
    width: 189px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
    }
    
</style>

<style>
    body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 30%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
html:after {
  background-image: url('https://i.pinimg.com/originals/dd/13/ef/dd13efed9bc1409c1791b14d3a45e6f1.gif');
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}

</style>


<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-9/oth827.ani), url(https://cur.cursors-4u.net/others/oth-9/oth827.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/02/05/zombie-hand-working-in-background.html" target="_blank" title="Zombie Hand - Working In Background"><img src="https://cur.cursors-4u.net/cursor.png" alt="Zombie Hand - Working In Background" style="position:absolute; top: 0px; right: 0px;"/></a>
  

<style>

.general-about img {-webkit-mask-image: url( https://i.postimg.cc/4N5mdGFw/842-sin-t-tulo-20240413155316.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

<style>

.general-about{

  position: relative;
 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://file.garden/ZhskYuku-2VN9Sdz/q5ottq.png') no-repeat;

  background-size: cover;

  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -50px;
  left: -70px;


<style>

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/4N5mdGFw/842-sin-t-tulo-20240413155316.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

<style>

.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/4N5mdGFw/842-sin-t-tulo-20240413155316.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}



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

⋆ Stwar✩	1714943972 using :p Report Comment
Jayden (profile in wip)	1714915464 me Report Comment
stargirl ^0^	1714778317 using! Report Comment
varx	1714764186 using !!! Report Comment
Cherri	1714739537 Using!! Report Comment
Strawrbey ꨄ	1714678147 Using Report Comment
⸸ 𝔑𝔢𝔤𝔞𝔱𝔦𝔳𝔦𝔰𝔱 ⸸	1714677688 Me Report Comment
💫𝔯𝔲𝔰𝔱𝔢𝔢𝔷💫	1714433817 me Report Comment
emmy	1714420523 Me Report Comment
𐔌 ᡣ𐭩 𝑳𝒖𝒄𝒊𝒏𝒆 ! ୧	1714275264 Using tyty!! Report Comment
I hate csh	1714257889 Me! (I have a small problem, does anyone know how to change the color of the text in the About me section and Who I'd like to meet?) Report Comment ooooh sorry im gonna fix this by ᴘᴇɴᴜᴍʙʀᴀ; 1714261122; Report
mitsuri_best.girl	1714237437 using Report Comment
☆canine/scythe. AUTO MUSIC	1714169287 using Report Comment
🩸 Elliot / Vyrix ☎️	1714154449 using Report Comment
~°Maru°~	1714153390 literally me Report Comment
churrion	1714066373 me! Report Comment
Dissonance	1713906671 Me :D Report Comment
cheri	1713727761 me!! ty for this its so pretty <3 Report Comment
☆kaito!☆	1713579594 me!! Report Comment
Shanti	1713412705 Me!! <3 Report Comment