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

♱ evan	1767747506 lo usaré :pp Report Comment
dudu !!	1765993517 using ! Report Comment
SHARKOKUU	1765891817 Using! Report Comment
Trey	1764857160 using thank yeww Report Comment
ηιкα_ °❀⋆.ೃ࿔*:･	1763918150 Usiing <33 Report 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ੈ✩	1756499130 Usinggggg Report Comment
レナ (ˉ﹃ˉ)	1755720992 using!! Report Comment
Lulistar ☆	1755713723 love it! usingg Report Comment
HunterN	1755041431 using !! :3 Report Comment
⋆ ˚｡⋆୨୧˚ кинито!!	1754221148 using Report Comment
n3v@nomali_rawrxD	1753878272 using!!!! Report Comment
ViBaJ.	1753455282 Using ty <3 Report Comment
⋆. 𐙚 ˚꒰ ash! ꒱ ╥﹏╥	1753350926 using!! Report Comment