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 MALAH (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 329 comments ( View all | Add Comment )
gwen	1772981121 me Report Comment
cherry	1772924353 me Report Comment
𝙲𝚑𝚊𝚛𝚕𝚢	1772900616 Meee Report Comment
sugargliderrr	1772897880 me Report Comment
sugargliderrr	1772897877 me Report Comment
sugargliderrr	1772897875 me Report Comment
appleslic3	1772374245 using Report Comment
????	1772235413 using!! Report Comment
val	1772124623 using Report Comment
v4mpb0yz5694	1772083580 using Report Comment
1CHiGO_XwX	1772005693 Mee Report Comment
Lucien✧༺♥༻∞	1771951446 me (using!) :3 Report Comment
ST4R.T	1771785125 me!!! :3333 Report Comment
jin	1771690071 me! (using) Report Comment
🧠︎︎U̸N̸D̸E̸A̸D̸︎︎🧟‍♀️	1771391974 me im using <3 Report Comment
Friday	1770697748 using Report Comment
A☆	1770590767 using Report Comment
Paulina	1770419996 using Report Comment
This Book Is Haunted	1770234663 using Report Comment
Robin_TF	1769942704 me Report Comment