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

dash	1721925933 using Report Comment
mikey	1721469960 using! Report Comment
🎀🍮🎀	1720864981 using Report Comment
anthony	1720772332 using :) Report Comment
yuck	1720123797 using Report Comment
Iso	1720078170 using Report Comment
Howboy	1720077148 using :) Report Comment
Chlorine;]]	1719873333 Using! Thanksss Report Comment
xwinsyy	1719046358 usiiing!!!! woohoo ♪ (✿◠‿◠) Report Comment
kattt-pchel	1718868841 using!1!1 :D Report Comment
QueenofCareful	1717829242 Using!!! Report Comment
Lobotomy	1717752656 using!! Report Comment
xyberia	1717027462 using!! Report Comment
jamie ☆	1715729788 using :) Report Comment
Nule	1715647866 using! :p Report Comment
qamyi	1715592984 using ^_^ Report Comment
Shikari	1715237416 using Report Comment
mr_m3diic	1714825773 using Report Comment
meferesu.png (.autoplay!)	1714138157 .I LOVE IT!!!1 USINGg Report Comment
xelqf5	1713022244 super cool, using. Report Comment