windows classic nt custom

Tags: windows
Description:

js posting 2 save the code
Code:

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


<style>
:root
{
/* background colour */
    --logo-blue: #3A6EA5;

/* gradient colour */
    --darker-blue: #0A246A;
    --even-lighter-blue: #A6CAF0;

/* hyperlink */
    --link: #000080;

/* normal gray */
    --lighter-blue: #D4D0C8;

/* border gray */
    --lightest-blue: #dfdfdf;

/* white */
    --dark-orange: #FFFFFF;

/* gray */
    --darker-gray: #808080;

/* black */
    --black: #000000;
}

.heading
{

/* change this url to your windows buttons .png */
background-image: url("https://i.postimg.cc/qMBWSsnb/0600ea11e56fb39f6a2087eef9fa047c.jpg"), linear-gradient(to right, var(--darker-blue), var(--even-lighter-blue)) !important;

background-repeat: no-repeat !important;
background-position: right center !important;
}

body
{

/* change this url to your preferred cursor */
cursor: url("https://cdn.discordapp.com/attachments/766244699413151755/841026961902927932/128661.png"), auto !important;

background-color: var(--logo-blue) !important;
font-family: Arial Narrow, sans-serif !important;
}

h4
{
color: var(--dark-orange);
font-size: 14px;
}

p
{
color: var(--black);
font-size: 12px;
font-style: italic;
}

.w-40
{
padding-right: 0px !important;
}

a
{
color: var(--link) !important;
}

a.more
{
margin-right: 50px !important;
}

.comments-table p
{
color: var(--dark-orange) !important;
}

.profile .friends .person p
{
color: var(--darker-gray) !important;
}

nav .links a
{
color: var(--black) !important;
}

ul.links
{
padding-top: 6px !important;
padding-left: 3px !important;
}

li
{
border-width: 1px !important;
border-color: var(--lightest-blue) !important;
padding-left: 8px;
padding-right: 8px;
margin: -3px;
}

.count
{
  color: var(--dark-orange);
}

.details-table td:first-child
{
background-color: var(--gray) !important;
color: var(--black) !important;
}

nav .links li:not(:last-child)
{
border-right-style: inset !important;
}

nav .links li:not(:first-child)
{
border-left-style: inset !important;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after
{
  content: "";
}

div.friends
{
margin-bottom: 20px !important;
}

.comments-table td:first-child
{
width: auto !important;
}

div
{
border-style: none !important;
}

div.contact, div.table-section, div.blurbs, div.friends, div.person, div.container, table.comments-table, div.profile-pic
{
border-style: outset !important;
border-width: 3px !important;
border-color: var(--lightest-blue) !important;
background-color: var(--lighter-blue) !important;
}

div.person, table.comments-table, div.profile-pic
{
background-color: var(--lightest-blue) !important;
border-color: var(--dark-orange) !important;
padding: 0px !important;
}

div.container
{
margin-top: 16px !important;
}

main
{
background-color: transparent !important;
}

td
{
border-style: none !important;
}

.comments-table p
{
color: var(--black) !important;
}

.comments-table a p
{
color: var(--darker-gray) !important;
}

.comments-table td:first-child
{
background: var(--lightest-blue) !important;
}

.comments-table td
{
background: var(--lighter-blue) !important;
}

div.profile-pic
{
height: 166px !important;
}

div.top
{
background-image: linear-gradient(to right, var(--darker-blue), var(--even-lighter-blue)) !important;
}

body, .bodyContent {
background: url(https://i.postimg.cc/KYwYkg8D/wp4033995.webp);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}


h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

<!-- WAVING ANIMATION -->
main::before {
content: url('https://64.media.tumblr.com/81478eb9ffb9781c73ccee76eaa24c1d/9de5b485b832b359-d5/s250x400/e12919a02226b0e529e4d1200cddf65fae58a6cf.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

}</style>


<style>  body {

text-align: center;

  h1 {

text-align: left;

}</style>

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://i.postimg.cc/BZkTjtgs/Evolutionof-Windows-Startup-Sounds-ezgif-com-video-cutter.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 7s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

html:before {
content: " ";
display: block; position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed//playlist?list=PL4AtTVNHnRm4_momCX2Gm3oWhMvnOr6Wt&si=MVHIgh-E9Wp4TBm8//?&;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>


}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;

 }
    .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://i.postimg.cc/ZqvTNx3H/msn2-2-1.png")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.postimg.cc/Pqss8sM3/message-empty-tack-0-1.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.postimg.cc/fW1X68W7/msn3-5-1.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.postimg.cc/Lsj01Jyw/overlay-share-cool-3-1.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.postimg.cc/KvzGDbhJ/message-envelope-open-0-1.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.postimg.cc/wBWmxpJP/restrict-1-1.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.postimg.cc/tT9gWVzM/users-2-1.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.postimg.cc/BbVVD6yK/msg-error-0-1.png")
    } </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 )