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

{🐌}_꯱ׁׅ֒ꪀׁׅɑׁׅ֮ꪱׁׅᥣׁׅ֪ . ${🐌}_꯱ׁׅ֒ꪀׁׅɑׁׅ֮ꪱׁׅᥣׁׅ֪ .'s profile picture$	1778790877 CAN SOME1 GIVE ME THE CODE TO MAKE THE NAME SHAKE LIKE THAT Report Comment
gato	1778784415 me Report Comment
h3aven	1778585537 using!! Report Comment
Yanyang	1777993939 USINNGG HEHE Report Comment
AkA_oK	1777549697 I'll be using this layout if you don't mind! Report Comment
sophi	1776801456 usinggg! Report Comment
sophi	1776801456 usinggg! Report Comment
Christopher	1775767078 Me, thx! 🙏🏻 Report Comment
༉⋆′˚ 𝕮𝔞𝔰𝔱𝔦𝔢𝔩 ♱ ˙°′˚	1774278658 usinggggg Report Comment
◟♯ . / Sammy . !	1773864698 using <3 Report Comment
kov	1773490362 me Report Comment
gwen	1772981121 me Report Comment
fresasconcrema	1772924353 me Report Comment
𝙲𝚑𝟺𝚛𝚕𝚒𝟹	1772900616 Meee Report Comment
sugar	1772897880 me Report Comment
sugar	1772897877 me Report Comment
sugar	1772897875 me Report Comment
????	1772235413 using!! Report Comment
val	1772124623 using Report Comment
v4mpb0yz5694	1772083580 using Report Comment