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

chuvya	1762486252 using!!!!!!!!!!1111 Report Comment
stupidkoii	1762382398 using Report Comment
vivi	1762108829 using!! Report Comment
ㅤ	1762085520 Using Report Comment
Sirius XD	1762021147 using!! Report Comment
gami	1762001394 using Report Comment
oddyss ✪	1761872581 using!! :-) Report Comment
Reg	1761428475 Using! Report Comment
oddzbms	1761019603 Using! Report Comment
Joe	1760971307 using :] Report Comment
Hey_It's_Avery	1760648106 Using! Looks rad! Report Comment
Matthew_Miller	1760132327 using, looks good! :P Report Comment
NyaKyu	1760105773 usingg Report Comment
NOEMI	1759632036 USING ^^ Report Comment
Womort	1759261430 Looking good ! Using Report Comment
Dwm796	1759128537 Using!! Report Comment
Sleepyhead	1759035029 using Report Comment
shovelsx3	1758917712 USING!!:3 Report Comment
Gvppyeuggh	1758640953 Using !1! Report Comment
TuryTiv	1758597766 Using !! Report Comment