domo kun xp

Tags: domo kun, windows xp, retro, 2000s
Description:

This code is not 100 percent my own, I just modified it a little.
Preview:

click on the image for a larger preview
Code:

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

<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://media.tenor.com/AAShZ-jW-_AAAAAM/domo-stuffed-animal.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: lightgrey;
  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>




    width: 13px;

}



    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;

}



    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('')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('')
}

</style>

}

 



<style>

.logo {

content:url("https://i.ibb.co/bmj9cd9/58164.png");
 height: 70px;
}

</style>


<style>

/*flip profile*/

.profile{

direction: rtl;



}



.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{

direction: ltr;



}</style>


<style>
	main:before {
		width: 100%;
		height: 170px;
		display: block;
		content: "";
		background-image: url('https://64.media.tumblr.com/933c3001bcadd0bd03267b2e0763893a/ab6134824e62a902-51/s1280x1920/4f6a13a764ea2a80c737db0a04441c2f40e7094b.pnj');
		background-position: center center;
		background-size: cover;
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Orbitron:wght@900&display=swap');
p{ font-family: 'Orbitron', sans-serif; 
font-size: 100%;
color: black; 
}

</style>


<style>
.profile .contact:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 240px;
  width: px;
  background-image: url(https://i.pinimg.com/564x/d5/77/07/d5770738dde027118563ae96ae58e7d3.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: 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 0 of 0 comments ( View all | Add Comment )