windows-esc layout

Tags: music, flash casanova, wii, windows, windows xp, nintendo wii, webcore, cybercore

Description:

webcore-y windows xp kind of layout. has a wii pointer cursor, background gif, cd online signifier, and plays "flash casanova" by yabujin. comment if you want, i don't really mind :3

Preview:

click on the image for a larger preview

Code:

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

<style>

</style>


<style>
body:after {

  content: " ";

  display: block;

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));

  z-index: 2;

  background-size: 100% 2px, 3px 100%;

  pointer-events: none}


</style>

<style>

main {

    color: black;

    background: url('') no-repeat fixed; background-size: cover;

    background-color: transparent; }

</style>
<style>

body{

background:url("https://i.pinimg.com/originals/08/78/f1/0878f164c5d43206af1c0a2f406efddc.gif") no-repeat fixed; background-size: cover;}

</style>

<style>
  
 .general-about{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue blue blue blue;
  border-width: 3px;
  background-color: white;
  height: 250px;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
 
  }
  
  .general-about:before{
  display: block;
  border-radius: 2px;
  border-style: groove outset outset outset;
  border-color: lightblue lightblue blue blue;
  border-width: 2px;
  margin-bottom: 5px;
  background-image: url(https://i.imgur.com/CKX2NUO.png) ,linear-gradient(to right, blue, lightblue);
  background-repeat: no-repeat;
  background-position: right;
  font-weight: 600;
  font-size: 12px;
  color: lightblue;
  content: "Open";
  }
  
  .general-about .profile-pic img{
  border-radius: 5px;
  border-style: inset;
  border-color: white white white white;
  border-width: 2px;
  margin-left: 5px;
  }
  
  .details{
  padding: 0px 5px 0px 0px;
  }
  
</style>
<style>
  
  .mood{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  margin-bottom: 5px;
 
  }
  
  .mood:before{
  display: block;
  border-radius: 2px;
  border-style: groove outset outset outset;
  border-color: lightblue lightblue blue blue;
  border-width: 2px;
  margin-bottom: 5px;
  background-image: url(https://i.imgur.com/CKX2NUO.png) ,linear-gradient(to right, blue, lightblue);
  background-repeat: no-repeat;
  background-position: right;
  font-weight: 600;
  font-size: 12px;
  color: lightblue;
  content: "Open";
  }
  
  .mood p{
  padding: 0px 0px 0px 5px;
  }
  
</style>

<style>
  
  .profile .contact{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  }
  
  .profile .contact .heading{
  display: block;
  border-style: groove outset outset outset;
  border-color: lightblue lightblue blue blue;
  border-width: 2px;
  margin-bottom: 5px;
  background-image: url(https://i.imgur.com/CKX2NUO.png) ,linear-gradient(to right, blue, lightblue);
  background-repeat: no-repeat;
  background-position: right;
  font-weight: 600;
  font-size: 12px;
  color: lightblue;
  content: "Open";
  }
  
</style>

<style>
  
     .profile .table-section{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  }
  
  .profile .table-section .heading{
  display: block;
  border-radius: 2px;
  border-style: groove outset outset outset;
  border-color: lightblue lightblue blue blue;
  border-width: 2px;
  margin-bottom: 5px;
  background-image: url(https://i.imgur.com/CKX2NUO.png) ,linear-gradient(to right, blue, lightblue);
  background-repeat: no-repeat;
  background-position: right;
  font-weight: 600;
  font-size: 12px;
  color: lightblue;
  content: "Open";
 
  }
  
  .profile .table-section td{
  border-radius: 5px;
  border-style: inset;
  border-color: white white white white;
  border-width: 2px;
  }
  
</style>
<style>
  
  .profile .url-info{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  }
  
</style>
<style>
  
  .profile .blurbs{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  }
  
  .profile .blurbs:before{
  display: block;
  border-radius: 2px;
  border-style: groove outset outset outset;
  border-color: lightblue lightblue blue blue;
  border-width: 2px;
  margin-bottom: 5px;
  background-image: url(https://i.imgur.com/CKX2NUO.png) ,linear-gradient(to right, blue, lightblue);
  background-repeat: no-repeat;
  background-position: right;
  font-weight: 600;
  font-size: 12px;
  color: lightblue;
  content: "Open";
  }
  
</style>
<style>
  
  .profile .friends{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  }
  
  .profile .friends:before{
  display: block;
  border-radius: 2px;
  border-style: groove outset outset outset;
  border-color: lightblue lightblue blue blue;
  border-width: 2px;
  margin-bottom: 5px;
  background-image: url(https://i.imgur.com/CKX2NUO.png) ,linear-gradient(to right, blue, lightblue);
  background-repeat: no-repeat;
  background-position: right;
  font-weight: 600;
  font-size: 12px;
  color: lightblue;
  content: "Open";
  }
  
  .profile .friends-grid img{
  border-radius: 5px;
  border-style: inset;
  border-color: white;
  border-width: 2px;
  
  }
  
  .profile .friends tr{
  border-radius: 5px;
  border-style: inset;
  border-color: white;
  border-width: 2px;
  
  }
  
</style>
<style>
  
  .profile .blog-preview{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  }
  
  .profile .blog-preview:before{
  display: block;
  border-radius: 2px;
  border-style: groove outset outset outset;
  border-color: lightblue lightblue blue blue;
  border-width: 2px;
  margin-bottom: 5px;
  background-image: url(https://i.imgur.com/CKX2NUO.png) ,linear-gradient(to right, blue, lightblue);
  background-repeat: no-repeat;
  background-position: right;
  font-weight: 600;
  font-size: 12px;
  color: lightblue;
  content: "Open";
  }
  
  .profile .blog-preview h4{
  padding: 0px 0px 5px 5px;
  }
  
  .profile .blog-preview p{
  padding: 0px 0px 5px 5px;
  }
  
</style>
<style>
  
  .profile h1{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  }
  
  .profile h1:before{
  display: block;
  border-style: groove outset outset outset;
  border-color: lightblue lightblue blue blue;
  border-width: 2px;
  margin-bottom: 5px;
  background-image: url(https://i.imgur.com/CKX2NUO.png) ,linear-gradient(to right, blue, lightblue);
  background-repeat: no-repeat;
  background-position: right;
  font-weight: 600;
  font-size: 12px;
  color: lightblue;
  content: "Open";
  }
  
</style>
<style>
  
  .col.right .profile-info{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: white;
  height: auto;
  width: auto;
  }
  
</style>
<style>
  .top{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: blue;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  }
  .links{
  display: block;
  border-radius: 5px;
  border-style: outset;
  border-color: blue;
  border-width: 3px;
  background-color: blue;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  }
</style>

<style>


::-webkit-scrollbar {

    width: 13px;

}



::-webkit-scrollbar-track {

    border-top: 3px ridge white;

    border-left: 3px ridge white;

    border-bottom: 3px ridge gray;

    border-right: 3px ridge gray;

    background: white radial-gradient(circle at 0px 0px, gray 1px, transparent 0);

    background-size: 2px 2px;

}



::-webkit-scrollbar-thumb {

    background: silver;

    border-top: 3px ridge white;

    border-left: 3px ridge white;

    border-bottom: 3px ridge gray;

    border-right: 3px ridge gray;

}

</style>


<style>


.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://supplies.ju.mp/assets/images/tiny1/60d42edb_original.gif?v=6a50b904')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://64.media.tumblr.com/ddec99d2030d58bf6d28c6ebbe05574f/tumblr_inline_rbrdyfrO2s1vefsve_500.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://supplies.ju.mp/assets/images/gallery05/146b47f6_original.gif?v=6a50b904')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://supplies.ju.mp/assets/images/gallery04/0d8a40ce_original.png?v=6a50b904')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://supplies.ju.mp/assets/images/tiny1/1e739291_original.png?v=6a50b904')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://64.media.tumblr.com/f19021b5a27d0504ce63cb64e9d26597/tumblr_inline_rcbp0rWDtU1vefsve_500.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://pix.crd.co/assets/images/gallery21/decc7954_original.gif?v=52ef41fa')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://pix.crd.co/assets/images/gallery21/410325ee_original.gif?v=52ef41fa')
}

</style>

<style>
.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://i.ibb.co/sCLNcck/ezgif-5-5861b4e688.png);
  animation: rotation 6s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/rGXi3LCNLB0//?&;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://cur.cursors-4u.net/games/gam-12/gam1112.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/05/08/wii-pointer-1-tilt.html" target="_blank" title="Wii Pointer #1 Tilt"><img src="https://cur.cursors-4u.net/cursor.png" alt="Wii Pointer #1 Tilt" style="position:absolute; top: 0px; right: 0px;"/></a>

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

klep_tonic	1762680649 currently using without the autoplay and possibly online status, might make further alterations! thank you for the cool layout Report Comment
Sol	1761142917 Using! Report Comment
carlsclover	1758706642 using! Report Comment
georgetheferret	1758075334 using Report Comment
kapitanu	1757804189 using Report Comment
sword	1757711456 using ^_^ Report Comment
Cyberstxr.exe<3	1756499130 Usinggggg Report Comment
レナ (ˉ﹃ˉ)	1755720992 using!! Report Comment
Lulistar ☆	1755713723 love it! usingg Report Comment
HunterN	1755041431 using !! :3 Report Comment
!! LEONA ♡ [autoplay]	1754836764 Using Report Comment
⋆ ˚｡⋆୨୧˚ кинито!!	1754221148 using Report Comment
n3v@nomali_rawrxD	1753878272 using!!!! Report Comment
ViBaJ.	1753455282 Using ty <3 Report Comment
TAPEWORM	1753350926 using!! Report Comment
HOSHI ^q^	1753094193 Using!! Report Comment
C:\Users\Mayfly $C:\Users\Mayfly's profile picture$	1752269056 using ! ! ! :O Report Comment
Alt!	1751782172 using :>>> Report Comment
⭑𝘍𝘭𝘢𝘯𝘚𝘰𝘯𝘪𝘤⭑	1750644018 using! :D Report Comment
Lolita	1750630218 usando Report Comment