Windows 95/98 Layout

Tags: windows, retro, windows 98, windows 95, computer, vaporwave

Description:

bunch o' code that makes your profile look like Windows 95/98, most of the colours and things are editable and there's comments pointing to what all the colours are, so feel free to make an abhorrent rainbow version of the theme if that's what you like :3

feel free to let me know if there's any issues with the layout and i'll try to fix them!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ida🦌✨💜 (https://layouts.spacehey.com/layout?id=2979) -->

<style>

/* windows 98 theme */

/* made by ida */
/* spacehey.com/deer */
/* spacehey.com/hatsunemiku */

:root
{
/* background colour */
    --logo-blue: #008080;

/* gradient colour */
    --darker-blue: #000080;
    --even-lighter-blue: #1084d0;

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

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

/* 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://cdn.discordapp.com/attachments/766244699413151755/840995300336467988/windows.png"), 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;
}
</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 20 of 673 comments ( View all | Add Comment )

clarice	1771712634 using! Report Comment
cybrangel	1771648339 using!! Report Comment
PadMaRanza	1770848375 using!!!! :D Report Comment
EthanXP	1770420232 usingggg !!!!!!!!! Report Comment
⊹‧₊˚ Starashe-is	1770161933 Using!! Report Comment
Demian Must Die	1769570749 Using ^^ great work!!! Report Comment
The_Doge_3	1769468026 using Report Comment
amishdog102	1769402272 using w Report Comment
rokyhenderson	1769386999 using Report Comment
Dylan	1769043775 using; preesh Report Comment
E̷𝗺ꪱƖ𝘆 ♡	1769007300 using Report Comment
Arkanite	1768683261 Using! Report Comment
Nelson Gutierrez Jose (N.G. Jose)	1768607098 using ;) Report Comment
spud	1768419157 using :D Report Comment
Raafag Colaudi	1768311275 Using! Report Comment
Sopv	1767434288 thx so much using Report Comment
chzycat12	1767053820 Using Report Comment
Kakkerlakk	1767046865 LOVEEE IM USING Report Comment
bambi124	1766991590 Using Report Comment
ℭ𝔄𝔎𝔈	1766881378 Using! Report Comment