cybersigil layout

Tags: cyber y2k sigil blackandwhite

Description:

this is my first layout !! feel free to change anything you want. comment if you're using it <33

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/HJ_MBwy3Q24//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
* {cursor: url(https://i.ibb.co/6v6brsV/53b17a63.png), auto !important;}
a:hover {cursor: url(https://i.ibb.co/LY54BwG/74c746bb.png), auto !important;}
</style>

<style>
/*Colors*/
     :root {
        --logo-blue: #;
        --darker-blue: #BDC4CC;
        --lighter-blue: #262c2f;
        --even-lighter-blue: #262c2f;
        --lightest-blue: #262c2f;
        --dark-orange: #BDC4CC;
        --light-orange: #262c2f;
        --even-lighter-orange: #262c2f;
        --green: #262C2F;}

main {
border-radius: 0 0 0px 0px;
background: #262c2f !important;}

.profile {
color:#BDC4CC;
text-shadow: 0 0 9px black;}

/*Cyber Background*/
body {
background:url('https://i.pinimg.com/474x/aa/66/46/aa66464e010fb5db7314c138ad294efa.jpg');
no-repeat fixed; }

/*Background Wallpaper*/
.profile {
background-image:URL("https://i.pinimg.com/236x/e6/ac/1d/e6ac1d69e2b95565ad008c84ebdecb98.jpg");}

/*Footer Wallpaper*/
footer {background-image:URL("https://i.pinimg.com/236x/e6/ac/1d/e6ac1d69e2b95565ad008c84ebdecb98.jpg");
background-repeat: none;
border-radius: 0px;}

/*Navigation Bar Icons*/
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: URL("https://i.ibb.co/VCS3Kpj/cross.png");}

/*Online Now Icon*/
.online{
content: url(http://www.myspacegens.com/images/online_now/65.gif);}

/*Cross Divider*/
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 40px;
  background-image: url(https://64.media.tumblr.com/38bd2d58486fbc3f7da50032aa3aa657/503c22838dc06488-eb/s540x810/d213fd6417e6264e44d2516f13048256a014c5ac.gifv);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;}

/*Comment table border*/
  table, tr, td { 
  background-color: none; 
 border:none; } 
</style>



<style>
/*Custom Contact Icons */
.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://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorite */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4
");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send a Message */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Foward to Friend*/
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group  */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
</style>
  
  <style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol40.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/27/hol40.html" target="_blank" title="Sickle"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sickle" style="position:absolute; top: 0px; right: 0px;"/></a>
  
<style>
/* font-family */
@font-face { font-family: "PenetrationOutGrunge-JvyM"; src: url('//dl.dropbox.com/s/3wt5r6e8l5xrc66/PenetrationOutGrunge-JvyM.ttf'); }
@font-face { font-family: "RavenouslyDemoGrunge-Ea9OW"; src: url('//dl.dropbox.com/s/ydwh9wmm0k5a2bo/RavenouslyDemoGrunge-Ea9OW.ttf'); }

</style>
  
  
<style>
body {
font-family: Courier New, monospace;
background-color: black;
  
  <style>
.general-about img {-webkit-mask-image: url( https://i.postimg.cc/HnQC0x15/2024-02-13-0xk-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/HnQC0x15/2024-02-13-0xk-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<style>

.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/HnQC0x15/2024-02-13-0xk-Kleki.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>
  
  <style>
nav img.logo {
 
 content:url("https://external-media.spacehey.net/media/s7jI7UpOAYKl-GFksHvsSXyXa3zV-LG7Dv2T3gmWdqe0=/https://i.postimg.cc/RFwzq46H/1646719d.gif");
    }
</style>

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</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 9 of 9 comments ( View all | Add Comment )

shin ♱	1749602880 using Report Comment
trin <33	1746929919 using Report Comment
Dylan	1744294050 usingg Report Comment
vamprincess	1742033399 usingg Report Comment
⛧𝔗𝔴𝔦𝔩𝔦𝔤𝔥𝔱 𝔖𝔥𝔞𝔴𝔱𝔶⛧	1732870416 using :> Report Comment
puked	1727846383 using Report Comment
𝚣✮𝚖𝚒𝚎	1715901853 usingg Report Comment
Pax!	1710038666 Using!!11!!1!!! Report Comment
‎ ‎ ‎ ‎ ‎ ‎ . ̫. cherie	1708182065 using !! Report Comment